數碼資源網

文章頻道 軟件下載 安卓下載 蘋果下載

當前位置:首頁文章中心平麵專欄Illustrator → Illustrator教程 繪製三維日曆圖標

Illustrator教程 繪製三維日曆圖標

時間:2011-03-27 15:43:52人氣:174作者:網友整理
AI Illustrator免費版1.1
  • 類型:安卓圖像處理大小:121.24M語言:簡體中文 評分:3.9
  • AIIllustrator免費版APP是一款專門美化照片的手機軟件,這款軟件的功...
立即下載
Pro圖標包v1.3
Pro圖標包v1.3 for Android
  • 類型:安卓桌麵美化大小:15.80M語言:簡體中文 評分:3.4
  • Pro圖標包是一款圖標素材非常豐富的手機圖標包軟件,這款軟件為用戶帶來了非常多優...
立即下載
三維家易量尺手機版(家裝智能量房app) v1.4.1 安卓版
三維家易量尺手機版(家裝智能量房app) v1.4.1 安卓版 for Android
  • 類型:安卓其他大小:63.71M語言:簡體中文 評分:3.0
  • 裝修的時候想要測量尺寸但是卻沒有尺子?三維家易量尺手機版就能派上用場了,可以一鍵...
立即下載

 本文介紹如何用Illustrator繪製一個三維日曆圖標,這是矢量風格,簡潔大方。我們把圖標做好後可以應用於博客、網頁或者印刷設計上。本教程是用Illustrator裏的路徑和3D工具來製作這個圖標,用這個方法也可以表現出簡單的翻頁效果。

  效果圖

Illustrator教程 繪製三維日曆圖標

  步驟 1

  使用矩形工具(M),畫一個正方形。

Illustrator教程 繪製三維日曆圖標

  步驟 2

  執行效果菜單>3D>旋轉,旋轉正方形。你不需要按下圖輸入數值,但是你一定要記住你所輸入的數值,因為在我們之後添加文本時,你還要用到它(注:其實不記住也沒關係的,隻要旋轉完成後,新建個圖形樣式就可以了,之後要再用到這個效果時隻要再應用即可)。確定後,執行對象菜單>擴展外觀,擴展形狀。

Illustrator教程 繪製三維日曆圖標

  步驟 3

  為了模擬日曆的厚度,我們使用Illustrator的3D凸出和斜角選項。執行效果菜單>3D>凸出和斜角。X軸旋轉輸入1度(第1個框)。在凸出厚度框裏輸入一個大的數值,如圖所示。X軸的數值越大,凸出厚度裏的數值就應該是越小。

  我還是會使用我的方法,因為它和輸入一個大的X軸數值,小的凸出厚度數值相比,對於日曆麵皮的扭曲程度會更小。確定,然後執行對象菜單>擴展外觀。最後,執行對象菜單>解組。注:你可能需要解組幾次直到每一個對象都可以獨立操作。

Illustrator教程 繪製三維日曆圖標

  步驟 4

  重複第3步製作日曆的底座。擴大形狀,使它比上麵的形狀寬些。記著擴展,解組,以使你可以在之後的操作中給對象的每個麵上色。

Illustrator教程 繪製三維日曆圖標

  步驟 5

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

Illustrator教程 繪製三維日曆圖標

 

[page]
 

  步驟 6

  給你剛才繪製的內部形狀一個漸變。想一想如何使日曆的左側麵比右側麵的漸變看上去亮一些。

  使用鋼筆工具(P),在你剛才繪製的內部形狀裏畫一些線,以模擬日曆側麵上的頁邊效果。這步沒有數值參考,僅憑你的肉眼感覺。注意線條到端點的時候是削減的(注:可以畫個橢圓,然後壓扁,然後左右2個平滑點轉換成角點)。

Illustrator教程 繪製三維日曆圖標

  步驟 7

  線條畫好後,使用分布按鈕以使線與線之間的距離等量分布。

Illustrator教程 繪製三維日曆圖標

  步驟 7

  線條畫好後,使用分布按鈕以使線與線之間的距離等量分布。

