DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks設計案例 >> Fireworks 制作傾慕系列圖標
Fireworks 制作傾慕系列圖標
編輯:Fireworks設計案例     

   效果圖如下:

Fireworks 制作傾慕系列圖標

  1.畫一個233*172 的圓角矩形並填充#400000 -#999999 的線性漸變,然後設定其參數如圖:

  2.對第一步繪制的矩形添加濾鏡,參數如下。

  3.將第一、二步繪制的矩形復制一個並把添加的濾鏡去掉內側發光,縮小到215*158

  4.再復制一個第一、二步繪制的矩形,去掉濾鏡裡的色相/ 飽和度,並改變線性填充顏色為#000000 透明度80-#ffffff 透明度60,並把矩形參數裡的紋理總量調為0。

  5.用“YY Old English Dingbats”花草裝飾字體打出大寫的C,字號大小為20,調整好角度並將圖層式樣設為柔光。

  6.再復制一個C字,調整位置到對角,參數不變。

  7.用鋼筆工具畫出頂部高光部分。

  8.用鋼筆畫出中部高光部分並把圖層透明度調整到20。

  9.用鋼筆畫出底部高光並把圖層透明度調整到80。

  10.用鋼筆工具繪制底座,然後填充線性漸變顏色為#251B09-#6A4E1A-#251B09,然後把底座圖層放在最下面。

  11.最後給底座加上高光,做到這裡基本效果已經出來了。

  原文件:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved