【設計師晉級之路】Vol.1 線條的混合、變形、液化

感謝大家的厚愛，系列教程第一期開坑了。

承諾大家了這麼久才發，主要是年底工作相對比較忙，並不是因為Dota2不合時宜地更新什麼的……

起了個有逼格的名字——【設計師晉級之路】，希望大家通過我的文章能夠有所提升，有所啟發，也算是為自己做的一個查遺補漏。

既然是晉級之路，一些基本的操作就不贅述了，對於基本操作還有困難的同學們，建議先將軟體熟悉好，畢竟工欲善其事必先利其器——雖說軟體操作得好並不意味著就成為大神了，但是要成為大神，不用好基礎工具是萬萬不能的。

====================================

點、線、面是平面構成中非常重要的三大要素，這次教程，我們著重學習海報設計中常用的線條的設計方法——混合及變形（液化）。

掌握線條的設計方法，能夠為畫面提供更為豐富的表現力。

圖片來自pinterest

可以看出這三張平面作品的共性：以扭曲的線條作為整個畫面的視覺主體，並且將線條與要表達的主要內容（圖形、文字、人物等）相互聯結，從而形成具有豐富感染力的作品。互相遮擋的圖形元素產生了很強的韻律感，這也是這些作品吸引人的地方。

三張海報所用到的方法各不相同，你能看出來每張海報用到的工具嗎？

在揭曉答案前，我們先來熟悉一遍可能會用到的操作。

一、熟悉工具

核心工具有三個，Ai中的【混合工具】與【變形工具】，以及Ps中的【液化工具】。

【混合工具】的目的是將線條有規律地組成面，從而填充整個畫面；【變形】和【液化】則是為了製造出更為豐富的視覺變化。

在Ai中利用混合工具可以輕鬆做出這樣的效果，稍微調節下線條粗細，調整下混合的步數即可。

而如果先對線條進行【擴展】，然後進行混合，再使用變形工具，則可以達到這樣的效果（注意每根線條的粗細變化）

利用變形工具擠出褶皺，用平滑工具調整不自然的地方，然後慢慢調節錨點的細節，將線條全部調節到理想狀態為止。

Ai中的變形、平滑和混合工具

一些可能遇到的問題：

1. 在對線條進行變形或平滑操作時，先使用【選擇工具】對需要操作的部分進行選擇（需要 先雙擊進入混合組），便於局部細節的控制；

2. 一般情況下針對錨點的操作，應該對線條上的錨點進行儘可能的簡化，保持線條的優美、流暢，是矢量作圖良好的習慣（平滑工具很好用，幫助你快速得到流暢的線條）；

   

3. 按住Alt+滑鼠右鍵，可以調節變形筆刷的大小（此快捷鍵同樣適用於Adobe許多筆刷相關的操作），不斷變換筆刷的大小及形狀，以調整出最佳的效果；
4. 在調節錨點時要有耐心，多嘗試不同的混合、變形方式，也許會誤打誤撞出意外的好效果。

   

   

經過幾次嘗試，相信你已經可以用Ai做出上圖這樣簡單的混合及變形效果了，如果覺得不夠滿意，你需要的是更多的嘗試，以及更多的細心。

那麼PS中的液化又與AI中的變形有何區別呢？

唯一的區別在於，Ai作用的對象是矢量線條，Ps針對的是已經柵格化的圖像。

圖1中的單根線條存在明顯的粗細變化，注意右下角有明顯球狀鼓起的變形，顯然是用PS液化擠出來的；

圖2相對較難識別，方法是先用Ai製作出混合的效果（矩形混合），使用變形工具進行簡單地變形，利用Ps的液化及蒙版對文字進行編排修整，打上陰影，調整下線條的細節，塗出高光，最後疊加一層材質；

圖3需要繪製好矩形色塊，使用Ai中的變形工具可以輕鬆完成大色塊的鋪設，利用路徑查找器中的分割（在繪製矢量圖形中非常實用的工具）完成文字與色塊之前的層疊關係，並上好漸變色，整個過程不需要混合及Ps。

總結一下，類似這樣的手法，核心的思路是：

1. 首先，你有一些可以排列的元素（基本圖形、產品、字母等）；

2. 使用混合功能，將線條組合成優美流暢的面；

3. 使用變形或液化功能，使平面富有立體感；

4. 使用蒙版、切割等工具，將你要排列的主體元素與背景線條相互結合；

5. 加上漂亮的顏色，貼一層材質可以使海報更有質感。

這種海報的優點是，畫面主題很有表現力，設計感很強，配合合適的主題逼格爆棚；

缺點是不太適合一些商業場合，主題容易跑偏，需要一定的造型、排版功力。

===============================================

以上便是第一期的內容，希望對大家有所幫助。如果有不理解或認為有謬誤的地方歡迎交流。

第二期是關於線條效果的進一步講解，點擊查看：Vol.2 矢量線條的酷炫設計效果

推薦閱讀：