說起AI大家想起來的是什麼?人工智能(Artificial Intelligence)?難道現在的人工智能已經強大到可以自己繪製通路圖了嘛?No!No!No!此AI非彼AI,今天我要介紹的是設計師的命根Adobe旗下的矢量圖設計軟件Adobe Illustrator。
圖說:Adobe旗下設計軟件全家桶
談起代謝模式圖真是要大家又愛又恨,看著高分文章里華麗又不失嚴謹,簡潔而又清晰的模式圖不禁感嘆,別人的手是手,我的手怎麼就不聽使喚了呢!
圖說: 別人用AI做的圖 VS 我用word做的圖
小編隨手在Cell上找了一個代謝通路圖Neuroligin-Neurexin Complexes 。
今天小編就教大家模仿這張通路圖的核心部位,就是下面這個部分:
具體操作如下:
1.首先是背景,我們需要在百度搜索關鍵字「純色紋理背景圖片」,選一個你中意的即可,如下,我們框選的紋理圖片都比較適合:
2. 然後選擇一個在Photoshop 中打開:
3.點擊「圖像-調整-黑白」:
4.用鼠標處的「污點修除畫筆」工具去掉水印:
5.點擊「矩形工具」,並繪製一個大到覆蓋整個畫布的矩形:
6.設置顏色填充漸變,根據背景顏色調整我們的漸變色,然後設置混合模式為「線性減淡」,按照下圖進行:
7. 通過相同的方式只要更改顏色我們可以得到三個不同顏色的背景,分別導出就可以了:
8.打開AI,用「鋼筆」工具繪製主體圖形,調節顏色、輪廓、還有陰影:
9. 然後打開我們做好的背景圖,擺在後面並在需要保留的位置用鋼筆繪製無填充形狀:
10. 同時選擇這個形狀和桃紅色背景按住Ctrl+7;同樣的方法把綠色部分也填充進來:
如此,我們的主體就做好了,接下來是按照圖片繪製細節,也是多運用鋼筆這個工具,多觀察細節。
11.點擊左側這個「漸變」工具,然後點擊你繪製的圖形,點擊下面的標註符號可以更改顏色,然後按照之前的方法添加陰影,內容很簡單,只要大家細心的修改就可以了:
12.照著原圖慢慢添加細節,通過鋼筆和圖形工具反复繪製,如果大家對背景顏色不滿意可以點擊「編輯-編輯顏色-調整色彩飽和度」來更改顏色:
13. 同樣的套路,重複的圖形選用大量的複制粘貼就好,看似很複雜,其實圖形類別屈指可數,注意好排版就好:
14. 最後大家可以調整下細節,比如顏色,尺寸:
因為是矢量文件,所以可以無限放大哦,而且圖片質量肯定是沒問題的。
好啦,到這兒,一張漂亮的通路圖就畫出來啦!
小伙伴們有木有躍躍欲試呢?
封面來源:站酷海洛Plus
圖片來源:作者提供
圖片擷取自freepik