使用Illustrator里的路徑和3D工具來(lái)制作翻頁(yè)效果的日歷圖標(biāo)
發(fā)布時(shí)間:2011-06-03 16:41:57 作者:佚名
我要評(píng)論

學(xué)習(xí)制作簡(jiǎn)單的日歷圖標(biāo),把它應(yīng)用于博客、網(wǎng)頁(yè)或者印刷設(shè)計(jì)上。我們使用Illustrator里的路徑和3D工具來(lái)制作這個(gè)圖標(biāo)。并且,用這個(gè)方法也可以表現(xiàn)出簡(jiǎn)單的翻頁(yè)效果。讓我們開(kāi)始本教程。
步驟11
在日歷的面皮上畫(huà)一個(gè)矩形,如下圖所示的藍(lán)色矩形。填充一個(gè)漸變色。(圖11)

圖11
步驟12
使用和"VECTORTUTS"同樣的方法,在日歷的面皮上繪制數(shù)字。然后給數(shù)字添加一個(gè)細(xì)白的輪廓。(圖12)

圖12
步驟13
繪制類似下圖的形狀,以制作翻頁(yè)效果。形狀越是平滑,翻頁(yè)看上去就會(huì)越真實(shí)。(圖13)

圖13
步驟14
為了使翻頁(yè)盡可能地看上去真實(shí),我們需要修改向左翻頁(yè)的部分。首先選中日歷的面皮和卷曲的頁(yè)。在路徑查找器調(diào)板中,點(diǎn)“分割”按鈕。然后執(zhí)行對(duì)象菜單->解組。(注:在你使用分割按鈕后,你可能需要調(diào)整形狀的堆棧順序,因?yàn)橛行┬螤羁赡鼙簧w住了)。(圖14)

圖14
步驟15
選擇被分割為2半的卷曲頁(yè),使用路徑查找器調(diào)板里的“與形狀區(qū)域相加”按鈕,點(diǎn)擴(kuò)展?,F(xiàn)在被分割為2半的卷曲頁(yè)又組合在了一起,而日歷的面皮被分割成了2部分(翻頁(yè)的左半部分和翻頁(yè)的右半部分)。(圖15)

圖15
步驟16
使用直接選擇工具(A)點(diǎn)如下所示的錨點(diǎn),然后向右上移一點(diǎn)。(圖16)

圖16
步驟17
繪制一個(gè)弧形形狀以替代頁(yè)面上的直邊,選中這2個(gè)形狀,然后使用路徑查找器調(diào)板中的“與形狀區(qū)域相減”按鈕,如下高光的顯示。然后點(diǎn)擴(kuò)展。(圖17)

圖17
步驟18
復(fù)制卷曲的頁(yè),調(diào)整下位置以得到另一個(gè)翻頁(yè)效果。(圖18)

圖18
步驟19
給日歷的右面填充一個(gè)漸變,以創(chuàng)建出帶有陰影的錯(cuò)覺(jué)。(圖19)

圖19
步驟20
給翻頁(yè)填充漸變。左面翻頁(yè)上的漸變要深一點(diǎn),因?yàn)樗幸粋€(gè)對(duì)象的顏色和它是非常接近的(個(gè)人覺(jué)得編者指的是日歷的面皮和第2個(gè)翻頁(yè)上的顏色比較接近)。執(zhí)行對(duì)象菜單->路徑->位移路徑,也就是之前我們使用的第5步上偏移路徑的方法,偏移卷曲頁(yè)以增加一些些的亮點(diǎn)(注:偏移路徑在角點(diǎn)上會(huì)產(chǎn)生一些小問(wèn)題,我覺(jué)得使用描邊再擴(kuò)展是個(gè)不錯(cuò)的選擇)。(圖20)

圖20
步驟21
你可以使用漸變給新的形狀一個(gè)微妙的變化,這樣可以提亮翻頁(yè)上的邊線。(圖21)

