Illustrator使用3D工具和參考線來創(chuàng)建立體的圖標(biāo)
站酷 發(fā)布時(shí)間:2013-02-06 16:19:18 作者:hackeraybh
我要評(píng)論

當(dāng)我們?cè)谧鲆恍┝⒎皆煨偷臅r(shí)候會(huì)用到一些帶顏色的參考線,來保持個(gè)圖標(biāo)形體間的大小相似。
當(dāng)我們?cè)谧鲆恍┝⒎皆煨偷臅r(shí)候會(huì)用到一些帶顏色的參考線,來保持個(gè)圖標(biāo)形體間的大小相似。
通過后面的學(xué)習(xí),我將告訴你怎樣創(chuàng)建立體圖標(biāo),你甚至能將他們組合成一個(gè)3D的城市景象。一旦你掌握了基礎(chǔ)圖形的繪制方法,那么你幾乎可以繪制出各種東西。
01 首先我們要做的是找一個(gè)比較好的參考圖片,我們將試著畫出當(dāng)中的一個(gè)部分。然后打開AI然后創(chuàng)建參考線:我們使用混合工具,拉出30度和-30度的斜線,然后右擊將他們作為參考線。(混合工具的使用方法:全選兩條線CTRL+ALT+B,在對(duì)象>混合 中設(shè)置)
02 下一步,繪制一個(gè)長(zhǎng)方體,使用3D凸出和斜角工具,既方便又快速的把長(zhǎng)方體轉(zhuǎn)換成為立體圖形。你能設(shè)置凸出厚度來獲得滿意的圖形。將表面設(shè)置成無底紋,因?yàn)槲覀兏M軌蜃远x它。
03 現(xiàn)在前往對(duì)象>擴(kuò)展外觀。這樣會(huì)讓它變成平面圖形,更容易修改。如果你想讓圖形變得更長(zhǎng)更高,你可以對(duì)應(yīng)參考線進(jìn)行修改。
04 在顏色選擇面板給予您的建筑光影,讓它變得更加立體。正常來說,頂部會(huì)亮一些,然后左側(cè)會(huì)稍微深一些。
05 使用智能參考線,在您繪制其余結(jié)構(gòu)的時(shí)候變得更加精準(zhǔn)。我們常常將最深的圖形繪制一個(gè)底色,然后在他上面繪制亮面。保證你深色圖形的描邊在最頂層,不然會(huì)被亮面的描邊所覆蓋。
06 現(xiàn)在我們開始加入一些細(xì)節(jié),緊貼參考線繪制一些圖形。復(fù)制您做一條線,然后設(shè)置曾淺色,這樣會(huì)讓圖形更加立體.
07 當(dāng)你使用圓角來作為細(xì)節(jié)的話,有個(gè)小技巧,用效果>風(fēng)格化>圓角,能夠快速給你立方體帶來效果。
08 然后我們來繪制CD插入口,我們繪制了一個(gè)圓角長(zhǎng)方形,然后用之前的方法轉(zhuǎn)換為3D的平面,將厚度設(shè)置為0你就能獲得一個(gè)平面。擴(kuò)展圖形,加入顏色和描邊。
09 繪制了一個(gè)藍(lán)色的光,使用漸變工具,將兩端的色彩都設(shè)置為一個(gè)藍(lán)色,然后做一些透明度的改變。
10 繪制控制板,制作一個(gè)圓角長(zhǎng)方形,在設(shè)置中調(diào)整一下圓角半徑。
11 當(dāng)你完成了圓角舉行,使用3D工具,像之間那樣變成圖形,再一次調(diào)整顏色,加入細(xì)節(jié)和描邊。
12 像圖中這樣設(shè)置繪制一個(gè)圓形,復(fù)制一份,然后將它放在右下角的位置。
13 使用兩頭尖當(dāng)中粗的描邊,給按鈕加入一些細(xì)節(jié)。這樣會(huì)讓按鈕變得更加立體和平滑。
14 最后一步,繪制十字操控按鈕,像之前一樣繪制一個(gè)圖形,3D后擴(kuò)展外觀,設(shè)置色彩明暗,描邊?,F(xiàn)在,你已經(jīng)掌握了制作立體圖形的基本技法了,是不是手癢啦?那么新建一個(gè)圖層,開始一個(gè)新的建筑吧,相信沒過多久,一個(gè)城市就會(huì)被您完成。當(dāng)您完成一座城市后,您還可以考慮世界地圖……

通過后面的學(xué)習(xí),我將告訴你怎樣創(chuàng)建立體圖標(biāo),你甚至能將他們組合成一個(gè)3D的城市景象。一旦你掌握了基礎(chǔ)圖形的繪制方法,那么你幾乎可以繪制出各種東西。

01 首先我們要做的是找一個(gè)比較好的參考圖片,我們將試著畫出當(dāng)中的一個(gè)部分。然后打開AI然后創(chuàng)建參考線:我們使用混合工具,拉出30度和-30度的斜線,然后右擊將他們作為參考線。(混合工具的使用方法:全選兩條線CTRL+ALT+B,在對(duì)象>混合 中設(shè)置)

02 下一步,繪制一個(gè)長(zhǎng)方體,使用3D凸出和斜角工具,既方便又快速的把長(zhǎng)方體轉(zhuǎn)換成為立體圖形。你能設(shè)置凸出厚度來獲得滿意的圖形。將表面設(shè)置成無底紋,因?yàn)槲覀兏M軌蜃远x它。

03 現(xiàn)在前往對(duì)象>擴(kuò)展外觀。這樣會(huì)讓它變成平面圖形,更容易修改。如果你想讓圖形變得更長(zhǎng)更高,你可以對(duì)應(yīng)參考線進(jìn)行修改。

