平面高手課堂！6個簡單酷炫的設(shè)計(jì)技法+實(shí)戰(zhàn)案例詳解

大家好，我是魚先生。

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

往期回顧：

本文以 6 個實(shí)用技巧為基礎(chǔ)，結(jié)合實(shí)戰(zhàn)講解，軟件是 AI（Illustrator），會按照以下三個方面詳細(xì)講解：① 技巧運(yùn)用案例；② 技巧拆解；③ 實(shí)戰(zhàn)演練。

OK，開始吧！

網(wǎng)格工具簡直是一秒鐘學(xué)會使用，學(xué)會之后，妙用無窮。

1. 技巧運(yùn)用

先看下利用網(wǎng)格工具做的的畫面，如下圖案例：

網(wǎng)格工具快速制作炫酷背景

書籍封面的應(yīng)用

海報(bào)設(shè)計(jì)中的應(yīng)用

2. 技巧教程

添加完網(wǎng)格之后，每個節(jié)點(diǎn)都是可以編輯的，如下圖：

OK， 技巧學(xué)習(xí)完畢，進(jìn)入實(shí)戰(zhàn)環(huán)節(jié)。

3. 實(shí)戰(zhàn)演練

案例一：漸變色書籍封面

① 運(yùn)用網(wǎng)格工具填充，網(wǎng)格建立如下

② 網(wǎng)格進(jìn)行變形編輯，編輯后如下圖：

③ 文字進(jìn)行排版，完成后如下圖：

文字排版是一個很大的篇章，我們今天的重點(diǎn)是分享技巧的應(yīng)用拆解。

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

案例二：五彩斑斕酷黑海報(bào)

① 繪制圖形

練習(xí)階段，圖形的繪制，大家自由發(fā)揮即可。

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

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

再或者我們直接利用 AI 軟件中的自帶變形工具進(jìn)行調(diào)整。

我們需要執(zhí)行：效果→變形。

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

② 圖形調(diào)整好之后，利用網(wǎng)格工具填充編輯顏色。

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

③ 文案進(jìn)行排版設(shè)計(jì)。

④ 最后再添加背景元素，增加質(zhì)感。

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

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

網(wǎng)格工具技巧，簡單又實(shí)用，大家要多在設(shè)計(jì)實(shí)踐中不斷地運(yùn)用，久而久之自然熟練掌握。

OK，繼續(xù)下一個！

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

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

1. 技巧運(yùn)用

字母立體在期刊封面中的應(yīng)用

數(shù)字立體效果

2. 技巧教程

可以直接調(diào)整參數(shù)，也可以如圖所示，轉(zhuǎn)動立方體調(diào)整效果。

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

魚先生說：

做這類立體圖形，一定不要著急，多調(diào)試，特別是最開始的學(xué)習(xí)階段，多嘗試，舉一反三，慢慢就熟練運(yùn)用了。

3. 案例應(yīng)用

案例：73 周年海報(bào)

設(shè)計(jì)元素：數(shù)字 73；技巧方法：3d 工具

① 打出所需要的數(shù)字。

② 執(zhí)行：效果→3D→凸出和斜角

我的參數(shù)如下：

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

畢竟是平面軟件中制作的立體圖形，它的明暗過度并不均勻，需要我們做細(xì)節(jié)調(diào)整。

③ 先把圖形擴(kuò)展外觀，然后調(diào)整圖形的細(xì)節(jié)。

選中圖形，先執(zhí)行：對象→擴(kuò)展外觀

擴(kuò)展外觀后，圖形是編組狀態(tài)，取消編組或者用小白箭頭單獨(dú)選擇，然后就可以單獨(dú)針對每個面進(jìn)行細(xì)節(jié)調(diào)整。

這里我調(diào)了每個面的漸變，讓立體感加強(qiáng)了一些。

完成后如下圖：

④ 最后簡單排版一下。

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

OK，繼續(xù)！

1. 技巧運(yùn)用

2. 技巧教程

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

