這篇教程教腳本之家的AI FANS們用AI繪制矢量電影圖標(biāo)，教程難度中等，適合有一定AI基礎(chǔ)的朋友們學(xué)習(xí)AI的網(wǎng)格工具等工具的使用！~

最終效果查看

下面的就是我們要做的圖標(biāo)的最終效果圖。

步驟 1

創(chuàng)建一個(gè)新文件。用矩形工具（M）創(chuàng)建一個(gè)寬190px高150px的矩形。

步驟 2

選中長(zhǎng)方形點(diǎn)對(duì)象>路徑>偏移路徑打開位移路徑對(duì)話框。將長(zhǎng)方形位移值設(shè)置為16px。

 

步驟 3

將兩個(gè)長(zhǎng)方形選中，然后點(diǎn)濾鏡>風(fēng)格化>圓角，然后改圓角半徑為8px。

步驟 4

將大的矩形在漸變面板中進(jìn)行線性漸變。在第一個(gè)漸變滑塊上改變顏色為50%的黑，在第二個(gè)滑塊上改成80%的黑。

步驟 5

將小的矩形復(fù)制（Ctrl+C）并貼在前面（Ctrl+F）。下一步，用橢圓形工具建一個(gè)寬是385px高是230px的橢圓形。將橢圓形的地步垂直的放在長(zhǎng)方形的一半上，位置可以參考下面的圖。

步驟 6

選中新復(fù)制的小矩形和橢圓形，然后從路徑查找器面板中點(diǎn)與形狀區(qū)域相減按鈕。然后點(diǎn)擴(kuò)展按鈕。

步驟 7

選中原小矩形填充為線性漸變，改變第一個(gè)滑塊的顏色為淺點(diǎn)的青綠色第二個(gè)滑塊為深點(diǎn)的青綠色。用漸變工具（G）并且從長(zhǎng)方形的頂部拖到中間，淺點(diǎn)的青綠色在矩形形的頂部，也可以直接在角度文本框輸入-90。

步驟 8

選中步驟6剪出的圖形并且填充為線性漸變，改變第一個(gè)滑塊為青綠色第二個(gè)滑塊為更深的青綠色，調(diào)節(jié)漸變以使深的青綠色在圖形的上面。

步驟 9

選中大的長(zhǎng)方形和小的長(zhǎng)方形讓偏移2px。選擇偏移后的兩個(gè)圖層，填充為線性漸變。改變第一個(gè)滑塊顏色為75%的黑第二個(gè)滑塊為90%的黑。用漸變工具（G）調(diào)節(jié)漸變以使?jié)u變中淺點(diǎn)的一側(cè)在圖形的右側(cè)。

步驟 10

下一步我們要?jiǎng)?chuàng)建場(chǎng)記板上部的部分。用矩形工具（M）做一個(gè)寬是240px高是28px的長(zhǎng)方形。

 

步驟 11

給這個(gè)矩形填充線性漸變。在漸變滑動(dòng)器的下面增加一個(gè)滑塊。改變第一個(gè)滑塊的顏色為20%的黑色，第二個(gè)滑塊為白色，最后一個(gè)滑塊為20%的黑色，改變第二個(gè)滑塊的位置為8%，用漸變工具（G）調(diào)節(jié)為下面最下圖的樣子。

步驟 12

畫一個(gè)寬16px高64px的矩形。用選擇工具（V）放在矩形的右上角上直到有旋轉(zhuǎn)箭頭出來(lái)可以旋轉(zhuǎn)，當(dāng)你旋轉(zhuǎn)的時(shí)候，按住Shift鍵旋轉(zhuǎn)45度，然后把它放在上一個(gè)矩形的左邊，如下圖。

步驟 13

用選擇工具（V）選擇矩形，拖動(dòng)過(guò)程中按住Shit和Alt鍵拖到矩形的右邊，Shift是讓矩形沿直線移動(dòng)，Ctrl是復(fù)制矩形。

步驟 14

選擇兩個(gè)矩形然后點(diǎn)對(duì)象>混合>建立（Ctrl+Alt+B）?；旌弦院笤趦烧咧g應(yīng)該出現(xiàn)3個(gè)圖形。我的默認(rèn)值正好是3個(gè)。如果你不是，需要點(diǎn)對(duì)象>混合>混合選項(xiàng)并且在打開的混合選項(xiàng)對(duì)話框中設(shè)置指定的步數(shù)為3。然后執(zhí)行對(duì)象>擴(kuò)展來(lái)擴(kuò)展這個(gè)混合圖形。

