大家好，我是魚先生。

上次漸變色的設計教程出了以后，有同學就留言私信，表示想學習一下文章中的版式設計教程，那么今天魚先生就安排上。

往期回顧：

本文以 6 個實用技巧為基礎，結合實戰講解，軟件是 AI（Illustrator），會按照以下三個方面詳細講解：① 技巧運用案例；② 技巧拆解；③ 實戰演練。

OK，開始吧！

網格工具簡直是一秒鐘學會使用，學會之后，妙用無窮。

1. 技巧運用

先看下利用網格工具做的的畫面，如下圖案例：

網格工具快速制作炫酷背景

書籍封面的應用

海報設計中的應用

2. 技巧教程

添加完網格之后，每個節點都是可以編輯的，如下圖：

OK， 技巧學習完畢，進入實戰環節。

3. 實戰演練

案例一：漸變色書籍封面

① 運用網格工具填充，網格建立如下

② 網格進行變形編輯，編輯后如下圖：

③ 文字進行排版，完成后如下圖：

文字排版是一個很大的篇章，我們今天的重點是分享技巧的應用拆解。

如果你是新手，基礎不牢固，那么可以先臨摹我的版式，等你有了一定的基礎之后，自己再進行舉一反三，充分的吸收知識點。

案例二：五彩斑斕酷黑海報

① 繪制圖形

練習階段，圖形的繪制，大家自由發揮即可。

可以用鋼筆工具（快捷鍵：P），也可以用變形工具，多多嘗試，說不定可以碰撞更多靈感。

先用鋼筆工具演練一下試試：

再或者我們直接利用 AI 軟件中的自帶變形工具進行調整。

我們需要執行：效果→變形。

然后即可調出如圖所示面板，你就可以隨心所欲的調整，找到適合的圖形即可。

② 圖形調整好之后，利用網格工具填充編輯顏色。

繪制圖形的方法上面已經教過了，這里展示一下案例中圖形的網格形狀，如下圖所示：

③ 文案進行排版設計。

④ 最后再添加背景元素，增加質感。

找到一張石頭肌理的圖片。

填充為背景，完稿如下圖：

網格工具技巧，簡單又實用，大家要多在設計實踐中不斷地運用，久而久之自然熟練掌握。

OK，繼續下一個！

Ai 中的 3D 工具特別強大，今天來講其中的一個點，凸出和斜角，下次抽空專門給大家講講 3D 工具的妙用。

凸出和斜角經常會用來做一些立體字，或者圖形立體效果。

1. 技巧運用

字母立體在期刊封面中的應用

數字立體效果

2. 技巧教程

可以直接調整參數，也可以如圖所示，轉動立方體調整效果。

技巧學會之后，上面的 IDEA 期刊封面就不再難了。

魚先生說：

做這類立體圖形，一定不要著急，多調試，特別是最開始的學習階段，多嘗試，舉一反三，慢慢就熟練運用了。

3. 案例應用

案例：73 周年海報

設計元素：數字 73；技巧方法：3d 工具

① 打出所需要的數字。

② 執行：效果→3D→凸出和斜角

我的參數如下：

完成后，確定，得到以下圖案：

畢竟是平面軟件中制作的立體圖形，它的明暗過度并不均勻，需要我們做細節調整。

③ 先把圖形擴展外觀，然后調整圖形的細節。

選中圖形，先執行：對象→擴展外觀

擴展外觀后，圖形是編組狀態，取消編組或者用小白箭頭單獨選擇，然后就可以單獨針對每個面進行細節調整。

這里我調了每個面的漸變，讓立體感加強了一些。

完成后如下圖：

④ 最后簡單排版一下。

以后各種周年慶、倒計時類設計，是不是就不怕沒有思路了？

OK，繼續！

1. 技巧運用

2. 技巧教程

先看一下模糊工具的效果，如下圖演示：

在 AI 軟件中執行：效果→模糊→高斯模糊

OK，這個工具比較簡單，點到為止。

3. 實戰演練

① 先利用網格漸變繪制一個圓形，并填充顏色

② 利用模糊工具進行調整。

③ 主體元素設計完畢后，進行文字排版

海報中文字黑白相間的部分，對于新手來講有一點難度，這里講一下。

步驟圖：

