編者按：今天教同學(xué)們創(chuàng)建一張復(fù)古風(fēng)格強(qiáng)烈的海報(bào)，作者給出的色板特別絢麗，整個(gè)畫面張力十足，再加上多樣的變形效果和俏皮的矢量畫，以及最后點(diǎn)睛的暖橙色背景，最終效果實(shí)在太美，學(xué)習(xí)的同學(xué)，眼睛有福了。

在本教程中，我們將會(huì)創(chuàng)建一張瘋狂的海報(bào)，上面寫著王爾德的名言“Be yourself；everyone else is already taken（做你自己，因?yàn)閯e人都有人做了）”我們將使用各種變形效果來完成它，加個(gè)簡(jiǎn)單的紋理效果，給海報(bào)復(fù)古的感覺，另外還要寫一些字。讓我們開始吧！

說到復(fù)古風(fēng)格，這篇AI教程也值得一學(xué)呦：《AI教程！如何在Illustrator中繪制典雅的復(fù)古花藝作品》

最終效果

一、畫一個(gè)花式禮帽

第1步

首先，新建一個(gè)600x800px大小的文檔。在上面列舉出我們將在圖像中使用的對(duì)比鮮亮而不乏復(fù)古風(fēng)格的色版。

色板能奠定整個(gè)設(shè)計(jì)的基調(diào)，非常實(shí)用，學(xué)習(xí)教程戳：《設(shè)計(jì)師必備取色技巧！教你在PS里通過照片創(chuàng)建色板》

第2步

首先使用橢圓工具（L） 畫一個(gè)壓扁的橢圓。然后使用矩形工具（M）畫一個(gè)矩形，令這個(gè)矩形頂端的錨點(diǎn)與橢圓中間對(duì)齊。

選擇左下角的錨點(diǎn)，按Enter（回車） 鍵打開移動(dòng)選項(xiàng)窗口。把水平位置值設(shè)為35px，垂直設(shè)為0px， 然后按 確定 按鈕。然后對(duì)右下角的錨點(diǎn)重復(fù)這步，水平移動(dòng)設(shè)為 -35px。

第3步

保持矩形的選中狀態(tài)，效果 > 變形 > 凸出，把彎曲設(shè)為-11%。

第4步

繼續(xù)使用矩形工具（M）添加帽子的邊緣。這次使用弧形效果，把彎曲值設(shè)為-20%，使邊緣變?yōu)榛⌒巍?/p>

第5步

現(xiàn)在我們要做一個(gè)色帶，讓我們的帽子更俏皮一點(diǎn)。復(fù)制邊緣形狀并將其向上移動(dòng)一點(diǎn)。同時(shí)選中帽身和復(fù)制的邊緣，使用形狀生成工具（Shift-M），按住Alt鍵選擇多余的部分以刪除它們。

第6步

復(fù)制帽子頂部中間的部分，讓他變窄一點(diǎn)，然后把混合模式改為綠色。重復(fù)這步，然后去掉不必要的部分，這樣就給緞帶添加了不錯(cuò)的高光帶。

二、畫那些瘋狂的圓眼鏡

第1步

現(xiàn)在讓我們畫一副時(shí)髦的圓眼鏡，讓我們的海報(bào)看起來獨(dú)特且瘋狂！首先使用橢圓工具 （L）畫一個(gè)正圓，使用 對(duì)象 > 路徑> 偏移路徑，并把偏移值設(shè)為-10px。最后，選擇外觀形狀并把其顏色改為橙色，從我們的色板里選。

第2步

為鏡框添加簡(jiǎn)單的高光和陰影。首先畫玻璃上的閃亮反射。在鏡片上畫一個(gè)小的白色矩形，把它水平移動(dòng)12px并點(diǎn)擊 復(fù)制按鈕，以創(chuàng)建這個(gè)矩形的副本。再為其創(chuàng)建兩個(gè)副本，并放在下面。

第3步

編組高光，并應(yīng)用弧形效果，使用20% 彎曲值。使用對(duì)象 > 擴(kuò)展外觀并使用拱形 效果，23% 彎曲。

第4步

我們還要給鏡片添加反射效果，以使其更亮澤且生動(dòng)。復(fù)制里面的鏡片形狀，加亮并使用形狀生成工具（Shift-M）形成一個(gè)彎曲的反光。

第5步

現(xiàn)在要來組成整個(gè)眼鏡！添加第二片鏡片，還有連接部分，就用一個(gè)小矩形就行。然后像給鏡片那樣添加高光和陰影。