04 在顏色選擇面板給予您的建筑光影,讓它變得更加立體。正常來說,頂部會(huì)亮一些,然后左側(cè)會(huì)稍微深一些。

05 使用智能參考線,在您繪制其余結(jié)構(gòu)的時(shí)候變得更加精準(zhǔn)。我們常常將最深的圖形繪制一個(gè)底色,然后在他上面繪制亮面。保證你深色圖形的描邊在最頂層,不然會(huì)被亮面的描邊所覆蓋。

06 現(xiàn)在我們開始加入一些細(xì)節(jié),緊貼參考線繪制一些圖形。復(fù)制您做一條線,然后設(shè)置曾淺色,這樣會(huì)讓圖形更加立體.

07 當(dāng)你使用圓角來作為細(xì)節(jié)的話,有個(gè)小技巧,用效果>風(fēng)格化>圓角,能夠快速給你立方體帶來效果。

08 然后我們來繪制CD插入口,我們繪制了一個(gè)圓角長(zhǎng)方形,然后用之前的方法轉(zhuǎn)換為3D的平面,將厚度設(shè)置為0你就能獲得一個(gè)平面。擴(kuò)展圖形,加入顏色和描邊。

09 繪制了一個(gè)藍(lán)色的光,使用漸變工具,將兩端的色彩都設(shè)置為一個(gè)藍(lán)色,然后做一些透明度的改變。

10 繪制控制板,制作一個(gè)圓角長(zhǎng)方形,在設(shè)置中調(diào)整一下圓角半徑。

11 當(dāng)你完成了圓角舉行,使用3D工具,像之間那樣變成圖形,再一次調(diào)整顏色,加入細(xì)節(jié)和描邊。

12 像圖中這樣設(shè)置繪制一個(gè)圓形,復(fù)制一份,然后將它放在右下角的位置。

13 使用兩頭尖當(dāng)中粗的描邊,給按鈕加入一些細(xì)節(jié)。這樣會(huì)讓按鈕變得更加立體和平滑。

14 最后一步,繪制十字操控按鈕,像之前一樣繪制一個(gè)圖形,3D后擴(kuò)展外觀,設(shè)置色彩明暗,描邊?,F(xiàn)在,你已經(jīng)掌握了制作立體圖形的基本技法了,是不是手癢啦?那么新建一個(gè)圖層,開始一個(gè)新的建筑吧,相信沒過多久,一個(gè)城市就會(huì)被您完成。當(dāng)您完成一座城市后,您還可以考慮世界地圖……
相關(guān)文章
Illustrator(AI)模仿創(chuàng)建一個(gè)3D樓層戶型圖效果實(shí)力教程
本教程非常簡(jiǎn)單,總共只有簡(jiǎn)單的6步。該方法可以用在圖表或建筑物的布局圖中。讓我們開始吧2013-10-14Illustrator(AI)運(yùn)用3D功能設(shè)計(jì)繪制一個(gè)簡(jiǎn)單的紅色花瓶
雖然的標(biāo)題中我們寫上了紅色花瓶,但其實(shí)也可以不是紅色的,具體什么顏色看個(gè)人喜愛了,整體的步驟還是一樣的2013-08-22Illustrator(AI)設(shè)計(jì)制作清爽一夏海邊水珠3D字特效實(shí)例教程
教程整體的效果非常的漂亮,我們?cè)诤?bào)設(shè)計(jì)中也經(jīng)常的見到,喜歡的朋友一起來學(xué)習(xí)吧2013-08-12Illustrator(AI)利用3D工具模仿繪制三維輪廓圖實(shí)例教程
在Illustrator中也可以制作三維輪廓的效果,在這個(gè)例子中你不僅是學(xué)會(huì)技術(shù)上如何實(shí)現(xiàn),更應(yīng)該學(xué)會(huì)如何完成一件完整作品2013-07-30Illustrator(AI)利用漸變網(wǎng)格工具模仿繪制精致逼真的具有3D效果的黃蜂
很多人都看過AI網(wǎng)格填充的作品,效果精致、逼真,看起來跟3D的效果相似,但是比3D的更柔和細(xì)膩。只是做起來比較麻煩!不過~其實(shí)真正用到的AI中的工具并不多2013-07-29- 這是最難掌握的Illustrator工具之一,但如果你想在你的插圖中實(shí)現(xiàn)3D的外觀,你要真正了解如何正確地使用這個(gè)工具,這個(gè)工具是你必備的基礎(chǔ)之一。2013-03-06
- 這篇教程和上篇我推薦的教程一樣是來自于同心結(jié)分享的,教程教我們使用AI的3D工具和貼圖來制作一個(gè)高爾夫球,挺有用的,推薦過來和朋友們一起學(xué)習(xí)2013-02-03
Illustrator利用3D功能制作紅色上的立體骰子實(shí)例教程
利用Illustrator的3d功能效果來繪制一些簡(jiǎn)單的立體圖形2012-12-05Illustrator 設(shè)計(jì)制作3D標(biāo)志設(shè)計(jì)
今天就用AI教你3D標(biāo)志設(shè)計(jì),我將教你如何快速設(shè)計(jì)自己想要的3D標(biāo)志圖形。2011-06-03使用Illustrator里的路徑和3D工具來制作翻頁(yè)效果的日歷圖標(biāo)
學(xué)習(xí)制作簡(jiǎn)單的日歷圖標(biāo),把它應(yīng)用于博客、網(wǎng)頁(yè)或者印刷設(shè)計(jì)上。我們使用Illustrator里的路徑和3D工具來制作這個(gè)圖標(biāo)。并且,用這個(gè)方法也可以表現(xiàn)出簡(jiǎn)單的翻頁(yè)效果。讓我2011-06-03