編者按:今天的教程特別適合練習(xí),教程的界面雖然是英文版的,但標(biāo)注極為詳細(xì),值得一提的是譯者@瑪皓雨Smartisan 非常認(rèn)真,跟著教程做了一遍,保證木有錯(cuò)誤,對(duì)了,教程幾乎每個(gè)步驟都有快捷鍵提示,不熟悉Illustrator的同學(xué),趁這個(gè)機(jī)會(huì)順便把快捷鍵get起來!
想直接學(xué)習(xí)最全的Illustrator 快捷鍵?右戳收藏!《平面設(shè)計(jì)師最愛的illustrator快捷鍵》
@瑪皓雨Smartisan :跟著下面的教程,你將學(xué)習(xí)如何運(yùn)用Adobe Illustrator繪制一個(gè)精細(xì)復(fù)雜的打火機(jī)。首先,你將學(xué)習(xí)怎樣通過矩形工具、橢圓形工具,以及網(wǎng)格和對(duì)齊到網(wǎng)格選項(xiàng)來創(chuàng)建完美的像素形狀。接下來,你將了解到如何運(yùn)用復(fù)雜的漸變、路徑查找器選項(xiàng)和一些基本的混合技巧來為你創(chuàng)建的形狀添加立體感和明暗。最后你將學(xué)習(xí)如何創(chuàng)建你自己的圖案并使之成為你作品的一部分。
Step 1
按Control+N新建文檔。寬度和高度都輸入600,然后點(diǎn)擊高級(jí)按鈕。顏色模式選擇RGB,柵格效果選擇72ppi,并在單擊確定前保證“使新建對(duì)象與像素網(wǎng)格對(duì)其”未被選中。現(xiàn)在啟用網(wǎng)格(視圖<顯示網(wǎng)格)和對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格)。首先,你需要間隔為5像素的網(wǎng)格。單擊編輯 < 首選項(xiàng) < 參考線和網(wǎng)格 < 網(wǎng)格,在網(wǎng)格線間隔處輸入5、次分隔線處輸入1。你也可以打開導(dǎo)航器(窗口<導(dǎo)航器)預(yù)覽形狀的大小和位置。別忘了在編輯<首選項(xiàng)<單位<常規(guī)處把單位設(shè)置為像素。所有這些選項(xiàng)將會(huì)顯著地增加你的工作速度。
Step 2
使用矩形工具創(chuàng)建一個(gè)95*220px的矩形,并按照下圖所示填充線性漸變。漸變上的白色數(shù)字代表位置百分比。選中這個(gè)矩形并在其前面做一個(gè)副本(Control+ C < Control + F)。
Step 3
用矩形工具再創(chuàng)建兩個(gè)10*230px的形狀。這兩個(gè)形狀都填充為白色,并把它們放置在如第一幅圖所示的位置上。選中這兩個(gè)矩形并把它們轉(zhuǎn)化為復(fù)合路徑(對(duì)象<復(fù)合路徑<建立 或 Control+8)。同時(shí)選中這個(gè)新的復(fù)合路徑和上一步中最后生成的那個(gè)副本,打開路徑查找器面板,單擊交集按鈕。選中生成的形狀編組,并取消編組(Shift + Control + G)。選中左邊的白色矩形,把不透明度降低至25%,混合模式設(shè)置為柔光。選中另一個(gè)白色矩形,把不透明度降低到10%,混合模式設(shè)置為柔光。
Step 4
禁用對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格)然后在編輯<首選項(xiàng)<常規(guī)處把鍵盤增量設(shè)置為1px。選中在步驟2創(chuàng)建的矩形,生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中最上面的副本,通過單擊一次鍵盤的向下箭頭把它往下移動(dòng)1px。重新選擇兩個(gè)副本,在路徑查找器上單擊減去頂層按鈕。把生成的形狀填充為白色,降低其不透明度至70%,將混合模式設(shè)置為柔光。
Step 5
選擇步驟2中創(chuàng)建的矩形,生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中上面的那個(gè)副本,通過單擊鍵盤上的向上箭頭把它網(wǎng)上移動(dòng)1px。選中兩個(gè)副本并在路徑查找器上單擊減去頂層按鈕。把生成的形狀填充為黑色,并將混合模式變?yōu)槿峁狻?/p>
Step 6
選中步驟2中創(chuàng)建的矩形,然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中上面的副本并通過單擊鍵盤上的向右箭頭將其移動(dòng)1px。重新選中兩個(gè)副本,然后單擊路徑查找器上的減去頂層按鈕。將生成的形狀填充為黑色,降低其不透明度至3%。
Step 7
選中步驟2中創(chuàng)建的矩形,然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中上面的副本,通過單擊3次鍵盤上的向右箭頭將其移動(dòng)3px。重新選中兩個(gè)副本,然后單擊路徑查找器上的減去頂層按鈕。將生成的形狀填充為黑色并把不透明度設(shè)置為3%。
Step 8
選中步驟2中創(chuàng)建的矩形,然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中上面的副本,通過單擊6次鍵盤上的向右箭頭將其移動(dòng)6px。重新選中兩個(gè)副本,然后單擊路徑查找器上的減去頂層按鈕。將生成的形狀填充為黑色并把不透明度設(shè)置為3%。
Step 9
啟用對(duì)齊網(wǎng)格。重新選中前面3步中創(chuàng)建的形狀然后編組(Control + G)。選中這個(gè)新的編組,然后對(duì)象<變換<對(duì)稱。選中垂直然后單擊復(fù)制按鈕。這會(huì)創(chuàng)建一個(gè)水平翻轉(zhuǎn)的編組副本。選中這個(gè)新的編組,把它拖到右面,放置在第二幅圖所示的位置上。
Step 10
下面的步驟你將需要間隔為1px的網(wǎng)格。在編輯<首選項(xiàng)<參考線和網(wǎng)格 處將網(wǎng)格線間隔設(shè)置為1px。使用矩形工具,創(chuàng)建一個(gè)1*218px的矩形,填充為黑色并把它放置在如圖1所示的位置上。把這個(gè)細(xì)長的矩形復(fù)制一次(Control + C < Control + F),將其填充為白色,并像第二幅圖示那樣向右移動(dòng)1px。
Step 11
選中上一步中創(chuàng)建的黑色矩形,將其混合模式設(shè)置為柔光,然后用下面圖1所示的線性漸變填充取代平涂的黑色。選中上一步中創(chuàng)建的白色矩形,將其混合模式設(shè)置為柔光,不透明度降低為70%,然后用下面圖2所示的線性漸變?nèi)〈酵康陌咨?。漸變圖像上的黃色數(shù)字零代表不透明度的百分比。
Step 12
重新選中前面步驟中編輯好的兩個(gè)細(xì)長矩形然后將它們編組。選中這個(gè)新的編組,然后對(duì)象<變換<對(duì)稱。
選中垂直然后單擊復(fù)制按鈕。選中新的編組,將它拖到右側(cè),放置在下圖2所示的位置上。
Step 13
選中步驟2中創(chuàng)建的形狀,打開外觀面板,使用添加新填色按鈕(見藍(lán)色小箭頭)添加第二個(gè)填色。你將需要一個(gè)內(nèi)置的圖案作為新的填色。調(diào)出色板,打開:飛出菜單→打開色板庫→圖案→基本圖形→基本圖形_紋理。出現(xiàn)一個(gè)新的窗口,里面是一套內(nèi)置的圖案。確保第二個(gè)填色依然是選中的狀態(tài),然后添加”USGS 19 洪水”圖案,將其混合模式設(shè)置為疊加,然后去對(duì)象<變換<旋轉(zhuǎn)。輸入90度,不要選中“變換對(duì)象”,選中“變換圖案”,然后單擊確定。最后看起來應(yīng)該是下面圖2的樣子。
Step 14
選中上一個(gè)步驟編輯的形狀,打開外觀面板,添加第三個(gè)填色。選中,設(shè)置填充顏色為R=131 G=69 B=28(注:原教程圖示中的133、69、72是錯(cuò)誤的),降低其不透明度至50%,設(shè)置混合模式為顏色加深。
Step 15
將網(wǎng)格線間隔重新設(shè)置為5px。因此,到編輯<首選項(xiàng)<參考線和網(wǎng)格處,在網(wǎng)格線間隔那里輸入5。現(xiàn)在我們來關(guān)注目前所創(chuàng)建的形狀的底部。用矩形工具創(chuàng)建一個(gè)95*15px的矩形,按照下面圖1所示填充線性漸變并放置在對(duì)應(yīng)的位置上。接下來,你需要使用到Round Any Corner script。
素材已分享到 微盤下載
然后回到Illustrator選擇直接選擇工具(A)。選中下圖1中加亮標(biāo)出的兩個(gè)錨點(diǎn),然后文件 < 腳本 < 其他腳本。打開Round Any Corner Script,輸入5px并單擊OK。最后你的形狀開上去應(yīng)該和下面圖2一樣。選中這個(gè)圖形,做一個(gè)副本(Control + C < Control + F)。
Step 16
用矩形工具再新建兩個(gè)10*25px大小的矩形。將它們填充為白色,放置在如下圖1所示的位置,并將它們建立復(fù)合路徑(Control + 8)。選中這個(gè)新的復(fù)合路徑和上一步中最后創(chuàng)建的形狀,在路徑查找器面板上單擊交集按鈕。選中這個(gè)生成的形狀編組然后取消編組(Shift + Control + G)。選中左邊的白色形狀,將不透明度設(shè)置為20%,然后選中另一個(gè)白色形狀并設(shè)置其不透明度為10%。
Step 17
禁用對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格)。選中步驟15中繪制的形狀,然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中第一個(gè)副本并向下移動(dòng)1px。重新選中這兩個(gè)副本然后在路徑查找器面板上單擊減去頂層按鈕。將生成的形狀填充為白色,不透明度設(shè)置為75%,混合模式設(shè)置為柔光。
Step 18
選中步驟15中繪制的形狀,然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中上面的副本將其向上移動(dòng)1px。重新選中兩個(gè)副本然后在路徑查找器面板單擊減去頂層按鈕。將生成的形狀填充為黑色,不透明度設(shè)置為50%,混合模式設(shè)置為疊加。
Step 19
選中步驟15中創(chuàng)建的形狀然后生成一個(gè)副本(Control + C < Control + F)。選中這個(gè)副本向上移動(dòng)1px,然后生成一個(gè)副本(Control + C < Control + F)。選中它向上移動(dòng)1px。重新選中本步驟中創(chuàng)建的兩個(gè)形狀然后在路徑查找器面板中單擊減去頂層按鈕。將生成的形狀按照下圖所示填充為線性漸變,并將不透明度設(shè)置為50%。
Step 20
啟用對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格)。接下來,我們將創(chuàng)建一個(gè)簡(jiǎn)單的圖案。首先,你需要將網(wǎng)格間隔線設(shè)置為1px。現(xiàn)在,選中矩形工具,創(chuàng)建一個(gè)3px大小的正方形,并填充為任意顏色。繼續(xù)用矩形工具創(chuàng)建一個(gè)1*3px大小的矩形,填充為黑色并把它放置在如下圖2所示的位置上。新建一個(gè)1*3大小的矩形,填充為白色然后把它放置在如下圖3所示的位置上。重新選中本步驟一開始創(chuàng)建的那個(gè)正方形,在外觀面板上取消填充。最后,選中本步驟內(nèi)創(chuàng)建的3個(gè)形狀然后把它們拖入色板中。這將增加你的新圖案?;氐綀D層面板,刪除這3個(gè)小形狀。
Step 21
選中步驟15所創(chuàng)建的形狀,在外觀面板上添加新的填色。選中它,添加前一步創(chuàng)建的圖案,降低其不透明度為40%并將混合模式設(shè)置為柔光。
Step 22
將網(wǎng)格間隔線重新設(shè)置為5px。使用矩形工具創(chuàng)建一個(gè)95*15px的形狀,按照下圖所示填充線性漸變,按照下圖所示方式在對(duì)應(yīng)的位置并生成一個(gè)副本。
Step 23
繼續(xù)使用矩形工具創(chuàng)建兩個(gè)10*25px的形狀。將這兩個(gè)形狀填充為白色,將它們放置在圖1所示的位置上并將它們轉(zhuǎn)化為復(fù)合路徑(Control + 8)。選中這個(gè)新的復(fù)合路徑和上一步中創(chuàng)建的副本,然后在路徑查找器面板上單擊交集按鈕。選中生成的形狀編組,取消編組。選中左側(cè)的白色矩形,將其不透明度設(shè)置為20%,然后選中另一個(gè)白色矩形并將其不透明度設(shè)置為10%。
Step 24
禁用對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格)。選中步驟22中創(chuàng)建的矩形然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中上面的副本并向下移動(dòng)1px。重新選中兩個(gè)副本然后在路徑查找器面板上單擊減去頂層按鈕。將生成的形狀填充為白色,不透明度降低為60%,混合模式設(shè)置為柔光。
Step 25
選中步驟22中創(chuàng)建的矩形然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中上面的副本并向上移動(dòng)1px。重新選中兩個(gè)副本然后在路徑查找器面板上單擊減去頂層按鈕。將生成的形狀填充為黑色,降低其不透明度為15%,混合模式設(shè)置為柔光。
Step 26
選中步驟22中創(chuàng)建的矩形然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中上面的副本并向上移動(dòng)2px。重新選中兩個(gè)副本然后在路徑查找器面板中單擊減去頂層按鈕。將生成的形狀填充為黑色,設(shè)置不透明度為15%,混合模式設(shè)置為柔光。
Step 27
選中步驟22中創(chuàng)建的矩形,在外觀面板上添加新的填色。選中它,添加你的圖案,降低其不透明度為40%并設(shè)置混合模式為柔光。
Step 28
啟用對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格),然后關(guān)注前一個(gè)步驟中所編輯的形狀的頂部。使用矩形工具創(chuàng)建一個(gè)70*45px的形狀,按照下圖所示填充為線性漸變,并把它按照下圖1所示放置在對(duì)應(yīng)的位置上。轉(zhuǎn)換到直接選擇工具(A),選中頂部右面的錨點(diǎn),將其向左移動(dòng)5px。你將又一次需要用到Round Any Corner script。確保選中的工具是直接選擇工具,選中圖2中加亮顯示的兩個(gè)錨點(diǎn),然后文件<腳本<其他腳本。打開Round Any Corner Script,輸入5px并單擊OK。最后你的形狀看上去應(yīng)該和圖3一樣。
Step 29
禁用對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格)。選中上一步中創(chuàng)建的形狀,然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中上面的副本并向上移動(dòng)1px。重新選中兩個(gè)副本然后在路徑查找器面板單擊減去頂層按鈕。將生成的形狀填充為黑色并降低其不透明度為5%。
Step 30
選中步驟28中創(chuàng)建的形狀,生成兩個(gè)副本。選中上面的副本并向上移動(dòng)3px。重新選中兩個(gè)副本然后在路徑查找器面板單擊減去頂層按鈕。將生成的形狀填充為黑色然后降低其不透明度為5%。
Step 31
選中步驟28中創(chuàng)建的形狀,生成兩個(gè)副本。選中上面的副本并向左移動(dòng)1px。重新選擇兩個(gè)副本然后在路徑查找器面板上單擊減去頂層按鈕。按照下面圖3所示將生成的形狀填充為線性漸變。
Step 32
選中步驟28中創(chuàng)建的形狀,生成兩個(gè)副本。選中上面的副本并向左移動(dòng)2px。重新選擇兩個(gè)副本并在路徑查找器面板上單擊減去頂層按鈕。按照下圖所示將生成的形狀填充為線性漸變并設(shè)置混合模式為疊加。(說明:原教程線性漸變填充圖示中的70 70 70是錯(cuò)的,應(yīng)該是 255 255 255,或者接近白色。)
Step 33
選中步驟28中創(chuàng)建的形狀,生成兩個(gè)副本。選中上面的副本并向下移動(dòng)1px。重新選中兩個(gè)副本并在路徑查找器面板中單擊減去頂層按鈕。將生成的形狀按照下圖所示填充為線性漸變。
Step 34
選中步驟28中創(chuàng)建的形狀,生成兩個(gè)副本。選中上面的副本并向下移動(dòng)2px、向左移動(dòng)5px。重新選中兩個(gè)副本然后在路徑查找器面板單擊減去頂層按鈕。按照下圖所示將生成的形狀填充為線性漸變,降低其不透明度為55%,然后設(shè)置混合模式為疊加。
Step 35
啟用對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格)。選中步驟28中創(chuàng)建的形狀然后生成一個(gè)副本。使用矩形工具創(chuàng)建一個(gè)10*55px的形狀,將其填充為白色并把它放置在如下圖2對(duì)應(yīng)的位置上。選中這個(gè)白色的矩形和本步驟一開始創(chuàng)建的形狀,在路徑查找器面板上單擊交集按鈕。選中生成的形狀并降低其不透明度為15%。
Step 36
使用矩形工具創(chuàng)建一個(gè)10*5px的形狀,將其按照下圖所示填充為線性漸變并把它按照下圖1所示放置在對(duì)應(yīng)的位置上。確保這個(gè)新的矩形被選中,然后效果<風(fēng)格化<圓角。半徑輸入2.5px,單擊確定然后效果<風(fēng)格化<投影。按照下圖所示輸入內(nèi)容并單擊確定。
Step 37
將網(wǎng)格間隔線設(shè)置為1px,然后使用矩形工具創(chuàng)建一個(gè)3*5px的形狀。按照下圖所示將其填充為線性漸變,并放置在對(duì)應(yīng)的位置上,然后效果<風(fēng)格<投影。按照下圖所示輸入內(nèi)容并單擊確定。
Step 38
使用矩形工具創(chuàng)建一個(gè)32*10px的形狀然后按照下圖所示填充為線性漸變。(說明:原教程圖示的漸變顏色又標(biāo)錯(cuò)了,正確應(yīng)該是:0 0 0、110 110 110、170 170 170 、100 100 100、50 50 50)
Step 39
使用矩形工具創(chuàng)建一個(gè)32*1px的形狀。按照下圖所示將其填充為線性漸變,并放置在對(duì)應(yīng)的位置上,然后設(shè)置其不透明度為30%。繼續(xù)使用矩形工具創(chuàng)建一個(gè)32*3px的形狀。按照下圖所示填充為線性漸變,并放置在對(duì)應(yīng)的位置上,不透明度設(shè)置為20%。使用矩形工具創(chuàng)建一個(gè)32*1px的形狀。按照下圖所示填充為線性漸變,并放置在對(duì)應(yīng)的位置上,不透明度設(shè)置為30%。
Step 40
關(guān)注上一步中創(chuàng)建的形狀的頂部,使用矩形工具創(chuàng)建一個(gè)35*8px的形狀。按照下圖所示將其填充為線性漸變,并放置在對(duì)應(yīng)的位置上,然后選中直接選擇工具。(說明:原教程圖示中標(biāo)明的數(shù)字是錯(cuò)誤的,應(yīng)該為:000、110 110 110、170 170 170、100 100 100、50 50 50)選中頂部左側(cè)的錨點(diǎn)并向下拖動(dòng)3px。確保這個(gè)新的形狀被選中,然后效果<變形<上弧形。按照下面圖示輸入內(nèi)容,單擊確定,然后對(duì)象<擴(kuò)展外觀。
Step 41
最后一次使用Round Any Corner script。聚焦于上一個(gè)步驟創(chuàng)建的形狀,選擇直接選擇工具,選中下圖1中高亮標(biāo)出的兩個(gè)錨點(diǎn),然后文件<腳本<其他腳本。打開Round Any Corner Script,半徑輸入2px然后單擊確定。最后你的形狀看上去應(yīng)該和圖2一樣。
Step 42
禁用對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格)。選中上個(gè)步驟中編輯的形狀,然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中上面的那個(gè)副本并向下移動(dòng)1px。重新選中兩個(gè)副本,然后在路徑查找器面板單擊減去頂層按鈕。將生成的形狀按照最后那張圖片所示的填充為線性漸變,并設(shè)置混合模式為柔光。
Step 43
選中步驟41創(chuàng)建的形狀,然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中上面的那個(gè)部分并向上移動(dòng)1px。重新選中兩個(gè)副本然后在路徑查找器面板單擊減去頂層按鈕。將生成的形狀填充為黑色,降低其不透明度至30%并改變混合模式為柔光。
Step 44
啟用對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格)。選中最后6步驟創(chuàng)建的所有的形狀并將它們編組(Control + G)。選中這個(gè)新的編組,置于最底層(Shift + Control + [)然后將它按照下圖所示放置在對(duì)應(yīng)的位置。
Step 45
使用橢圓形工具(L),創(chuàng)建一個(gè)40px的圓形,按照下面所示填充為徑向漸變,并按照?qǐng)D1所示放置在對(duì)應(yīng)的位置上。將新創(chuàng)建的這個(gè)形狀置于底層(Shift + Control + [)然后生成一個(gè)副本(Control + C < Control + F)。
Step 46
選中步驟28創(chuàng)建的形狀,然后對(duì)象<路徑<偏移路徑。輸入1px的偏移量然后單擊確定。選中生成的形狀和上一步最后生成的副本,然后在路徑查找器面板單擊交集按鈕。將生成的形狀填充為黑色并降低其不透明度為15%。
Step 47
禁用對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格)。選中步驟45中創(chuàng)建的圓形然后對(duì)象<路徑<偏移路徑。輸入偏移量-0.5px然后單擊確定。選中生成的形狀,生成一個(gè)副本,選中它并向下移動(dòng)1px。重新選中本步驟中生成的兩個(gè)形狀然后在路徑查找器面板中單擊減去頂層按鈕。將生成的形狀按照下圖所示填充為線性漸變。
Step 48
選中步驟45生成的圓形,在外觀面板添加2px粗細(xì)的描邊。選中它,設(shè)置描邊顏色為R=50 G=50 B=50,并打開描邊面板。選中虛線,然后在“虛線”和“間隙”處都輸入2pt?;氐酵庥^面板,通過添加新描邊按鈕為你的圓形添加第二條描邊。選中這個(gè)新的描邊,設(shè)置為1pt寬,對(duì)齊到內(nèi)側(cè),顏色設(shè)置為R=120 G=120 B=120。
Step 49
啟用對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格)。使用矩形工具創(chuàng)建一個(gè)87*3px大小的形狀,填充為黑色,按照下面第一幅圖所示放置好,然后效果<風(fēng)格<圓角。半徑輸入1px,單擊確定然后效果<變形<下弧形。按照下面圖示輸入內(nèi)容,單擊確定然后對(duì)象<擴(kuò)展外觀。將生成的形狀按照下面圖示填充為線性漸變,將其置于底層并添加1pt粗細(xì)的描邊。讓秒表內(nèi)側(cè)對(duì)齊并設(shè)置顏色為 R=45 G=45 B=45。
Step 50
禁用網(wǎng)格(視圖<隱藏網(wǎng)格)和對(duì)齊網(wǎng)格(視圖<對(duì)齊網(wǎng)格)。選中文字工具(T)然后輸入你的灰顏色的文本。使用“Hybrid Bold”字體,大小為30pt,加粗。選中它然后對(duì)象<擴(kuò)展。選中生成的編組形狀,然后將其轉(zhuǎn)換為復(fù)合路徑(Control + 8)。
Step 51
選中前一個(gè)步驟生成的復(fù)合路徑,然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中上面的副本,然后向下移動(dòng)1px。重新選中兩個(gè)副本,然后在路徑查找工具面板上單擊減去頂層按鈕。選中生成的形狀編組然后將其轉(zhuǎn)換為復(fù)合路徑(Control + 8)。將其填充為黑色,降低不透明度至50%,設(shè)置混合模式為疊加。
Step 52
選中步驟50創(chuàng)建的復(fù)合路徑,然后生成兩個(gè)副本(Control + C < Control + F < Control + F)。選中底部的副本然后將其向下移動(dòng)1px。重新選中這兩個(gè)副本然后在路徑查找器面板單擊減去頂層按鈕。選中生成的形狀編組,然后將其轉(zhuǎn)換為復(fù)合路徑(Control + 8)。將其填充為白色,降低不透明度至70%然后將混合模式設(shè)置為柔光。
Step 53
選中步驟50創(chuàng)建的復(fù)合路徑,用黑色填充替換灰色,降低其不透明度至30%,然后改變混合模式為疊加。
Step 54
選中目前所創(chuàng)建的所有形狀然后將它們編組(Control + G)。選中這個(gè)新的編組,然后按照下圖所示添加5個(gè)投影效果。
Step 55
最后,讓我們添加一個(gè)簡(jiǎn)單的背景。使用矩形工具創(chuàng)建一個(gè)畫板大小一樣的形狀,按照下面所示填充徑向漸變填充然后將其置于底層(Shift + Control + [)。確保這個(gè)新的形狀保持被選中,聚焦于外觀面板添加第二個(gè)填充。填充為黑色,降低其不透明度為15%,設(shè)置混合模式為正片疊底,然后效果<素描<便條紙。輸入下面所示輸入數(shù)據(jù)并單擊確定?;氐酵庥^面變?nèi)缓筇砑幽愕牡谌龑犹畛洹_x中它,添加“菱形”圖形(你可以在基本圖形_紋理面板找到它)降低其不透明度為10%,設(shè)置混合模式為正片疊底,然后效果<藝術(shù)效果<膠片顆粒。按照下面所示輸入數(shù)據(jù),單擊確定你就完成了。
結(jié)尾
現(xiàn)在,你的工作完成了。
它看起來應(yīng)該是這個(gè)樣子的。
Illustrator 從菜鳥到高手教程合集!
從頭開始學(xué)小課堂系列第二彈!
《小課堂第二彈!使用ILLUSTRATOR做UI設(shè)計(jì)系列教程》中級(jí)教程!給自己來一個(gè)卡通頭像吧!
《AI教程!教你在ILLUSTRATOR中創(chuàng)建胖胖的可愛卡通頭像》高級(jí)教程!超寫實(shí)精致風(fēng)車!
《AI教程!手把手教你用AI創(chuàng)建精致玲瓏的多彩風(fēng)車》
原文地址:design.tutsplus
譯者:@瑪皓雨Smartisan(轉(zhuǎn)載請(qǐng)聯(lián)系譯者,謝謝)
【優(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ì)微博:擁有粉絲量82萬的人氣微博@優(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】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:
非特殊說明,本文版權(quán)歸原作者所有,轉(zhuǎn)載請(qǐng)注明出處
本文地址:http://www.uisdc.com/ai-create-detailed-lighter
聯(lián)系客服