網域查詢: www.
返回首頁
當前位置: 首頁 > 站長學院 > 平面設計 > FireWorks >

微軟Windows徽標做法一例

時間:2010-02-12 14:44來源: 作者: 點擊:
文章的題目使用了圖標做法一例,而不是使用的制作方法詳解,是因為考慮到了大家對于該圖標的制作方法都可能有自己獨特的方法,所以本節的內容就算是拋磚引玉之舉吧!希望大家
  
文章的題目使用了圖標做法一例,而不是使用的制作方法詳解,是因為考慮到了大家對于該圖標的制作方法都可能有自己獨特的方法,所以本節的內容就算是拋磚引玉之舉吧!希望大家能夠從中學到對自己有用的知識,我想這就足夠了。教程開始之前,還是首先來看一個效果圖,如下所示︰



1、在編輯區繪制一個正方形對象,邊長為90像素大小,填充顏色可自行設定,不要描邊色,如下圖所示。


2、選中矩形對象,選擇工具箱的傾斜變形工具

,向右側方向拖動鼠標,拖動距離大概為正方形對象邊長的1/4大小的距離即可,具體操作可參看下圖所示︰


3、為了便于隨後的操作,將編輯視圖放大到400%視圖狀態,進行隨後的編輯 4、選取工具箱的部分選定工具,在右上角處的路徑節點處單擊鼠標,即可選定該路徑節點。將鼠標在空白處單擊,按下鍵盤上的ALT鍵,然後再次單擊該路徑節點,向右側方向拖動鼠標,即可拖動出右側的節點調節手柄,如下圖所示。


5、右側的節點調節手柄不是我們需要的,仍然單擊鍵盤上的ALT鍵,單擊路徑節點,向左上方拖動鼠標,即可將上方的路徑調節手柄拖動出來,如下圖所示。


6、拖動左上方的調節手柄,通過調整其長度及其方向做出上側邊緣的圓弧效果,如下圖所示。

7、上側邊緣的圓弧效果已經出現了,但是右側的邊緣是不需要弧線效果的,所以選擇工具箱的部分選定工具,按下鍵盤上的ALT鍵,單擊右側方向剛剛拖動出來的路徑調節手柄的頂端,向節點的方向拖動鼠標,直至其與路徑節點重合,如下圖所示。


8、通過第7步的操作,右側的弧線外觀消除了,仍然是斜線狀態,如下圖所示。

9、參照上面第4~第8步的操作方法,將左下角的路徑節點同樣也是分別拖拽出兩側的節點調節手柄,然後對右側的調節手柄進行拖動調整的操作,如下圖所示。

0
10、通過對右側的調節手柄進行調節後,得到滿意的弧度效果後,即可將左側的調節手柄拖動到消失狀態了,方法參照第7步的具體操作介紹,本步操作如下圖所示。

1
11、將編輯視圖縮放到正常狀態,經過調整後的編輯區對象會如下圖所示。

2 12、選中矩形對象,將填充方式設定為漸變填充方式里面的線性漸變填充,在彈出的顏色漸變的設置框中將填充顏色從左到右依次設置為“#F77521--#FF9E52--#A52C08”,具體設定效果如下圖所示。

3
13、顏色設定完畢,單擊變形矩形對象,會出現顏色調節手柄,單擊矩形調節點,向右下方拖動調整它,這樣就實現了漸變色方向的變化調整,調整後的對象會如下圖所示。

4
14、選中編輯區的對象,按“Ctrl+Shift+D”鍵,克隆它。選擇菜單命令“修改|改變路徑|伸縮路徑”,在彈出的“伸縮路徑”設置框中進行如下圖所示的相關設定︰將方向設為“內部”;寬度設為“2”;角選擇第一個直角方式,設定完畢單擊確定按鈕即可。

5
15、打開層面板,選中位于下方的變形矩形對象,將其填充方向做一個水平翻轉方式的調整,也就是將顏色調節手柄的圓點調節點拖動到右側,而將矩形調節點拖動到左側,仍然保持其先前的顏色填充方向即可,具體調整後的效果如下圖所示。

6 16、按“Ctrl+A”鍵,同時選定編輯區的兩個對象,按“Ctrl+G”鍵,將其組合群組為一個對象。如果此刻對組合對象的形狀不夠滿意的話,可以選擇縮放變形工具,對其進行進一步的調整。這里在水平方向做了一個放大處理,具體的調整效果如下圖所示。

7
17、按“Ctrl+Shift+D”鍵,克隆出三個相同的組合對象,將其規則擺放如下圖所示。

8
18、配合Shift鍵,同時選中右側的兩個組合對象,選擇菜單命令“修改|變形|旋轉180度”,然後對各個組合對象的位置做進一步的調整,直至視覺上達到最佳效果為止。這樣即可初步完成微軟圖標的外觀制作了。

19、選中左下角的組合對象,對其漸變顏色做進一步的調整設定,從左到右漸變顏色依次為︰“#637DFF--#A5B2FF--#2928DE”;右上角的組合對象的漸變顏色從左到右依次為“#7BAE10--#9CF300--#5A7908”;右下角的組合對象的漸變顏色從左到右依次為“#FFCF10--#FFFF63--#8C7500”。

9
【注意】在本步中對組合對象進行顏色調整的時候,會同時將兩個對象的顏色做一個調整改變。所以此處勿需對組合對象的每一個對象再分別進行顏色的調整工作。

對各個組合對象的漸變顏色進行調整後,可以分別通過調整各個組合對象的顏色填充手柄來對填充方向做進一步的更改,使得最終效果更加逼真,此處的細微調整工作需要大家自行在操作過程中來體會,筆者就不再羅嗦了,總之最終取得最佳的視覺效果是需要細心的調整來完成的,這點需要大家牢記。

好了,添加相關的文字及其其他的效果設置,最終完成自己的微軟圖標作品。本節教程到此結束 源文件下載
頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
最新評論 查看所有評論
發表評論 查看所有評論
請自覺遵守互聯網相關的政策法規,嚴禁發佈色情、暴力、反動的言論。
評價:
表情:
用戶名: 密碼: 驗證碼:
推薦內容
熱點內容