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

2020-04-17 23:33:09

字體：大中小

來源：轉載

供稿：網友

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

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

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

圖03

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

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

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