DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks設計案例 >> Fireworks繪制簡潔精致的Rss圖標
Fireworks繪制簡潔精致的Rss圖標
編輯:Fireworks設計案例     

   一個朋友正在學習Fireworks,問如何制作一個RSS的圖標。於是給他做了個例子。原文鏈接

  1、選擇矢量工具中的“圓角矩形”工具,畫一個150px×150px的矩形。調整角度手柄到合適。

Fireworks繪制簡潔精致的Rss圖標

  2、對矩形進行垂直線性漸變。數值如圖。

  3、復制並原位粘貼一個矩形,選擇實心填充,選擇白色並調整透明度到如圖效果。將其平面化,然後利用選區工具刪除下面一半。

  4、再復制一個矩形,填充為空,邊框為1px的白色。

  5、將1px邊框矩形平面化,然後選擇選區工具,調整羽化值為60,分別對上下進行刪除,制作高光效果。此時可將背景調整為黑色利於調試。

  6、復制一個矩形,將尺寸改為152px*152px,並將其圖層放到最下面。(可利用快捷鍵,ctrl+shift+下)

  7、制作rss標志部分,分別畫一個圓和兩個圓環,大小如圖。並使三個圓中心對齊。

  8、拉動調整圓環手柄,得到四分之一圓環效果。

  9、選擇三個圓,進行內部發光,數值如圖。

  10、全選將所有圖層組合,畫一個高度為3的橢圓,黑色並羽化2個像素。將層調整到最底部。

  11、選擇上面組合圖層,復制一個並平面化,將其垂直翻轉。

  12、選擇橢圓形選區工具,調整羽化值為80,進行羽化過渡效果。最後將其透明度調整到70。

  最後你可以對最終效果進行細微調整。

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