樹(shù)結(jié)構(gòu)圖
您現(xiàn)在的位置： > 技術(shù)沙龍 > 圖形圖像 > Fireworks > 實(shí)例分析 > 微軟 Windows 徽標(biāo)做法一例
- 相關(guān)軟件
>微軟 Windows 徽標(biāo)做法一例 創(chuàng)建者：webmaster 更新時(shí)間：2010-06-27 17:12
文章的題目使用了圖標(biāo)做法一例，而不是使用的制作方法詳解，是因?yàn)榭紤]到了大家對(duì)于該圖標(biāo)的制作方法都可能有自己獨(dú)特的方法，所以本節(jié)的內(nèi)容就算是拋磚引玉之舉吧！希望大家能夠從中學(xué)到對(duì)自己有用的知識(shí)，我想這就足夠了。教程開(kāi)始之前，還是首先來(lái)看一個(gè)效果圖，如下所示:
1、在編輯區(qū)繪制一個(gè)正方形對(duì)象，邊長(zhǎng)為90像素大小，填充顏色可自行設(shè)定，不要描邊色，如下圖所示。
2、選中矩形對(duì)象，選擇工具箱的傾斜變形工具，向右側(cè)方向拖動(dòng)鼠標(biāo)，拖動(dòng)距離大概為正方形對(duì)象邊長(zhǎng)的1/4大小的距離即可，具體操作可參看下圖所示：
3、為了便于隨后的操作，將編輯視圖放大到400%視圖狀態(tài)，進(jìn)行隨后的編輯。
4、選取工具箱的部分選定工具，在右上角處的路徑節(jié)點(diǎn)處單擊鼠標(biāo)，即可選定該路徑節(jié)點(diǎn)。將鼠標(biāo)在空白處單擊，按下鍵盤(pán)上的ALT鍵，然后再次單擊該路徑節(jié)點(diǎn)，向右側(cè)方向拖動(dòng)鼠標(biāo)，即可拖動(dòng)出右側(cè)的節(jié)點(diǎn)調(diào)節(jié)手柄，如下圖所示。
5、右側(cè)的節(jié)點(diǎn)調(diào)節(jié)手柄不是我們需要的，仍然單擊鍵盤(pán)上的ALT鍵，單擊路徑節(jié)點(diǎn)，向左上方拖動(dòng)鼠標(biāo)，即可將上方的路徑調(diào)節(jié)手柄拖動(dòng)出來(lái)，如下圖所示。
6、拖動(dòng)左上方的調(diào)節(jié)手柄，通過(guò)調(diào)整其長(zhǎng)度及其方向做出上側(cè)邊緣的圓弧效果，如下圖所示。
7、上側(cè)邊緣的圓弧效果已經(jīng)出現(xiàn)了，但是右側(cè)的邊緣是不需要弧線效果的，所以選擇工具箱的部分選定工具，按下鍵盤(pán)上的ALT鍵，單擊右側(cè)方向剛剛拖動(dòng)出來(lái)的路徑調(diào)節(jié)手柄的頂端，向節(jié)點(diǎn)的方向拖動(dòng)鼠標(biāo)，直至其與路徑節(jié)點(diǎn)重合，如下圖所示。
8、通過(guò)第7步的操作，右側(cè)的弧線外觀消除了，仍然是斜線狀態(tài)，如下圖所示。
9、參照上面第4～第8步的操作方法，將左下角的路徑節(jié)點(diǎn)同樣也是分別拖拽出兩側(cè)的節(jié)點(diǎn)調(diào)節(jié)手柄，然后對(duì)右側(cè)的調(diào)節(jié)手柄進(jìn)行拖動(dòng)調(diào)整的操作，如下圖所示。
10、通過(guò)對(duì)右側(cè)的調(diào)節(jié)手柄進(jìn)行調(diào)節(jié)后，得到滿意的弧度效果后，即可將左側(cè)的調(diào)節(jié)手柄拖動(dòng)到消失狀態(tài)了，方法參照第7步的具體操作介紹，本步操作如下圖所示。
11、將編輯視圖縮放到正常狀態(tài)，經(jīng)過(guò)調(diào)整后的編輯區(qū)對(duì)象會(huì)如下圖所示。
12、選中矩形對(duì)象，將填充方式設(shè)定為漸變填充方式里面的線性漸變填充，在彈出的顏色漸變的設(shè)置框中將填充顏色從左到右依次設(shè)置為“#F77521--#FF9E52--#A52C08”，具體設(shè)定效果如下圖所示。
13、顏色設(shè)定完畢，單擊變形矩形對(duì)象，會(huì)出現(xiàn)顏色調(diào)節(jié)手柄，單擊矩形調(diào)節(jié)點(diǎn)，向右下方拖動(dòng)調(diào)整它，這樣就實(shí)現(xiàn)了漸變色方向的變化調(diào)整，調(diào)整后的對(duì)象會(huì)如下圖所示。
14、選中編輯區(qū)的對(duì)象，按“Ctrl＋Shift＋D”鍵，克隆它。選擇菜單命令“修改 改變路徑 伸縮路徑”，在彈出的“伸縮路徑”設(shè)置框中進(jìn)行如下圖所示的相關(guān)設(shè)定：將方向設(shè)為“內(nèi)部”；寬度設(shè)為“2”；角選擇第一個(gè)直角方式，設(shè)定完畢單擊確定按鈕即可。
15、打開(kāi)層面板，選中位于下方的變形矩形對(duì)象，將其填充方向做一個(gè)水平翻轉(zhuǎn)方式的調(diào)整，也就是將顏色調(diào)節(jié)手柄的圓點(diǎn)調(diào)節(jié)點(diǎn)拖動(dòng)到右側(cè)，而將矩形調(diào)節(jié)點(diǎn)拖動(dòng)到左側(cè)，仍然保持其先前的顏色填充方向即可，具體調(diào)整后的效果如下圖所示。
16、按“Ctrl＋A”鍵，同時(shí)選定編輯區(qū)的兩個(gè)對(duì)象，按“Ctrl＋G”鍵，將其組合群組為一個(gè)對(duì)象。如果此刻對(duì)組合對(duì)象的形狀不夠滿意的話，可以選擇縮放變形工具，對(duì)其進(jìn)行進(jìn)一步的調(diào)整。這里在水平方向做了一個(gè)放大處理，具體的調(diào)整效果如下圖所示。
17、按“Ctrl＋Shift＋D”鍵，克隆出三個(gè)相同的組合對(duì)象，將其規(guī)則擺放如下圖所示。
18、配合Shift鍵，同時(shí)選中右側(cè)的兩個(gè)組合對(duì)象，選擇菜單命令“修改 變形 旋轉(zhuǎn)180度”，然后對(duì)各個(gè)組合對(duì)象的位置做進(jìn)一步的調(diào)整，直至視覺(jué)上達(dá)到最佳效果為止。這樣即可初步完成微軟圖標(biāo)的外觀制作了。
19、選中左下角的組合對(duì)象，對(duì)其漸變顏色做進(jìn)一步的調(diào)整設(shè)定，從左到右漸變顏色依次為：“#637DFF--#A5B2FF--#2928DE”；右上角的組合對(duì)象的漸變顏色從左到右依次為“#7BAE10--#9CF300--#5A7908”；右下角的組合對(duì)象的漸變顏色從左到右依次為“#FFCF10--#FFFF63--#8C7500”。
【注意】在本步中對(duì)組合對(duì)象進(jìn)行顏色調(diào)整的時(shí)候，會(huì)同時(shí)將兩個(gè)對(duì)象的顏色做一個(gè)調(diào)整改變。所以此處勿需對(duì)組合對(duì)象的每一個(gè)對(duì)象再分別進(jìn)行顏色的調(diào)整工作。
對(duì)各個(gè)組合對(duì)象的漸變顏色進(jìn)行調(diào)整后，可以分別通過(guò)調(diào)整各個(gè)組合對(duì)象的顏色填充手柄來(lái)對(duì)填充方向做進(jìn)一步的更改，使得最終效果更加逼真，此處的細(xì)微調(diào)整工作需要大家自行在操作過(guò)程中來(lái)體會(huì)，筆者就不再羅嗦了，總之最終取得最佳的視覺(jué)效果是需要細(xì)心的調(diào)整來(lái)完成的，這點(diǎn)需要大家牢記。
好了，添加相關(guān)的文字及其其他的效果設(shè)置，最終完成自己的微軟圖標(biāo)作品。本節(jié)教程到此結(jié)束。相關(guān)文章
本頁(yè)查看次數(shù):