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

最終效果查看

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

步驟 1

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

步驟 2

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

 

步驟 3

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

步驟 4

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

步驟 5

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

步驟 6

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

步驟 7

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

步驟 8

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

步驟 9

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

步驟 10

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

 

步驟 11

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

步驟 12

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

步驟 13

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

步驟 14

選擇兩個矩形然后點對象>混合>建立（Ctrl+Alt+B）。混合以后在兩者之間應(yīng)該出現(xiàn)3個圖形。我的默認值正好是3個。如果你不是，需要點對象>混合>混合選項并且在打開的混合選項對話框中設(shè)置指定的步數(shù)為3。然后執(zhí)行對象>擴展來擴展這個混合圖形。

步驟 15

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

步驟 16

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

步驟 17

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

步驟 18

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

步驟 19

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

步驟 20

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

步驟 21

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

步驟 22

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

步驟 23

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

 

步驟 24

放置全部做好的三角形到早前做的場記板上面。

步驟 25

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

步驟 26

選擇場記板頂部的圖形并且放置到主體的上部。

步驟 27

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

步驟 28

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

步驟 29

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

步驟 30

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

步驟 31

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

步驟 32

點對象>取消編組(Ctrl+Shift+G)來解除對象的編組。

步驟 33

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

步驟 34

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

步驟 35

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

步驟 36

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

步驟 37

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

步驟 38

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

步驟 39

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

步驟 40

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

最終圖像

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

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

最新評論