Illustrator教程 繪製三維日曆圖標

  步驟 8

  之後,你可以選中所有的線條,給它們一個漸變填充以使它們完美地融合進它們後麵的形狀。給日曆的底座一些顏色,左麵的顏色較淺,右麵的顏色較深。使用之前的方法來繪製這個側麵上的頁邊,然後添加如圖的高光以創建陰影和高光效果。

Illustrator教程 繪製三維日曆圖標

  步驟 9

  選擇你喜歡的字體(我用的是Din字體),輸入你喜歡的文字,把它放在日曆的上方。執行效果菜單>3D>旋轉,旋轉文字以匹配日曆麵皮的角度。輸入你使用的第2步上的數值(如果你之前新建了圖形樣式的話,這時你就可以直接點那個圖形樣式應用了),然後確定。

Illustrator教程 繪製三維日曆圖標

  步驟 10

  給文字換個色,更改顏色為白色。

Illustrator教程 繪製三維日曆圖標

  步驟 11

  在日曆的麵皮上畫一個矩形,如下圖所示的藍色矩形。填充一個漸變色。

Illustrator教程 繪製三維日曆圖標

  步驟 12

  使用和“VECTORTUTS”同樣的方法,在日曆的麵皮上繪製數字。然後給數字添加一個細白的輪廓。

Illustrator教程 繪製三維日曆圖標

[page]
 

  步驟 13

  繪製類似下圖的形狀,以製作翻頁效果。形狀越是平滑,翻頁看上去就會越真實。

Illustrator教程 繪製三維日曆圖標

  步驟 14

  為了使翻頁盡可能地看上去真實,我們需要修改向左翻頁的部分。首先選中日曆的麵皮和卷曲的頁。在路徑查找器調板中,點“分割”按鈕。然後執行對象菜單>解組。注:在你使用分割按鈕後,你可能需要調整形狀的堆棧順序,因為有些形狀可能被蓋住了。

Illustrator教程 繪製三維日曆圖標

  步驟 15

  選擇被分割為2半的卷曲頁,使用路徑查找器調板裏的“與形狀區域相加”按鈕,點擴展。現在被分割為2半的卷曲頁又組合在了一起,而日曆的麵皮被分割成了2部分(翻頁的左半部分和翻頁的右半部分)。

Illustrator教程 繪製三維日曆圖標

  步驟 16

  使用直接選擇工具(A)點如下所示的錨點,然後向右上移一點。

Illustrator教程 繪製三維日曆圖標

  步驟 17

  繪製一個弧形形狀以替代頁麵上的直邊,選中這2個形狀,然後使用路徑查找器調板中的“與形狀區域相減”按鈕,如下高光的顯示。然後點擴展。

Illustrator教程 繪製三維日曆圖標

  步驟 18

  複製卷曲的頁,調整下位置以得到另一個翻頁效果。

Illustrator教程 繪製三維日曆圖標

[page]
 

  步驟 19

  給日曆的右麵填充一個漸變,以創建出帶有陰影的錯覺。

Illustrator教程 繪製三維日曆圖標

  步驟 20

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

Illustrator教程 繪製三維日曆圖標

  步驟 21

  你可以使用漸變給新的形狀一個微妙的變化,這樣可以提亮翻頁上的邊線。

Illustrator教程 繪製三維日曆圖標

  步驟 22

  使用日曆麵皮的形狀和最下麵角上壓扁的方形,可以很容易地創建一個投影。執行效果菜單>模糊>高斯模糊,輸入數值(模糊看上去很柔和就行了)以表現出陰影的效果。

Illustrator教程 繪製三維日曆圖標

  成品圖

  把投影放在日曆的底層,給日曆的麵皮一個漸變,簡單的圖標就完成了!

  這個圖標的用途很廣。隻要你有想象力,你就可以編輯修改日曆的麵皮以適應各種不同的需求。

Illustrator教程 繪製三維日曆圖標

感謝速聯科技、八度網絡、九九數據、億恩科技、群英網絡讚助部分帶寬!

關於本站 | 聯係方式 | 版權聲明 | 下載幫助(?) | 網站地圖

Copyright 2002-2020 95262.com 【數碼資源網】 版權所有 粵ICP備2020128507號-1

本站所有軟件來自互聯網,版權歸原著所有。如有侵權,敬請來信告知 ,我們將及時撤銷。