第6步

把銜接部分編組并使用弧形效果，彎曲40%。

三、畫時(shí)尚嬉皮士小胡子

第1步

我們需要先畫個(gè)簡(jiǎn)單的畫筆，這樣才方便之后畫胡子。先畫一個(gè)圓，然后使用直接選擇工具 （A）選中其一邊的錨點(diǎn)，然后把它向遠(yuǎn)處拖。使用轉(zhuǎn)換錨點(diǎn)工具（Shift-C）把它變成一個(gè)尖角。

把我們做好的形狀移動(dòng)到畫筆 面板，并新建藝術(shù)畫筆。我就保留了默認(rèn)設(shè)置，這樣我之后就不用改變它的顏色和形狀了，當(dāng)然你也可以隨時(shí)回到這個(gè)菜單修改你的設(shè)置。

第2步

使用鉛筆工具 （N） 或者 弧形工具新建一個(gè)拱線，并使用我們剛才創(chuàng)建的畫筆。前往對(duì)象 > 擴(kuò)展外觀。選擇平滑工具（或者按住Alt鍵選中鉛筆工具 （N））并描繪這個(gè)形狀以減少錨點(diǎn)的數(shù)量，讓形狀更加流暢和整潔。

第3步

為胡子下面添加一個(gè)柔和的陰影，從我們的畫板中選擇暗一點(diǎn)的紅色。把胡子放在眼鏡下面，并使用鏡像工具 （O）來創(chuàng)建胡子的另外一半。

四、畫一個(gè)可愛的笑臉和復(fù)古折疊彩帶

第1步

首先，我們要使用圓角矩形工具，把圓角半徑設(shè)為20px，畫一個(gè)香腸裝的對(duì)象。應(yīng)用弧形效果彎曲對(duì)象，垂直-38%。

第2步

添加第二個(gè)小一點(diǎn)的形狀，形成嘴巴的里側(cè)。繼續(xù)添加兩個(gè)白色的圓，它們將構(gòu)成牙齒。選中這兩個(gè)圓然后對(duì)象 > 混合 > 建立，在混合選項(xiàng)中把間距設(shè)為指定的步數(shù)，3。

第3步

使用直接選擇工具選中混合 編組，編輯線，使其略微彎曲。在其他對(duì)象上方復(fù)制一個(gè)嘴內(nèi)部的形狀，并建立剪貼蒙版以隱藏牙齒不必要的部分。

第4步

再為我們的嘴添加兩個(gè)圓，并使用剪貼蒙版將其隱藏起來，這將成為舌頭。使用畫筆工具（B）畫一條類似之前小胡子的形狀。

第5步

擴(kuò)展形狀，并切掉上面不必要的部分。使用轉(zhuǎn)換錨點(diǎn)工具 （Shift-C）讓舌頭尖端更自然流暢，最后，使用鉛筆工具 （N）為舌頭添加陰影。

第6步

最后要做的元素是優(yōu)雅的復(fù)古絲帶，這個(gè)很容易做。使用矩形工具 （M）畫兩個(gè)矩形，使用直接選擇工具 （A）向上拖動(dòng)他們一側(cè)的錨點(diǎn)，添加背景的暗色部分，最后使用 弧形 效果， -10%彎曲值另其微微彎曲。

我們已經(jīng)把臉部元素做完了！

現(xiàn)在我們來做字幕！

五、設(shè)計(jì)你的奇妙刻字

“Be yourself; everyone else is already taken”- 奧斯卡?王爾德。

第1步

使用鋼筆工具 （P）并開始畫我們的第一個(gè)字母“B”。用路徑查找器面板的減去頂層功能切割中心的部分。

第2步

現(xiàn)在來用發(fā)光的“燈泡”裝飾我們的字母。把幾個(gè)圓放在字母的角落并使用混合工具（W） 鏈接它們。

第3步

用相同的方法畫字母“E”，通過添加陰影使字母更加立體。復(fù)制基本形狀并向左下方移動(dòng)幾個(gè)像素。

把字母放在帽子的頂上。

第4步

現(xiàn)在使用鉛筆工具 （N）并隨意寫下我們下一個(gè)單詞“yourself”。

在字母上方畫一個(gè)亮黃色的形狀，并使用形狀生成工具 （Shift-M）把它們做成還算好看的高光。

把字母放在我們帽子的中心。

第5步

