上一篇:Fireworks制作透明按钮一例 >>
巧用Fireworks遮罩做平面设计
巧妙使用fireworks的遮罩,可以做出很多很棒的视觉效果。
本实例用到以下一些基本操作:渐变填充、自由变形、群组、遮罩、effect效果。
step1: 新建文件,用多边形工具绘制一个无边框的正六边形,用黑色填充,如图1。
注意在填充时最好用羽化填充(参数设置为1),因为后面要进行幅度较大的自由变形操作,选羽化填充能够较好的保持边缘的平滑,不会产生一些强烈的锯齿,如图2。
图1 图2
step2: 克隆复制一些正六边形,排列成下面的形状,如图3。当然你也可以排成你所喜欢的形状:) 但要注意的是保持相同的间距,并且间距要尽量小,这时最好将图形放大进行操作。
图3
step3: 全选所有的六边形,进行群组(菜单栏modify/group),然后在工具栏选择自由变形工具,在四角的控制点进行适当的拖拉,使之有一定的透视感,如图4 。
图4
step4:使用圆形工具,拖出一个较大的椭圆,用radial渐变填充,具体设置如图5,当然也可以设置成你想要的颜色。然后将渐变控制中心点向左上方移动一些距离,如图6。
图5
图6
图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 MX制作像素动画 >>
相关文章:
- · Ultradev实例教程:5 做一个相对简单的网站后台3
- · Ultradev实例教程:1.4 Ultradev的安装
- · Ultradev实例教程:4 插件的安装与使用
- · Ultradev实例教程:3.7 创建一个简单的查询
- · Ultradev实例教程:1.3 Ultradev所需要的环境
- · Ultradev实例教程:5 做一个相对简单的网站后台2
- · Ultradev实例教程:5 做一个相对简单的网站后台1
- · Ultradev实例教程:1.5 ultradev的操作界面
- · Ultradev实例教程:2.1 建立一个简单的access数据库
- · Javascript实例教程9 随机显示图片
- · Ultradev实例教程:2.2 用ODBC连接数据库
- · Ultradev实例教程:2.3 创建Web站点
- · Ultradev实例教程:2.4 UltraDev与各种数据库的连接代码
- · Ultradev实例教程:3.1 定义站点
- · Ultradev实例教程:3.2 创建数据库连接
- · Ultradev实例教程:3.3 应用数据库创建动态网页
- · Ultradev实例教程:3.4 向数据库添加纪录
- · Ultradev实例教程:3.5 编辑数据库中的纪录
- · Ultradev实例教程:3.6 删除纪录
- · Mix-FX帮您制作FLASH特效字只需五步
- · Flash MX与3D MAX“亲密接触”
- · 原创的自定义分页UserControl 分享及探讨
- · Flash MX 2004滚动文本框的两种做法
- · Fireworks制作GIF动画广告BANNER
- · 给浏览器的滚动条加上颜色
- · 无边框窗口代码详解
- · Flash MX实战精选:石头剪子布
- · 心意卡片制作DIY
- · Flash:从油画到照片
- · 实现声音与歌词同步的三种方法
- · Flash MX实战精选:巧做画板
- · 今天DIY桌面电子宠物
- · Flash MX实战精选:从前有座山
- · 进入Flash MX组件时代之一 组件的概念
- · 总让题目窗口出现在最前面
- · 在FireWorks中巧用Style制作立体感文字
- · 如何实现iframe嵌入式帧的自适应高度
- · 教您一招:为Flash MX打造一个完美的共享库
