Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo)

2020-04-17 23:31:30

字體：大中小

供稿：網(wǎng)友

當(dāng)我們?cè)谧鲆恍┝⒎皆煨偷臅r(shí)候會(huì)用到一些帶顏色的參考線，來(lái)保持個(gè)圖標(biāo)形體間的大小相似。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

通過(guò)后面的學(xué)習(xí)，我將告訴你怎樣創(chuàng)建立體圖標(biāo)，你甚至能將他們組合成一個(gè)3D的城市景象。一旦你掌握了基礎(chǔ)圖形的繪制方法，那么你幾乎可以繪制出各種東西。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

01 首先我們要做的是找一個(gè)比較好的參考圖片，我們將試著畫(huà)出當(dāng)中的一個(gè)部分。然后打開(kāi)AI然后創(chuàng)建參考線：我們使用混合工具，拉出30度和-30度的斜線，然后右擊將他們作為參考線。(混合工具的使用方法：全選兩條線CTRL+ALT+B，在對(duì)象>混合中設(shè)置)
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

02 下一步，繪制一個(gè)長(zhǎng)方體，使用3D凸出和斜角工具，既方便又快速的把長(zhǎng)方體轉(zhuǎn)換成為立體圖形。你能設(shè)置凸出厚度來(lái)獲得滿(mǎn)意的圖形。將表面設(shè)置成無(wú)底紋，因?yàn)槲覀兏Ｍ軌蜃远x它。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

03 現(xiàn)在前往對(duì)象>擴(kuò)展外觀。這樣會(huì)讓它變成平面圖形，更容易修改。如果你想讓圖形變得更長(zhǎng)更高，你可以對(duì)應(yīng)參考線進(jìn)行修改。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

04 在顏色選擇面板給予您的建筑光影，讓它變得更加立體。正常來(lái)說(shuō)，頂部會(huì)亮一些，然后左側(cè)會(huì)稍微深一些。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

05 使用智能參考線，在您繪制其余結(jié)構(gòu)的時(shí)候變得更加精準(zhǔn)。我們常常將最深的圖形繪制一個(gè)底色，然后在他上面繪制亮面。保證你深色圖形的描邊在最頂層，不然會(huì)被亮面的描邊所覆蓋。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

06 現(xiàn)在我們開(kāi)始加入一些細(xì)節(jié)，緊貼參考線繪制一些圖形。復(fù)制您做一條線，然后設(shè)置曾淺色，這樣會(huì)讓圖形更加立體.
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

07 當(dāng)你使用圓角來(lái)作為細(xì)節(jié)的話(huà)，有個(gè)小技巧，用效果>風(fēng)格化>圓角，能夠快速給你立方體帶來(lái)效果。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

08 然后我們來(lái)繪制CD插入口，我們繪制了一個(gè)圓角長(zhǎng)方形，然后用之前的方法轉(zhuǎn)換為3D的平面，將厚度設(shè)置為0你就能獲得一個(gè)平面。擴(kuò)展圖形，加入顏色和描邊。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

09 繪制了一個(gè)藍(lán)色的光，使用漸變工具，將兩端的色彩都設(shè)置為一個(gè)藍(lán)色，然后做一些透明度的改變。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

10 繪制控制板，制作一個(gè)圓角長(zhǎng)方形，在設(shè)置中調(diào)整一下圓角半徑。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

11 當(dāng)你完成了圓角舉行，使用3D工具，像之間那樣變成圖形，再一次調(diào)整顏色，加入細(xì)節(jié)和描邊。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

12 像圖中這樣設(shè)置繪制一個(gè)圓形，復(fù)制一份，然后將它放在右下角的位置。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

13 使用兩頭尖當(dāng)中粗的描邊，給按鈕加入一些細(xì)節(jié)。這樣會(huì)讓按鈕變得更加立體和平滑。
Illustrator使用3D工具和參考線來(lái)創(chuàng)建立體的圖標(biāo),武林網(wǎng)

14 最后一步，繪制十字操控按鈕，像之前一樣繪制一個(gè)圖形，3D后擴(kuò)展外觀，設(shè)置色彩明暗，描邊。現(xiàn)在，你已經(jīng)掌握了制作立體圖形的基本技法了，是不是手癢啦?那么新建一個(gè)圖層，開(kāi)始一個(gè)新的建筑吧，相信沒(méi)過(guò)多久，一個(gè)城市就會(huì)被您完成。當(dāng)您完成一座城市后，您還可以考慮世界地圖……

上一篇：Illustrator繪制海報(bào)中金色質(zhì)感的51立體字教程

下一篇：Illustrator CS5實(shí)例講解制作方法指南