--:)欢迎访问锋网源码(:--
首页
RSS订阅
常用软件
网页模板
网站运作
锋网学院
繁體中文
学院首页
新闻资讯
网站运营
网站开发
美工设计
数据库类
服务器类
网络应用
操作系统
软件教学
编程开发
认证考试
网络安全
文章搜索:
文章标题
文章内容
高级搜索
会员登录/控制面版
您的位置:
学院首页
>>
美工设计
>>
FIREWORKS教程
>> 文章内容
精彩推荐
本类推荐文章
翻译:Fireworks ::钢笔教程..
Fireworks 模拟闪光灯效果
用 Fireworks MX 锻造黄金质..
Fireworks 动态模糊技巧综述..
Fireworks 动态模糊技巧综述..
本类阅读排行
Fireworks8教程:用素材制作炫..
Windows 桌面风格页面制作点..
Fireworks教程:简单制作网站..
翻译:Fireworks ::钢笔教程..
Fireworks 模拟闪光灯效果
用Fireworks渐变工具做简单图..
FW中几种字体效果的制作
简简单单几步搞定水晶字
用 Fireworks MX 锻造黄金质..
Fireworks 动态模糊技巧综述..
FW MX 2004新增等高渐变填充
译:用 Fireworks MX 制作水..
Fireworks 动态模糊技巧综述..
Fireworks打造javascript图片..
Fireworks MX 实现 MAC 文字..
Fireworks教程:液体金属表面..
LOGO制作实例教程
Fireworks制作按钮简明教程
Fireworks粒子插件帮助AE制作..
Fireworks教程:立体质感水晶..
巧用Fireworks遮罩做平面设计
日期:2007-10-24 人气: 出处: 作者:
字体大小:
小
中
大
巧妙使用Fireworks的遮罩,可以做出很多很棒的视觉效果。
本实例用到以下一些基本操作:渐变填充、自由变形、群组、遮罩、Effect效果。
step1:
新建文件,用多边形工具绘制一个无边框的正六边形,用黑色填充,如图1。
注意在填充时最好用羽化填充(参数设置为1),因为后面要进行幅度较大的自由变形操作,选羽化填充能够较好的保持边缘的平滑,不会产生一些强烈的锯齿,如图2。
图1 图2
step2:
克隆复制一些正六边形,排列成下面的形状,如图3。当然你也可以排成你所喜欢的形状:) 但要注意的是保持相同的间距,并且间距要尽量小,这时最好将图形放大进行操作。
图3
step3:
全选所有的六边形,进行群组(菜单栏Modify/Group),然后在工具栏选择自由变形工具,在四角的控制点进行适当的拖拉,使之有一定的透视感,如图4 。
图4
step4:
使用圆形工具,拖出一个较大的椭圆,用Radial渐变填充,具体设置如图5,当然也可以设置成你想要的颜色。然后将渐变控制中心点向左上方移动一些距离,如图6。
图5
图6
step5:
同时选择群组的正六边形和上面所绘制的椭圆,注意一定要使正六边形组放在椭圆的上面,并且保持在椭圆的范围之内,然后执行
Modify/Mask/Group as Mask
,进行遮罩,效果如图7。
图7
step6:
接下来在Effect面板里选择Inner Shadow效果,具体设置如图8,如果感觉质感还不够强,那么再进行一次Inner Shadow效果,设置不变 ,效果如图9。
图8
图9
step7:
再克隆复制一个上面做成的六边形组,进行高斯模糊,参数如图10。Gaussian Blur效果在Xtras(MX中的Fliter)菜单和Effect面板中都有,但对矢量图形的操作建议使用Effect面板中的效果,因为在执行Effect效果时会在该面板中形成一个效果使用列表,方便后面的修改。
注意:在进行高斯模糊后,边缘比较黑,所以之前应将Effect面板中的两次Inner shadow效果删掉,再进行高斯模糊,这样会比较好。
图10
step8:
最后将模糊的六边形组放到底层,适当错开,再加点修饰性的东西,就完成了最终效果,如图11。
图11
相关文章
Fireworks教程:绘制精致的跑车
Fireworks教程:不同切角效果
Fireworks教程:制作韩国女包
Fireworks教程:简单制作渐隐线
Fireworks教程:动画制作的技巧
Fireworks教程:制作实物光影
Fireworks教程:绘制网页虚线的方法
Fireworks教程:绘制小老鼠图案邮票
Fireworks教程:简单制作网站Logo
Fireworks制作按钮简明教程
相关软件
网友评论:
查看所有评论
我要发表评论