步驟 15

復(fù)制（Ctrl+C）長(zhǎng)矩形并且把他貼在前面（Ctrl+F）。選中混合的矩形和新復(fù)制的矩形，在路徑查找器（Shift+Ctrl+F9）面板中點(diǎn)與形狀區(qū)域相交按鈕，然后點(diǎn)擴(kuò)展。

步驟 16

把擴(kuò)展以后的間隔圖形填充為四個(gè)滑塊的線性漸變。改變第一個(gè)滑塊為100%的黑色，第二個(gè)滑塊為75%的黑色，第三個(gè)滑塊為85%的黑色，第四個(gè)滑塊為63%的黑色。改變第二個(gè)滑塊的位置為13%，第三個(gè)滑塊的位置為47%，用漸變工具（G）調(diào)整漸變?yōu)榇怪狈较蚴股铑伾幕瑝K在混合圖形的頂部，參照下圖。

步驟 17

選擇間隔圖形和矩形，按住Alt拖動(dòng)圖形在上面復(fù)制一個(gè)，保持復(fù)制圖形的選擇狀態(tài)，從變換面板中的彈出式菜單中選擇水平翻轉(zhuǎn)，然后在變換面板中設(shè)置旋轉(zhuǎn)角度為10，參照下圖中的樣子，如果不同的話可以移動(dòng)調(diào)節(jié)一下。再將兩個(gè)圖形群組（Ctrl+G）。

步驟 18

從工具面板中選擇星形工具并且在頁(yè)面中點(diǎn)擊一下出現(xiàn)星形對(duì)話框。改變半徑1為30px，半徑2為15px，角點(diǎn)數(shù)為3，然后用選擇工具（V）將星型向右旋轉(zhuǎn)90度。

步驟 19

用濾鏡>風(fēng)格化>圓角命令將三角形的圓角設(shè)置為8px。在變換面板中設(shè)置寬為36px高為41px。

步驟 20

把三角形復(fù)制（Ctrl+C）一個(gè)，并且貼在前面（Ctrl+F）。建立一個(gè)寬為60px高為52px的橢圓形。把它放置到三角形的上面，讓它的底部放到三角形的中間位置。選擇復(fù)制的三角形和橢圓形然后讓他們相交，我們要用兩者相交的部分做高光。

步驟 21

選擇三角形的高光部分，給它填充線性漸變。改變第一個(gè)滑塊為淺灰藍(lán)色，第二個(gè)滑塊為灰藍(lán)色。調(diào)節(jié)漸變以使淺的顏色在頂部。給三角形填充線性漸變，改變第一個(gè)滑塊為灰藍(lán)色并且第二個(gè)滑塊為深灰藍(lán)色。調(diào)節(jié)漸變以使深顏色的部分在三角形的頂部。

步驟 22

建一個(gè)寬和高各為5px的正圓形，并且給它填充線性漸變。改變第一個(gè)滑塊為淺藍(lán)色，第二個(gè)壞塊為深的灰藍(lán)色。調(diào)節(jié)漸變以使淺的部分在漸變上部，選擇圓形，向內(nèi)偏移1px，然后調(diào)節(jié)偏移圖形的漸變以使深的顏色在漸變上部。

步驟 23

放置圓形到三角形的左上部，拖動(dòng)復(fù)制一個(gè)圓形到三角形的左下部。

 

步驟 24

放置全部做好的三角形到早前做的場(chǎng)記板上面。

步驟 25

放置好后，我們做這個(gè)關(guān)節(jié)的陰影部分，用直接選擇工具（A）選下面的三角形復(fù)制一個(gè)。改變復(fù)制圖形的顏色為百分之八十的黑色，并且把它放置到原三角形后面。用選擇工具（V），調(diào)節(jié)為下圖所示。

步驟 26

選擇場(chǎng)記板頂部的圖形并且放置到主體的上部。

步驟 27

現(xiàn)在我們可以在場(chǎng)記板的藍(lán)色部分加一些文字。對(duì)主要的V字我用Georgia 字體并且下面的文字用Helvetica Light字體。不管你想用什么字體，放置到合適位置，并且點(diǎn)文字>創(chuàng)建輪廓（Shift+Ctrl+O）。

