網站首頁 趣味美術 生活小製作 兒童製作 親子互動 陶藝製作 傳統手工 民間手藝 歲月綻放 創意與設計

Illustrator圖標教程:教你用Illustrator製作三維日曆圖標

欄目: 設計教程 / 發佈於: / 人氣:1.96W

我們常用的ps軟件應該說是使用相當多人使用的處理圖像軟件,經常用於圖像設計公司的應用實現。也經常用於網頁視覺製作的後期處理對於一般的處理圖像愛好羣體,還可把普通相片在計算機裏做出非常精美的效果來。總的來說,Photoshop是款功能很強、用土很廣泛的照片調色軟件,總是能夠製作出來精美的好圖片。 本站在這裏給每位平面設計者提供分享很多經典的圖像處理教程。相信一定能使大家立即掌握大量PS使用技巧。

下圖是我們要做的成品圖。爲了順利完成本教程,你必須對Illustrator的工具有一個基本的熟悉和理解。曾經翻譯的教程,重新發布,成品圖預覽:下圖是我們要做的成品圖。爲了順利完成本教程,你必須對Illustrator的工具有一個基本的熟悉和理解。

Illustrator圖標教程:教你用Illustrator製作三維日曆圖標
1.使用矩形工具(M),開始繪製一個正方形。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第2張
2.執行效果菜單>3D>旋轉,旋轉正方形。你不需要按下圖輸入數值,但是你一定要記住你所輸入的數值,由於在我們之後添加文本時,你還要用到它(注:實在不記住也沒關係的,只要旋轉完成後,新建個圖形樣式就可以了,之後要再用到這個效果時只要再應用即可)。確定後,執行對象菜單>擴展外觀,擴展形狀。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第3張
3.爲了模擬日曆的厚度,我們使用Illustrator的3D凸出和斜角選項。執行效果菜單>3D>凸出和斜角。X軸旋轉輸入1度(第1個框)。在凸出厚度框裏輸入一個大的數值,如圖所示。X軸的數值越大,凸出厚度裏的數值就應該是越小。我還是會使用我的方法,由於它和輸入一個大的X軸數值,小的凸出厚度數值相比,對於日曆麪皮的扭曲程度會更小。確定,然後執行對象菜單>擴展外觀。最後,執行對象菜單>解組。注:你可能需要解組幾次直到每一個對象都可以獨立操作。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第4張
4.重複第3步製作日曆的底座。擴大形狀,使它比上面的形狀寬些。記着擴展,解組,以使你可以在之後的操作中給對象的每個面上色。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第5張
5.執行對象菜單>路徑>位移路徑,創建日曆上半部分的邊線。輸入的數值如下所示。我們可以給日曆每一側面的小邊線上增加高光或者是漸變,這樣一個小的細節就能提升出圖片的整體質感。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第6張
下圖是我們要做的成品圖。爲了順利完成本教程,你必須對Illustrator的工具有一個基本的熟悉和理解。曾經翻譯的教程,重新發布,成品圖預覽:下圖是我們要做的成品圖。爲了順利完成本教程,你必須對Illustrator的工具有一個基本的熟悉和理解。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第7張
1.使用矩形工具(M),開始繪製一個正方形。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第8張
2.執行效果菜單>3D>旋轉,旋轉正方形。你不需要按下圖輸入數值,但是你一定要記住你所輸入的數值,由於在我們之後添加文本時,你還要用到它(注:實在不記住也沒關係的,只要旋轉完成後,新建個圖形樣式就可以了,之後要再用到這個效果時只要再應用即可)。確定後,執行對象菜單>擴展外觀,擴展形狀。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第9張
3.爲了模擬日曆的厚度,我們使用Illustrator的3D凸出和斜角選項。執行效果菜單>3D>凸出和斜角。X軸旋轉輸入1度(第1個框)。在凸出厚度框裏輸入一個大的數值,如圖所示。X軸的數值越大,凸出厚度裏的數值就應該是越小。我還是會使用我的方法,由於它和輸入一個大的X軸數值,小的凸出厚度數值相比,對於日曆麪皮的扭曲程度會更小。確定,然後執行對象菜單>擴展外觀。最後,執行對象菜單>解組。注:你可能需要解組幾次直到每一個對象都可以獨立操作。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第10張
4.重複第3步製作日曆的底座。擴大形狀,使它比上面的形狀寬些。記着擴展,解組,以使你可以在之後的操作中給對象的每個面上色。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第11張
5.執行對象菜單>路徑>位移路徑,創建日曆上半部分的邊線。輸入的數值如下所示。我們可以給日曆每一側面的小邊線上增加高光或者是漸變,這樣一個小的細節就能提升出圖片的整體質感。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第12張
下圖是我們要做的成品圖。爲了順利完成本教程,你必須對Illustrator的工具有一個基本的熟悉和理解。6.給你剛纔繪製的內部形狀一個漸變。想一想如何使日曆的左側面比右側面的漸變看上去亮一些。使用鋼筆工具(P),在你剛纔繪製的內部形狀裏畫一些線,以模擬日曆側面上的頁邊效果。這步沒有數值參考,僅憑你的肉眼感覺。留意線條到端點的時候是削減的(注:可以畫個橢圓,然後壓扁,然後左右2個平滑點轉換成角點)。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第13張
7.線條畫好後,使用分佈按鈕以使線與線之間的距離等量分佈。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第14張
8.之後,你可以選中所有的線條,給它們一個漸變填充以使它們完美地融合進它們後面的形狀。給日曆的底座一些顏色,左面的顏色較淺,右面的顏色較深。使用之前的方法來繪製這個側面上的頁邊,然後添加如圖的高光以創建陰影和高光效果。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第15張
9.選擇你喜歡的字體(我用的是Din字體),輸入你喜歡的文字,把它放在日曆的上方。執行效果菜單>3D>旋轉,旋轉文字以匹配日曆麪皮的角度。輸入你使用的第2步上的數值(假如你之前新建了圖形樣式的話,這時你就可以直接點那個圖形樣式應用了),然後確定。10.給文字換個色,更改顏色爲白色。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第16張
10.給文字換個色,更改顏色爲白色。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第17張
下圖是我們要做的成品圖。爲了順利完成本教程,你必須對Illustrator的工具有一個基本的熟悉和理解。11.在日曆的麪皮上畫一個矩形,如下圖所示的藍色矩形。填充一個漸變色。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第18張
12.使用和“VECTORTUTS”同樣的方法,在日曆的麪皮上繪製數字。然後給數字添加一個細白的輪廓。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第19張
13.繪製類似下圖的形狀,以製作翻頁效果。形狀越是平滑,翻頁看上去就會越真實。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第20張
14.爲了使翻頁儘可能地看上去真實,我們需要修改向左翻頁的部分。首先選中日曆的麪皮和捲曲的頁。在路徑查找器調板中,點“分割”按鈕。然後執行對象菜單>解組。注:在你使用分割按鈕後,你可能需要調整形狀的堆棧順序,由於有些形狀可能被蓋住了。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第21張
15.選擇被分割爲2半的捲曲頁,使用路徑查找器調板裏的“與形狀區域相加”按鈕,點擴展。現在被分割爲2半的捲曲頁又組合在了一起,而日曆的麪皮被分割成了2部分(翻頁的左半部分和翻頁的右半部分)。
Illustrator圖標教程:教你用Illustrator製作三維日曆圖標 第22張