① 繪制一個圓→② 把需要呈現白色部分的文字原地復制一層，并填充白色→③ 然后選中繪制的圓和復制的文字層，最后執行剪切蒙版（快捷鍵：Ctrl+7)

結合下面動圖：

OK，案例結束，我們繼續！

1. 技巧運用案例

圖形混合

圖形混合

字體混合

數字混合

2. 技巧教程

3. 實戰演練

案例：73 周年海報

① 打出所需要的數字，一大（紅）一小（黃），把大數字置于頂層，大概位置如圖所示。

② 執行：對象→混合→建立（或直接快捷鍵：Ctrl+Alt+B）

混合建立后，可以根據實際情況調整數字的位置及步數。

步數快捷鍵：先按 W 鍵，再按 Enter 鍵（確定鍵），即可調出步數面板。

調整完成后如下圖：

③ 調整上面的73顏色，讓其更加明顯。

單獨復制一層大數字 73，放于圖形頂部，即可單獨調整 73 的顏色。

如下圖所演示：

④ 最后放入文案，來個版式。

當混合步數少的時候，數字之間的混合疊層感比較明顯，如上圖。

當混合步數增加，畫面就會變得密集光滑，如下圖。

方法還是運用了混合，增加步數后，畫面由疊加感變成了光滑。

具體如何去使用呢，大家依據自己的審美，以及項目本身的訴求來思考。

OK，應用非常廣泛，大家多多嘗試延伸。

1. 技巧運用案例

2. 技巧教程

分割的方式有很多，這里我們重點演示一下 Ai 中路徑查找器的部分形式。

如下圖所演示，有趣好用，大家自己去玩一玩，熟練一下：

3. 實戰演練

案例：人物分割效果海報

頭像進行分割之后，添加色塊，就會造成體積感。

如下圖演示：

進行文字排版之后，如下圖所示：

OK，繼續！

1. 技巧運用案例

線框使用

線條使用

2. 技巧教程

這里分享兩個實用小技巧給大家。

技巧 1：Ai 實用小技巧之執行上一步驟

先繪制一條線，然后復制一條，之后我們按 CTRL+D，就可以按照你上一步的屬性進行復制。

動圖演示一下：

技巧 2：Ai 實用小技巧之線的屬性

OK，學會了以上幾個小技巧，下面這個案例就簡單了。

2. 實戰演練

案例：音樂會海報

① 首先繪制出線，快速的方法上面已經講過了。然后再把線條進行調整，借鑒音樂類律動的感覺。

② 調整線的屬性，并且添加漸變色

③ 主圖元素已經設計完畢，然后把文字進行排版。

完成后，如下圖所示：

或許你認為到這里就已經結束了，但其實還可以再進行優化，這里的背景是純黑色，看上去有些單調，我們可以進行優化。

④ 在AI軟件中利用混合工具，繪制一個如下的線條背景。

魚提示：繪制方法還是運用混合建立，分別繪制中心小圓和最外邊的大圓，同時選中兩條圓，執行混合建立即可。

⑤ 把調整好的圓形素材，放進ps中進行調整

執行：效果→扭曲→切變

然后放大圖形，最后執行：效果→模糊→動感模糊

⑥ 然后再根據文案內容調整背景。

為了突顯文案及主體圖形，我們要把背景的線條弱化。

我這里利用了蒙版，添加蒙版后直接用徑向黑白色漸變在蒙版上進行拉伸，然后讓中間的線條消失。

還可以添加疊加模式，關于疊加模式，大家可以自己每個都試試看，多嘗試總是沒有錯的。

⑦ 調整下色彩，烘托氣氛。

在 ps 中使用漸變工具，調出以下漸變。

放置在線條圖層之上，然后調整疊加模式→亮光

圖中的磨砂狀，我是給黑色背景添加了雜色，完成后，如下圖：

⑧ 最后把文案進行排版即可。

ok，技巧與案例就分享到這里。如果對你有點用，底部點贊支持一下魚先生吧！

寫在最后：

技巧容易學會，比如上面的技巧，我講一遍，你試一下就能夠學會了。但是學會，是不是代表你能夠做好設計？

答案當然是否定的。

因為設計除了需要軟件基礎，還需要實戰能力和思維能力，所以大家一定要注意，眼、手、腦的同步提升。

祝好！

下期見！

歡迎關注作者微信公眾號：「擺渡魚生」