使用Illustrator里的路徑和3D工具來制作翻頁效果的日歷圖標

發(fā)布時間：2011-06-03 16:41:57 作者：佚名

學習制作簡單的日歷圖標，把它應用于博客、網(wǎng)頁或者印刷設計上。我們使用Illustrator里的路徑和3D工具來制作這個圖標。并且，用這個方法也可以表現(xiàn)出簡單的翻頁效果。讓我們開始本教程。

學習制作簡單的日歷圖標，把它應用于博客、網(wǎng)頁或者印刷設計上。我們使用Illustrator里的路徑和3D工具來制作這個圖標。并且，用這個方法也可以表現(xiàn)出簡單的翻頁效果。讓我們開始本教程。
步驟1
使用矩形工具（M），開始繪制一個正方形。（圖01）

圖01
步驟2
執(zhí)行效果菜單->3D->旋轉(zhuǎn)，旋轉(zhuǎn)正方形。你不需要按下圖輸入數(shù)值，但是你一定要記住你所輸入的數(shù)值，因為在我們之后添加文本時，你還要用到它（注：其實不記住也沒關系的，只要旋轉(zhuǎn)完成后，新建個圖形樣式就可以了，之后要再用到這個效果時只要再應用即可）。確定后，執(zhí)行對象菜單->擴展外觀，擴展形狀。（圖02）

圖02
步驟3
為了模擬日歷的厚度，我們使用Illustrator的3D凸出和斜角選項。執(zhí)行效果菜單->3D->凸出和斜角。X軸旋轉(zhuǎn)輸入1度（第1個框）。在凸出厚度框里輸入一個大的數(shù)值，如圖所示。X軸的數(shù)值越大，凸出厚度里的數(shù)值就應該是越小。
我還是會使用我的方法，因為它和輸入一個大的X軸數(shù)值，小的凸出厚度數(shù)值相比，對于日歷面皮的扭曲程度會更小。確定，然后執(zhí)行對象菜單->擴展外觀。最后，執(zhí)行對象菜單->解組。注：你可能需要解組幾次直到每一個對象都可以獨立操作。（圖03）

圖03

步驟4
重復第3步制作日歷的底座。擴大形狀，使它比上面的形狀寬些。記著擴展，解組，以使你可以在之后的操作中給對象的每個面上色。（圖04）

圖04
步驟5
執(zhí)行對象菜單->路徑->位移路徑，創(chuàng)建日歷上半部分的邊線。輸入的數(shù)值如下所示。我們可以給日歷每一側面的小邊線上增加高光或者是漸變，這樣一個小的細節(jié)就能提升出圖片的整體質(zhì)感。（圖05）

圖05
步驟6
給你剛才繪制的內(nèi)部形狀一個漸變。想一想如何使日歷的左側面比右側面的漸變看上去亮一些。
使用鋼筆工具（P），在你剛才繪制的內(nèi)部形狀里畫一些線，以模擬日歷側面上的頁邊效果。這步?jīng)]有數(shù)值參考，僅憑你的肉眼感覺。注意線條到端點的時候是削減的（注：可以畫個橢圓，然后壓扁，然后左右2個平滑點轉(zhuǎn)換成角點）。（圖06）

圖06
步驟7
線條畫好后，使用分布按鈕以使線與線之間的距離等量分布。（圖07）

圖07

步驟8
之后，你可以選中所有的線條，給它們一個漸變填充以使它們完美地融合進它們后面的形狀。給日歷的底座一些顏色，左面的顏色較淺，右面的顏色較深。使用之前的方法來繪制這個側面上的頁邊，然后添加如圖的高光以創(chuàng)建陰影和高光效果。（圖08）

圖08
步驟9
選擇你喜歡的字體（我用的是Din字體），輸入你喜歡的文字，把它放在日歷的上方。執(zhí)行效果菜單->3D->旋轉(zhuǎn)，旋轉(zhuǎn)文字以匹配日歷面皮的角度。輸入你使用的第2步上的數(shù)值（如果你之前新建了圖形樣式的話，這時你就可以直接點那個圖形樣式應用了），然后確定。（圖09）

圖09
步驟10
給文字換個色，更改顏色為白色。（圖10）

圖10

步驟11
在日歷的面皮上畫一個矩形，如下圖所示的藍色矩形。填充一個漸變色。（圖11）

圖11

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

圖12
步驟13
繪制類似下圖的形狀，以制作翻頁效果。形狀越是平滑，翻頁看上去就會越真實。（圖13）

圖13
步驟14
為了使翻頁盡可能地看上去真實，我們需要修改向左翻頁的部分。首先選中日歷的面皮和卷曲的頁。在路徑查找器調(diào)板中，點“分割”按鈕。然后執(zhí)行對象菜單->解組。（注：在你使用分割按鈕后，你可能需要調(diào)整形狀的堆棧順序，因為有些形狀可能被蓋住了）。（圖14）

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

圖15

步驟16
使用直接選擇工具（A）點如下所示的錨點，然后向右上移一點。（圖16）

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

圖17
步驟18
復制卷曲的頁，調(diào)整下位置以得到另一個翻頁效果。（圖18）

圖18
步驟19
給日歷的右面填充一個漸變，以創(chuàng)建出帶有陰影的錯覺。（圖19）

圖19

步驟20
給翻頁填充漸變。左面翻頁上的漸變要深一點，因為它有一個對象的顏色和它是非常接近的（個人覺得編者指的是日歷的面皮和第2個翻頁上的顏色比較接近）。執(zhí)行對象菜單->路徑->位移路徑，也就是之前我們使用的第5步上偏移路徑的方法，偏移卷曲頁以增加一些些的亮點（注：偏移路徑在角點上會產(chǎn)生一些小問題，我覺得使用描邊再擴展是個不錯的選擇）。（圖20）