当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks 制作精细PC图标

FireWorks
Fireworks MX 2004特效字系列教程:水粉文字特效制作
铬金图形效果制作
Fireworks MX 2004移除照片红眼
Fireworks制作破壳而出的美女
Fireworks MX 2004制作巧克力按钮
虚线的制作
圆角三角形的制作
动画小时钟
金属效果
圆形文字的环绕制作
自动颜色变换
Loading动画的制作
彩色线条的填充
用MASK做动画
卫星转动效果
空间环绕
使用热区和切割(Hotspots and Slices)(上)
使用热区和切割(Hotspots and Slices)
Fireworks4.0的新特性
Fireworks中邮票效果的制作

FireWorks 中的 Fireworks 制作精细PC图标


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 30 ::
收藏到网摘: n/a

先奉上效果图:

Fireworks 制作精细PC图标

基本步骤:

1. 绘制一个矩形,并通过部分选取工具调节节点。为增加立体效果,每个角均通过钢笔工具增加为2个节点

Fireworks 制作精细PC图标

2. 给矩形添加渐变效果

Fireworks 制作精细PC图标

3. 再给右边的矩形添加渐变效果

Fireworks 制作精细PC图标

4. 复制矩形并缩小,作为内框屏幕,实用发射性渐变,添加内部阴影

Fireworks 制作精细PC图标

5. 制作屏幕高光效果,绘制一个圆形,设置线性渐变,羽化为6

Fireworks 制作精细PC图标

6. 再画一个大的圆,用来切掉我们不需要的部分,选择两个路径,修改-组合路径-打孔

Fireworks 制作精细PC图标

7. 得到如下路径,然后使用蒙板得到我们需要的内框屏幕,选择蓝色内框屏幕,复制,选择刚才得到的白色渐变路径,反键-编辑-粘贴为蒙板,得到如下效果

Fireworks 制作精细PC图标

8. 绘制两条斜线,制作屏幕下方立体效果

Fireworks 制作精细PC图标

9. 使用上述高光绘制方式制作屏幕下方高光效果

Fireworks 制作精细PC图标

10. 使用放射性渐变绘制显示器开关按钮。并复制一个浅灰色的圆形放在按钮下,产生立体效果

Fireworks 制作精细PC图标

11. 利用矩形工具绘制底座支撑轴。并使用线性渐变填充

Fireworks 制作精细PC图标

12. 利用矩形工具绘制底座,使用钢笔工具增加节点并调整。使用放射性渐变填充

Fireworks 制作精细PC图标

13. 利用矩形工具绘制高3像素的矩形使用放射性渐变填充,绘制底座高光效果

Fireworks 制作精细PC图标