在學(xué)習(xí)中遇到問題請到 論壇 發(fā)貼交流！

此教程原載于vectortuts，作者是rype。

　　本教程中，我將展示如何創(chuàng)建一個(gè)矢量電影場記板圖標(biāo)。用到的技術(shù)有基本圖形建立，漸變，混合的運(yùn)用，更重要的是你可以通過這個(gè)教程做你自己的logo和印刷作品。

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

最終效果

　　下面開始制作：

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

圖1

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

圖2

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

圖3

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

圖4

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

圖5

|||

在學(xué)習(xí)中遇到問題請到 論壇 發(fā)貼交流！

此教程原載于vectortuts，作者是rype。

　　本教程中，我將展示如何創(chuàng)建一個(gè)矢量電影場記板圖標(biāo)。用到的技術(shù)有基本圖形建立，漸變，混合的運(yùn)用，更重要的是你可以通過這個(gè)教程做你自己的logo和印刷作品。

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

最終效果

　　下面開始制作：

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

圖1

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

圖2

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

圖3

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

圖4

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

圖5

|||

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

圖6

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

圖7

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

圖8

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

圖9

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

圖10

|||

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

圖11

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

圖12

　　13、用選擇工具（v）選擇矩形，拖動過程中按住shit和alt鍵拖到矩形的右邊，shift是讓矩形沿直線移動，ctrl是復(fù)制矩形。

圖13

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

圖14

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

圖15

|||

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

圖16

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

圖17

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

圖18

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

圖19

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

圖20

|||

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

圖21

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

圖22

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

圖23

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

圖24

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

圖25

|||

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

圖26

　　27、現(xiàn)在我們可以在場記板的藍(lán)色部分加一些文字。對主要的v字我用georgia 字體并且下面的文字用helvetica light字體。不管你想用什么字體，放置到合適位置，并且點(diǎn)文字>創(chuàng)建輪廓（shift+ctrl+o）。

圖27

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

圖28

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

圖29

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

圖30

|||

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

圖31

　　32、點(diǎn)對象>取消編組(ctrl+shift+g)來解除對象的編組。

圖32

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

圖33

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

圖34

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

圖35

|||

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

圖36

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

圖37

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

圖38

|||

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

圖39

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

圖40

　　最終效果出來了。再看一下我們的最終圖像！

圖41