DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 如何用Fireworks制作一個RSS圖標
如何用Fireworks制作一個RSS圖標
編輯:Fireworks基礎     

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

500x300

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

500x300

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

500x300

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

500x300

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

500x300

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

500x300

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

500x300

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

500x300

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

500x300

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

500x300

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

500x300

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

用Fireworks如何制作一個RSS的圖標

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

源文件:

用Fireworks如何制作一個RSS的圖標

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