用一些漂亮的書法字體來寫這個(gè)詞的第二部分。在這里我們使用了“Adventure”字體，不過你也可以選擇任何你喜歡的斜體字。擴(kuò)展文字并通過添加高光和陰影讓它變得更自然。使用弧形變形效果彎曲對(duì)象，使其完全貼合帽檐。

第6步

下一個(gè)單詞是“everyone”。先新建一個(gè)簡(jiǎn)單的圖案畫筆。創(chuàng)建一個(gè)條并在上面放一條虛線。新建一個(gè)簡(jiǎn)單的由圓組成的形狀，這里將成為我們字母的頂端。

擴(kuò)展線條，把它們編組并新建圖案畫筆，使用默認(rèn)設(shè)置。

使用畫筆工具 （B），寫幾個(gè)字母。為每個(gè)字母的頂端裝飾上圓圈圈。

第7步

還有一種偷懶的方法可以創(chuàng)建整個(gè)單詞。你可以把這個(gè)圓圈添加到你的圖案畫筆。只要把這些元素拖到色板 面板，并把它們添加到圖案畫筆選項(xiàng)窗口中的起點(diǎn)拼貼和終點(diǎn)拼貼。

這樣你就可以隨便畫線了，不過有的時(shí)候它們會(huì)變形，變得不那么好看。

和其他對(duì)象相比這個(gè)詞的規(guī)模有點(diǎn)小，所以你要來決定使用哪種技術(shù)。下面是這兩種方法的比較。

把字母放到我們圖像上，正好圍繞著眼鏡。在字母下方添加一個(gè)亮的影子，使其和背景圖像有所區(qū)別。另外，關(guān)于單詞“else”，使用鉛筆工具 （N）畫出來并放在胡子上。

第8步

現(xiàn)在讓我們嘗試掌握Adobe Illustrator里的另一個(gè)工具斑點(diǎn)畫筆工具 （Shift-B）。對(duì)照下面的屏幕截圖檢查設(shè)置，并組成舌尖上的單詞“is”，用簡(jiǎn)單的涂鴉花火裝飾它。

第9步

最后，我們來畫最后兩個(gè)單詞“already taken”，使用跟寫“your”相同的方式。稍微旋轉(zhuǎn)字母，使其適合彩帶。

六、給你的海報(bào)賦予老式木紋外觀

第1步

我們畫完了整個(gè)畫面的主要元素，我們需要添加一些額外的簡(jiǎn)單背景，提亮我們海報(bào)。我已經(jīng)嘗試了一些顏色，所以它們?cè)诒尘吧峡梢郧逦梢?。你可能注意到下面的截圖，我修改了單詞 “be”， “everyone else”還有“is”的一些顏色，當(dāng)然還是從我們的基本色板上選的。

第2步

添加一個(gè)跟畫板一樣大的矩形，然后使用亮黃到橙色的徑向漸變。

第3步

現(xiàn)在是時(shí)候來給它們一個(gè)復(fù)古的風(fēng)格了！選擇帽子的頂部，復(fù)制并粘貼到前面（Control-C > Control-F）。用線性漸變填充，從白色到暗紅色，并把混合模式改為正片疊底。

最后，前往效果 > 效果庫 > 紋理> 顆粒并使用噴灑顆粒類型，把強(qiáng)度改為72，對(duì)比度改為55。你可以隨時(shí)在外觀面板的顆粒中改變這些值。

為圖片的其他元素應(yīng)用相同的 顆粒效果，選擇適當(dāng)?shù)念伾皾u變。

耶！恭喜你完成了你的瘋狂海報(bào)！

干的漂亮！你完成了有趣的帶有奇特刻字的復(fù)古海報(bào)。我希望它能激發(fā)你的藝術(shù)靈感，也能為你提供一些有用的技巧。

想迅速成為AI高手？趕緊來練習(xí)！

呆萌的卡通頭像教程，也給自己來一個(gè)吧！
《AI教程！教你在ILLUSTRATOR中創(chuàng)建胖胖的可愛卡通頭像》

超寫實(shí)精致風(fēng)車教程，感受一下！
《AI教程！手把手教你用AI創(chuàng)建精致玲瓏的多彩風(fēng)車》

徽章教程！過程特別酷炫！
《AI教程！教你創(chuàng)建超酷的權(quán)利的游戲家族線條抽象徽章》

原文地址：Tuts+
優(yōu)設(shè)網(wǎng)譯者：@阿布
【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量78萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：