达达首页 | 设计教程 | 辅助工具 | 字体字库 | 素材贴图 | 非 主 流 | PS 笔刷 | 签名模版 | 网页模版 | 访客留言
设为首页

加入收藏

联系我们
PhotoShop 教程 | Illustrator 教程 | CorelDraw 教程 | FireWorks 教程 | 3D MAX 教程 | MAYA 教程 | Flash 教程 | After Effects 教程
相关教程
普通教程 FW教程:论坛头像+签…
推荐教程 Fireworks教程:绘制…
普通教程 造假专用教程:利用…
普通教程 Fireworks卡通宝贝表…
推荐教程 Fireworks制作涂鸦效…
普通教程 FW实例:打造超酷签…
普通教程 Fireworks制作完美签…
普通教程 Fireworks绘制可爱水…
普通教程 Fireowrks制作动感卡…
普通教程 用Fireworks为照片做…
最新更新

Fireworks教程:不…

Fireworks教程:制…

Firewoks教程:联…

Firewoks实例:铅…
您现在的位置: 达达派 >> 教程中心 >> FireWorks教程 >> 图像篇 >> 教程正文
Fireworks绘制简洁精致的Rss图标
作者:dowhatyo… 文章来源:蓝色理想 点击数: 更新时间:2007-8-27 6:46:59
教程录入:令彬    责任编辑:令彬  添加到雅虎收藏+
一个朋友正在学习Fireworks,问如何制作一个RSS的图标。于是给他做了个例子。原文链接

1、选择矢量工具中的“圆角矩形”工具,画一个150px×150px的矩形。调整角度手柄到合适。  

Fireworks绘制简单Rss icon

2、对矩形进行垂直线性渐变。数值如图。  

Fireworks绘制简单Rss icon

3、复制并原位粘贴一个矩形,选择实心填充,选择白色并调整透明度到如图效果。将其平面化,然后利用选区工具删除下面一半。  

Fireworks绘制简单Rss icon

4、再复制一个矩形,填充为空,边框为1px的白色。  

Fireworks绘制简单Rss icon

5、将1px边框矩形平面化,然后选择选区工具,调整羽化值为60,分别对上下进行删除,制作高光效果。此时可将背景调整为黑色利于调试。  

Fireworks绘制简单Rss icon

6、复制一个矩形,将尺寸改为152px*152px,并将其图层放到最下面。(可利用快捷键,ctrl+shift+下)  

Fireworks绘制简单Rss icon

7、制作rss标志部分,分别画一个圆和两个圆环,大小如图。并使三个圆中心对齐。  

Fireworks绘制简单Rss icon

8、拉动调整圆环手柄,得到四分之一圆环效果。  

Fireworks绘制简单Rss icon

9、选择三个圆,进行内部发光,数值如图。  

Fireworks绘制简单Rss icon

10、全选将所有图层组合,画一个高度为3的椭圆,黑色并羽化2个像素。将层调整到最底部。  

Fireworks绘制简单Rss icon

11、选择上面组合图层,复制一个并平面化,将其垂直翻转。  

Fireworks绘制简单Rss icon

12、选择椭圆形选区工具,调整羽化值为80,进行羽化过渡效果。最后将其透明度调整到70。  

Fireworks绘制简单Rss icon

最后你可以对最终效果进行细微调整。

源文件:  

Fireworks绘制简单Rss icon

  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    关于我们 | 帮助(?) | 广告服务 | 版权声明 | 商业合作 | 发展历程 | 联系我们

    Copyright ? 2005-2008 CGFancy.com, All Rights Reserved,达达网络:陕ICP备06010337号

    技术交流:71125455(平面)、545534707(三维),业务合作:71125455