步驟 28

我們要讓“V”字也具有反光，復(fù)制（Ctrl+C）藍(lán)色圖形下面的圖形并且貼在前面（Ctr+F），然后復(fù)制“V”字也是貼在前面。選中兩個(gè)復(fù)制的圖形，執(zhí)行與形狀區(qū)域相交命令。填充圖形為線性漸變，第一個(gè)滑塊的顏色為白色并且第二個(gè)滑塊為淺藍(lán)色。調(diào)節(jié)漸變以使深色在漸變上部。

步驟 29

場(chǎng)記板現(xiàn)在差不多完成了，我們要給它增加點(diǎn)透視，能產(chǎn)生空間感。把所有做的東西選中然后點(diǎn)對(duì)象>編組（Ctrl+G）。

步驟 30

這一步我們將用自由扭曲工具給模型添加點(diǎn)小小的透視。選擇你做的作品然后點(diǎn)效果>扭曲和變換>自由扭曲。當(dāng)打開對(duì)話框時(shí)，選中右上角的點(diǎn)并且向左下方做輕微移動(dòng)。選中左上方的點(diǎn)并且向右下方做輕微移動(dòng)，記住是輕微的。當(dāng)你完成的這效果后，執(zhí)行對(duì)象>擴(kuò)展外觀。參考一下下圖的樣子，設(shè)置完成好，效果會(huì)讓你滿意的，相信我。

步驟 31

選中做的場(chǎng)記板，并且在變換面板中旋轉(zhuǎn)10度。

步驟 32

點(diǎn)對(duì)象>取消編組(Ctrl+Shift+G)來(lái)解除對(duì)象的編組。

步驟 33

選擇下部分最大的矩形復(fù)制（Ctrl+C）并貼在后面（Ctrl+B）。再用選擇工具（V）選擇下面的矩形進(jìn)行輕微的拉伸，改變線性漸變?yōu)槿齻€(gè)滑塊，中間滑塊為30%的黑色兩邊為80%的黑色。

步驟 34

同樣選擇下部分最大的矩形復(fù)制（Ctrl+C）并貼在后面（Ctrl+B）。向左下方拉伸它，然后改變中間漸變的滑塊為50%的黑色。

步驟 35

選中場(chǎng)記板上部的夾具下部分白色然后按住Alt向偏左下方拖動(dòng)復(fù)制，然后添加漸變第一個(gè)滑塊的顏色為80%的黑色第二個(gè)滑塊為黑色。調(diào)整漸變使深顏色在漸變上部。將復(fù)制的圖形放在最下面可以用Ctrl+Shift+【快速下移圖層。

步驟 36

用直接選取工具（A）選中右下方的節(jié)點(diǎn)并向左方拖動(dòng)。而左下方的節(jié)點(diǎn)向右側(cè)移動(dòng)點(diǎn)，節(jié)點(diǎn)就移動(dòng)到下面圖形的邊緣。而上面的兩個(gè)節(jié)點(diǎn)移動(dòng)到夾板的左右下角。這樣做成夾板的厚度。

步驟 37

拖動(dòng)夾具上面的部分并且復(fù)制。拖動(dòng)復(fù)制的圖形左下方移動(dòng)。改變漸變用同樣的顏色。并且調(diào)節(jié)節(jié)點(diǎn)和前面一樣，感覺厚度差不多就好。

步驟 38

選中所有圖形，然后復(fù)制粘貼。選中復(fù)制的場(chǎng)記板，點(diǎn)路徑查找器面板上的與形狀區(qū)域相加按鈕，然后點(diǎn)擴(kuò)展。

步驟 39

改變填充顏色為30%的黑色，然后用偏移路徑命令位移為4px并填充位移產(chǎn)生的圖形為白色。

步驟 40

選中兩個(gè)圖形執(zhí)行對(duì)象>混合>建立（Alt+Ctrl+B）。放置到場(chǎng)記板的后面，然后輕微的向左下方移動(dòng)，做成一個(gè)影子，這樣就完成了。

最終圖像

再看一下我們的最終圖像！

教程結(jié)束，以上就是AI繪制矢量的電影圖標(biāo)教程，喜歡的朋友可以參考本文，希望能對(duì)大家有所幫助！

最新評(píng)論