圖21
步驟22
使用日歷面皮的形狀和最下面角上壓扁的方形,可以很容易地創(chuàng)建一個(gè)投影。執(zhí)行效果菜單->模糊->高斯模糊,輸入數(shù)值(模糊看上去很柔和就行了)以表現(xiàn)出陰影的效果。(圖22)

圖22
完成
把投影放在日歷的底層,給日歷的面皮一個(gè)漸變,簡(jiǎn)單的圖標(biāo)就完成了!這個(gè)圖標(biāo)的用途很廣。只要你有想象力,你就可以編輯修改日歷的面皮以適應(yīng)各種不同的需求。(圖23)

圖23
相關(guān)文章
20個(gè)Illustrator學(xué)習(xí)網(wǎng)站
Adobe Illustrator is the industry-standard when it comes to scalable vector artwork. As a designer, Illustrator is the right tool for graphics that need to be s2009-05-15Illustrator 鼠繪教程 網(wǎng)格繪制寫(xiě)實(shí)人物
全篇章分了兩個(gè)小章節(jié),即這次教程的重點(diǎn):網(wǎng)格運(yùn)用篇(五官篇),以及修補(bǔ)篇(還可稱衣服裝飾篇章) 這次繪畫(huà)制作我們要引入個(gè)新的工具——網(wǎng)格工具,這個(gè)工2008-12-26- (1)一步一步繪制米老鼠。先看一下最終效果: (2)現(xiàn)在開(kāi)始繪制米老鼠,先用鋼筆工具畫(huà)出米老鼠耳朵的大體輪廓,然后選擇菜單“編輯>復(fù)制”將繪制的耳2008-10-11
Illustrator商業(yè)插畫(huà)人物繪制流程手繪教程
效果圖: 1上手很簡(jiǎn)單,運(yùn)用鋼筆工具大致的繪出人物臉的造型 2在臉的底層加上一個(gè)受光影響的光影圖層,臉的中間比較亮兩變暗,運(yùn)用漸變工具 3這里光影效果額2008-11-24Illustrator 鼠繪教程 仙劍4美女人物柳夢(mèng)璃
今天要給大家分享的是前不久剛推出的仙劍4中的古典美女-----柳夢(mèng)璃的繪制過(guò)程.雖然無(wú)法一筆筆地向大家講解其中的步驟,運(yùn)用的軟件還是Illustrator,運(yùn)用的工具也很簡(jiǎn)單:鋼筆,2008-12-26Illustrator CS教程:網(wǎng)格工具應(yīng)用方法
本小節(jié)將利用illustrator的網(wǎng)格工具繪制一個(gè)北極光的效果,通過(guò)本節(jié)內(nèi)容將了解到神秘網(wǎng)格工具的基本應(yīng)用方法,如何創(chuàng)建一個(gè)較易控制可預(yù)測(cè)的漸變網(wǎng)格,以及繪制過(guò)程中所要2008-10-04- 在本教程中我將告訴大家我是如何做出這個(gè)漂亮的LOGO的。使用的是Illustrator軟件。2010-02-16
Illustrator CS3教程 實(shí)時(shí)上色工具應(yīng)用技巧
此教程講了在Illustrator CS3中實(shí)時(shí)上色工具的特性。我一直都想講一下它,由于某些原因一直沒(méi)發(fā)出來(lái)。我相信這絕對(duì)是一強(qiáng)大的工具,你第一次看到的話說(shuō)不定會(huì)嚇一跳的。當(dāng)2009-05-15- 這回我們來(lái)制作的是晶瑩剔透小字體,很可愛(ài)``很漂亮哦``` 先看看效果圖。 首先我們用鋼筆勾出想要設(shè)計(jì)的內(nèi)容,這里我們要注意的是曲線的平滑度,這樣做出來(lái)的才好看2009-05-15
- 本文主要講解用Illustrator做平面設(shè)計(jì)時(shí)如何中做好印前拼版。 本文講解重點(diǎn):出血的含義,如何利用Illustrator(以下簡(jiǎn)稱AI)中的移動(dòng)工具添加出血線,系統(tǒng)講2008-10-04