網站首頁網站地圖google地圖百度地圖學習庫RSS在線PSPS聯盟素材下載  PS視頻教程專題 PS愛好者教程網www.479042.live PS教程自學網QQ群

Fireworks圖標設計教程:教新手學習在圖標制作時的細節刻畫。

時間:2020-01-01 09:59 來源:藍色理想 作者:WaveF 閱讀:
Fireworks圖標設計教程:教新手學習在圖標制作時的細節刻畫。使用Fireworks(以下簡稱FW)進行圖標設計主要要留意兩點:

一是FW專注于web設計,不適合創造一些過于復雜的PS效果,請期待FW CS5的PS濾鏡;

二是FW的編輯方式類似于AI,如果您習慣于工作在PS類的像素著色環境下,請華麗的飄過。

接下來進入正題,我們拿一個比較標準的圖標來臨摹做說明,這樣可以方便您理解。

下圖是國內知名的eico design所創作的一套圖標,我們要臨摹的對象就是圖中被框住的信封圖標。事先說明一下,因為教程的主題,我們會對這個圖標加入一些細節,因此我們的最終臨摹結果會與原圖不太一樣。

Fireworks圖標設計教程:教新手學習在圖標制作時的細節刻畫。

Step 01

把需要臨摹的圖標剪下來作為參考,鎖定圖層。我這里FW的路徑面板是從Fireworks CS4中提取的,不過對接下來的操作都無影響,因為我使用的全是CS3包含的功能。

Fireworks圖標設計教程:教新手學習在圖標制作時的細節刻畫。

Step 02

用Rounded Rectangle工具畫出一個和樣圖相仿的圓角矩形,使用四個圓角控制點調節好圓角的半徑,然后按下Ctrl+Shift+G把圖形打散。

隨后把第一個圓角矩形復制一份,用白色箭頭工具往四個方向移動一像素,制作出如圖所示的兩個圓角矩形(注意用白箭頭處理好圓角處的八個節點,它們是要對齊的)。

Fireworks圖標設計教程:教新手學習在圖標制作時的細節刻畫。

我們不能用Stroke去給矩形加外邊框,因為虛邊會把你給搞死。如果你用Rounded Rectangle工具畫出來的圓角矩形已經出現了非Stroke虛邊,那就把節點打散后,用黑色箭頭工具選中那個Path,點擊路徑面板的Round Points to Pixels把路徑的所有節點歸位到像素交點(也可以用白色箭頭工具選中某個節點單獨進行歸位)。

Fireworks圖標設計教程:教新手學習在圖標制作時的細節刻畫。

Step 03

把大的圓角矩形復制一份放到最頂層,用白色箭頭配合Shift+方向鍵得到一個倒三角,隨即復制一份,上面的倒三角用Linear填充漸變;下面的倒三角實心填充褐色,并設置1px羽化。

Fireworks圖標設計教程:教新手學習在圖標制作時的細節刻畫。

Step 04

PS筆刷下載 PS濾鏡下載 PS形狀下載 PS樣式下載 PS動作下載 PS圖案下載
相關教程
伊利股票涨跌