在 AI 軟件中執(zhí)行：效果→模糊→高斯模糊

OK，這個工具比較簡單，點(diǎn)到為止。

3. 實(shí)戰(zhàn)演練

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

② 利用模糊工具進(jìn)行調(diào)整。

③ 主體元素設(shè)計(jì)完畢后，進(jìn)行文字排版

海報(bào)中文字黑白相間的部分，對于新手來講有一點(diǎn)難度，這里講一下。

步驟圖：

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

結(jié)合下面動圖：

OK，案例結(jié)束，我們繼續(xù)！

1. 技巧運(yùn)用案例

圖形混合

圖形混合

字體混合

數(shù)字混合

2. 技巧教程

3. 實(shí)戰(zhàn)演練

案例：73 周年海報(bào)

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

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

混合建立后，可以根據(jù)實(shí)際情況調(diào)整數(shù)字的位置及步數(shù)。

步數(shù)快捷鍵：先按 W 鍵，再按 Enter 鍵（確定鍵），即可調(diào)出步數(shù)面板。

調(diào)整完成后如下圖：

③ 調(diào)整上面的73顏色，讓其更加明顯。

單獨(dú)復(fù)制一層大數(shù)字 73，放于圖形頂部，即可單獨(dú)調(diào)整 73 的顏色。

如下圖所演示：

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

當(dāng)混合步數(shù)少的時候，數(shù)字之間的混合疊層感比較明顯，如上圖。

當(dāng)混合步數(shù)增加，畫面就會變得密集光滑，如下圖。

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

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

OK，應(yīng)用非常廣泛，大家多多嘗試延伸。

1. 技巧運(yùn)用案例

2. 技巧教程

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

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

3. 實(shí)戰(zhàn)演練

案例：人物分割效果海報(bào)

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

如下圖演示：

進(jìn)行文字排版之后，如下圖所示：

OK，繼續(xù)！

1. 技巧運(yùn)用案例

線框使用

線條使用

2. 技巧教程

這里分享兩個實(shí)用小技巧給大家。

技巧 1：Ai 實(shí)用小技巧之執(zhí)行上一步驟

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

動圖演示一下：

技巧 2：Ai 實(shí)用小技巧之線的屬性

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

2. 實(shí)戰(zhàn)演練

案例：音樂會海報(bào)

① 首先繪制出線，快速的方法上面已經(jīng)講過了。然后再把線條進(jìn)行調(diào)整，借鑒音樂類律動的感覺。

② 調(diào)整線的屬性，并且添加漸變色

③ 主圖元素已經(jīng)設(shè)計(jì)完畢，然后把文字進(jìn)行排版。

完成后，如下圖所示：

或許你認(rèn)為到這里就已經(jīng)結(jié)束了，但其實(shí)還可以再進(jìn)行優(yōu)化，這里的背景是純黑色，看上去有些單調(diào)，我們可以進(jìn)行優(yōu)化。

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

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

⑤ 把調(diào)整好的圓形素材，放進(jìn)ps中進(jìn)行調(diào)整

執(zhí)行：效果→扭曲→切變

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

⑥ 然后再根據(jù)文案內(nèi)容調(diào)整背景。

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

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

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

⑦ 調(diào)整下色彩，烘托氣氛。

在 ps 中使用漸變工具，調(diào)出以下漸變。

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

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

⑧ 最后把文案進(jìn)行排版即可。

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

寫在最后：

技巧容易學(xué)會，比如上面的技巧，我講一遍，你試一下就能夠?qū)W會了。但是學(xué)會，是不是代表你能夠做好設(shè)計(jì)？

答案當(dāng)然是否定的。

因?yàn)樵O(shè)計(jì)除了需要軟件基礎(chǔ)，還需要實(shí)戰(zhàn)能力和思維能力，所以大家一定要注意，眼、手、腦的同步提升。

祝好！

下期見！

歡迎關(guān)注作者微信公眾號：「擺渡魚生」