AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

編者按:今天教同學們創建一張復古風格強烈的海報,作者給出的色板特別絢麗,整個畫面張力十足,再加上多樣的變形效果和俏皮的矢量畫,以及最后點睛的暖橙色背景,最終效果實在太美,學習的同學,眼睛有福了。

在本教程中,我們將會創建一張瘋狂的海報,上面寫著王爾德的名言“Be yourself;everyone else is already taken(做你自己,因為別人都有人做了)”我們將使用各種變形效果來完成它,加個簡單的紋理效果,給海報復古的感覺,另外還要寫一些字。讓我們開始吧!

說到復古風格,這篇AI教程也值得一學呦:《AI教程!如何在Illustrator中繪制典雅的復古花藝作品》
AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

最終效果

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

一、畫一個花式禮帽

第1步

首先,新建一個600x800px大小的文檔。在上面列舉出我們將在圖像中使用的對比鮮亮而不乏復古風格的色版。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

色板能奠定整個設計的基調,非常實用,學習教程戳:《設計師必備取色技巧!教你在PS里通過照片創建色板》
AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第2步

首先使用橢圓工具(L) 畫一個壓扁的橢圓。然后使用矩形工具(M)畫一個矩形,令這個矩形頂端的錨點與橢圓中間對齊。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

選擇左下角的錨點,按Enter(回車) 鍵打開移動選項窗口。把水平位置值設為35px,垂直設為0px, 然后按 確定 按鈕。然后對右下角的錨點重復這步,水平移動設為 -35px。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第3步

保持矩形的選中狀態,效果 > 變形 > 凸出,把彎曲設為-11%。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第4步

繼續使用矩形工具(M)添加帽子的邊緣。這次使用弧形效果,把彎曲值設為-20%,使邊緣變為弧形。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第5步

現在我們要做一個色帶,讓我們的帽子更俏皮一點。復制邊緣形狀并將其向上移動一點。同時選中帽身和復制的邊緣,使用形狀生成工具(Shift-M),按住Alt鍵選擇多余的部分以刪除它們。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第6步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

二、畫那些瘋狂的圓眼鏡

第1步

現在讓我們畫一副時髦的圓眼鏡,讓我們的海報看起來獨特且瘋狂!首先使用橢圓工具 (L)畫一個正圓,使用 對象 > 路徑> 偏移路徑,并把偏移值設為-10px。最后,選擇外觀形狀并把其顏色改為橙色,從我們的色板里選。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第2步

為鏡框添加簡單的高光和陰影。首先畫玻璃上的閃亮反射。在鏡片上畫一個小的白色矩形,把它水平移動12px并點擊 復制按鈕,以創建這個矩形的副本。再為其創建兩個副本,并放在下面。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第3步

編組高光,并應用弧形效果,使用20% 彎曲值。使用對象 > 擴展外觀并使用拱形 效果,23% 彎曲。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第4步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第5步

現在要來組成整個眼鏡!添加第二片鏡片,還有連接部分,就用一個小矩形就行。然后像給鏡片那樣添加高光和陰影。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第6步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

三、畫時尚嬉皮士小胡子

第1步

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

把我們做好的形狀移動到畫筆 面板,并新建藝術畫筆。我就保留了默認設置,這樣我之后就不用改變它的顏色和形狀了,當然你也可以隨時回到這個菜單修改你的設置。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第2步

使用鉛筆工具 (N) 或者 弧形工具新建一個拱線,并使用我們剛才創建的畫筆。前往對象 > 擴展外觀。選擇平滑工具(或者按住Alt鍵選中鉛筆工具 (N))并描繪這個形狀以減少錨點的數量,讓形狀更加流暢和整潔。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第3步

為胡子下面添加一個柔和的陰影,從我們的畫板中選擇暗一點的紅色。把胡子放在眼鏡下面,并使用鏡像工具 (O)來創建胡子的另外一半。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

四、畫一個可愛的笑臉和復古折疊彩帶

第1步

首先,我們要使用圓角矩形工具,把圓角半徑設為20px,畫一個香腸裝的對象。應用弧形效果彎曲對象,垂直-38%。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第2步

添加第二個小一點的形狀,形成嘴巴的里側。繼續添加兩個白色的圓,它們將構成牙齒。選中這兩個圓然后對象 > 混合 > 建立,在混合選項中把間距設為指定的步數,3。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第3步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第4步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第5步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第6步

最后要做的元素是優雅的復古絲帶,這個很容易做。使用矩形工具 (M)畫兩個矩形,使用直接選擇工具 (A)向上拖動他們一側的錨點,添加背景的暗色部分,最后使用 弧形 效果, -10%彎曲值另其微微彎曲。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

我們已經把臉部元素做完了!

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

現在我們來做字幕!

五、設計你的奇妙刻字

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

第1步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第2步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第3步

用相同的方法畫字母“E”,通過添加陰影使字母更加立體。復制基本形狀并向左下方移動幾個像素。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

把字母放在帽子的頂上。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第4步

現在使用鉛筆工具 (N)并隨意寫下我們下一個單詞“yourself”。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第5步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第6步

下一個單詞是“everyone”。先新建一個簡單的圖案畫筆。創建一個條并在上面放一條虛線。新建一個簡單的由圓組成的形狀,這里將成為我們字母的頂端。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

擴展線條,把它們編組并新建圖案畫筆,使用默認設置。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第7步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

這樣你就可以隨便畫線了,不過有的時候它們會變形,變得不那么好看。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

和其他對象相比這個詞的規模有點小,所以你要來決定使用哪種技術。下面是這兩種方法的比較。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第8步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第9步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

六、給你的海報賦予老式木紋外觀

第1步

我們畫完了整個畫面的主要元素,我們需要添加一些額外的簡單背景,提亮我們海報。我已經嘗試了一些顏色,所以它們在背景上可以清晰可見。你可能注意到下面的截圖,我修改了單詞 “be”, “everyone else”還有“is”的一些顏色,當然還是從我們的基本色板上選的。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第2步

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

第3步

現在是時候來給它們一個復古的風格了!選擇帽子的頂部,復制并粘貼到前面(Control-C > Control-F)。用線性漸變填充,從白色到暗紅色,并把混合模式改為正片疊底。

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

為圖片的其他元素應用相同的 顆粒效果,選擇適當的顏色及漸變。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

耶!恭喜你完成了你的瘋狂海報!

干的漂亮!你完成了有趣的帶有奇特刻字的復古海報。我希望它能激發你的藝術靈感,也能為你提供一些有用的技巧。

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

想迅速成為AI高手?趕緊來練習!

呆萌的卡通頭像教程,也給自己來一個吧!
《AI教程!教你在ILLUSTRATOR中創建胖胖的可愛卡通頭像》

超寫實精致風車教程,感受一下!
《AI教程!手把手教你用AI創建精致玲瓏的多彩風車》

徽章教程!過程特別酷炫!
《AI教程!教你創建超酷的權利的游戲家族線條抽象徽章》

原文地址:Tuts+
優設網譯者:@阿布
【優設網 原創文章 投稿郵箱:2650232288@qq.com】

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

AI教程!教你用Illustrator設計俏皮大膽的瘋狂復古海報

收藏 30
點贊 3

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。