手把手教你用Fireworks CS3对图标进行细节刻画
2009-12-17 16:56:34 作者：WaveF 来源：蓝色理想
Step 10
我们回到深色背景，有没有感觉到信封的两边显得有点平？我们用一个Bars或者Radial填充来加点效果上去。
Step 11
接下来为信封的上下三角形加单像素高光，因为之前已经反复讲过路径相减（Punch Path，您可以在Modify – Combine Paths菜单下找到它）的操作，这里不再作说明，如下图：
Step 12
同理给下面的三角形加高光。
Step 13
因为背景是比较深的颜色，我们可以考虑加个发光。这里我们不去用FW的投影或发光滤镜，还是用Path，为什么？因为比较好控制，个人喜好吧。我们可以做一个比信封底层的圆角矩形上下左右多1px的新圆角矩形，不羽化，透明度30。
Step 14
再在加一道1px高光在下面。
Step 15
至此图标基本完成，下面进入润色阶段。我们把所有图层全选“复制”一份，然后迅速按下Ctrl+Alt +Shift+Z把图层平面化为位图，然后设置叠加方式为Overlay，透明度60，这样就会发现图标的饱和度、对比度被提高了，这是我个人比较喜欢的快速润色的方法，但并非任何时候都适用，某些时候你必须手动用FW自带的滤镜去调曲线、对比度、饱和度等参数。
Finish
最终效果（其实信封下方的三角我也用路径加了Path作为投影，写完了才发现，我就不再折腾了……）
- 栏目搜索>>分类导航
-
Flash幻灯
jQuery幻灯
JS幻灯
Flash相册
jQuery相册
图片特效
导航菜单
广告代码
在线客服
表单按钮
其它特效
- HTML CSS JavaScript Dreamweaver Fireworks 设计分享
-
建站教程
网站运营
实用工具
网页模板
网页素材
-
CSS酷站
网上购物
设计团队
设计博客
-
- 教程排行榜
- 如何用Fireworks制作水晶效果的导航条？
- Fireworks教程：制作闪光掠过的GIF动画
- Fireworks教程：GIF动画效果的BANNER制作过程
- 用Fireworks打造光芒四射背景的图片效果
- 用Fireworks合成设计制作一个化妆品网站首页
- Fireworks CS5抢先报道--值得期待的四大亮点！
- 用Fireworks打造超酷质感的网页按钮
- Fireworks新手教程：制作五彩炫光效果
- 手把手教你用Fireworks CS3对图标进行细节刻画
- Fireworks轻松制作渐隐线条
- Abode Fireworks CS5、CS4、CS3版本的功能比较(图示)
- FireWorks教程：外发光效果的几种应用
- Fireworks教程:立体质感水晶的制作图解
- Fireworks图解教程：打造碳纤维风格图标
- 用EyeCandy插件来制作3D旋转GIF动画
- 学习Fireworks CS3的切片和优化功能
- 下载排行榜
- jQuery图片特效代码 带缩略图和文字标题简...
- 仿淘宝商城天猫首页jQuery多格焦点幻灯图特...
- 仿QQ商城焦点图jquery幻灯特效代码
- 宽屏flash+xml焦点幻灯图特效代码
- 效果媲美flash的jQuery幻灯代码支持多种切换效果
- 3D立体效果的flash+xml照片墙相册展示代码
- 带标题和数字导航的JS焦点幻灯特效代码
- 31款简单实用的CSS+JS下拉菜单脚本
- 漂亮的jquery+Lightbox灯箱效果图片展示特效代码
- 基于mootools有7种效果的Gallery(画廊)幻灯相册代码
- 超酷HTML5图片特效代码支持全屏显示
- 漂亮的jquery画廊相册特效支持缩略图和键盘...
- 可自动展开和折叠收起的QQ在线客服代码
- 半透明立体质感的宽屏flash+xml焦点幻灯代码
- 基于jQuery的首页自动收缩全屏广告代码
- 超酷3D摩天轮flash+xml幻灯相册特效源码