论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

Fireworks混合模式之宝石花效果

文章类别:Fireworks | 发表日期:2008-9-20 19:31:38

混合模式功能应该说是目前流行的各大绘图软件都不可或缺的,通过灵活调整各种混合模式,同样可以制作出各种各样、丰富多彩的效果来,假如各位不相信的话,可以先来看看下面的效果图,是否给你一种眼花缭乱的感觉呢?关于这种效果的名称我想了很长时间,觉得没有什么很恰当的,就暂且叫宝石花效果吧!呵呵~废话少说了,我们还是赶紧来看看如何通过FWMX来实现这种炫目的效果吧

1、打开FWMX,新建一个大小为200*200,背景为白色的文件。进入编辑区,假如编辑区的上侧和左侧没有标尺的话,首先执行菜单命令"View / Rulers"使得标尺栏为可见,为了操作方便,接下来执行菜单命令"View / Guides / Show Guides"、"View / Guides / Snap to Guides"使得辅助线为可见并且打开辅助线的自动吸附功能,这样,我们就将最基础的前期工作预备好了。

2、顺序从上侧标尺栏和左侧标尺栏拖拽出两条辅助线,辅助线的位置均位于两侧标尺的中间地带,也就是100像素的地方,如下图所示:



3、选取工具箱的矩形绘制工具,在编辑区绘制一个任意大小的矩形,然后在Properties(属性)面板上的Info区域进行具体设置,将W(宽)、H(高)值均设为100,将X、Y值均设为0,这样,我们就得到了一个位于编辑区左上角、边长为100像素大小的正方形。具体设置如下图所示:



4、对矩形的填充方式进行调整,同样在Properties属性面板上进行调整。将填充方式设为Starburst方式,单击填充颜色井,在弹出的颜色设定框中进行设定,本例是将左侧的颜色块设为了黄色,右侧的颜色块设为了红色。当然,您可以根据实际情况进行任意调整。本例具体设置情况如下图所示:



5、选中编辑区的矩形对象,配合键盘上的Alt键,向右侧拖动举行对象,这样就自动复制了一个新矩形对象,将复制的对象放置到编辑区的右上角。因为我们在第一步已经选定了自动吸附到辅助线的命令,所以这里我们不必担心位置的问题了,目前编辑区的具体摆放情况如下图所示:



6、采取和第五步同样的方式,在编辑区的左下角和右下角再次复制出两个相同的对象,如下图所示:



7、执行快捷键"Ctrl+A",同时选定编辑区的四个对象,然后快捷键"Ctrl+G",将四个对象组合成组,此刻层面板会如下图所示:



8、选定编辑区的组合对象,执行菜单命令"Edit / Clone",原地克隆复制一个组合对象,接着执行菜单命令"Modify / Transform / Numeric Transform",在弹出的对话框中选择变形方式为Rotate(旋转),输入旋转的数值大小为"30",其余不作调整,点击确定即可,这样就将克隆对象顺时针方向旋转了10度,打开层面板我们可以看到目前编辑区两个对象的位置关系。选中克隆的对象所在的层,单击混合模式的下拉菜单,选择混合模式为Lighten(加亮),如下图所示:



9、打开History(历史)面板,配合Shift键,同时选定我们刚刚操作的上面这三个步骤:“Clone、Transform、Blend Mode”,单击历史面板左下角的“Replay”按钮,如下图所示:



10、具体什么效果各位应该已经从编辑区看到了吧!呵呵,别急,再次按动历史面板上的Replay按钮!看看你制作的最终效果图是否如下所示:



好了,其实通过上面的几步操作,相信大家对于使用混合模式产生一些奇幻的效果应该有一些个人的心得了,呵呵,这样最好哈;不过可能有些朋友对于混合模式的应用还是不太清楚,或者说认为通过上面的步骤产生的效果不过如此,没有什么值得称道的地方,不要着急,后面我们还有没有讲到的地方呐~~~。单单使用一种混合模式就已经能产生我个人所认为的足够奇幻的效果了(老风卖瓜,自卖自夸,呵呵……),假如结合两种或者更多的混合模式综合使用的话,会产生什么效果呢?你不知道,俺也不知道,MM公司也不见得知道,估计老天都不知道,呵呵,废话又来了,抱歉,抱歉……还是看看如何实现如上面例图所示的宝石花效果吧!这就是两种混合模式综合运用产生的“下场”哈~~~~

1、重复上面1~4步的操作,此刻编辑区应该如下图所示:



2、选中矩形对象,会出现颜色调节手柄。用鼠标点中调节手柄右下侧的矩形调节点,配合Shift键,向圆形调节点推动。
注重:此时使用Shift键的目的就是为了能够使填充色均匀的向中心方向发生改变,假如不使用Shift键的话,很难保证这一点实现。

针对本例的最佳调整效果就是如下图所示了:
注重:此刻的调整效果对于将来效果的生成是很重要的,各位可以根据后面的步骤自行测试的!



3、同样,配合Alt键,在编辑区的四个角都复制同样的矩形对象,如下图所示:



4、"Ctrl+A",选中全部对象;"Ctrl+G",组合成组;"Ctrl+Shift+D",克隆矩形对象;"Ctrl+Shift+T",数值调整克隆对象;变形方式为"Rotate",数值大小为"10",点击确定;打开Layers(层)面板,选中克隆对象,将混合模式调整为Lighten(加亮),此刻层面板如下图所示:



5、打开History(历史)面板,同时选中“Clone、Transform、Blend Mode”这三个历史步骤,单击历史面板左下角的“Replay”按钮三次,编辑区现在应该出现如下图所示的效果了:



6、我们在进行旋转变形操作的时候,每次旋转的角度为30度,理论上,克隆两次、旋转两次即可了,但是我们这一次却克隆了三次、旋转了三次,这样最后一次的操作对象其实和最初的对象是完全重合了,请理解我这些废话!:)

打开层面板,选中最上面的一层,该层的混合模式应该和下面的两层相同,为“Lighten”模式,此刻我们看到的效果和上面的例子出现的效果是没有什么两样的,所以我们要对该层的混合模式进行改变,现在我们要采用“Invert”模式,具体设置如下图所示:



7、废话不说了,看看编辑区发生什么变化了?是不是如例图一般的宝石花效果图已经出现了?请看下面的最终效果图:



各位,做个实验吧!假如将最上面一层的混合模式变成“Luminosity”,会产生什么效果呢?请看下图:


继续令人心动的实验,这次我们将最上面一层的混合模式变成了“Diference”,居然产生了更加不可思议的效果:


好了,罗罗嗦嗦了老半天了,自己都感觉有些麻烦了~~,本节我们主要是来学习如何利用混合模式进行效果制作,有关混合模式的相关基础知识我们并没有涉及到,假如大家想更清楚的了解相关常识,可以到点燃灵感去找找有关资料,当然,直接从FW自带的帮助中去寻找也是不错的选择,这里就不再赘述了!
上一篇:Fireworks制作产品展示图 人气:1171
下一篇:Fireworks混合模式之宝石花效果(二) 人气:1315
Fireworks视频教程

Fireworks视频教程
Windows视频教程
Windows操作
[文]
WORD教程
Word教程
[文]
Excel教程
Excel教程
[文]
PowerPoint教程
PowerPoint
[文]
Dreamweaver
Dreamweaver
[文]
FIREWORKS
Fireworks
[文]
FLASH教程
Flash教程
[文]
photoshop平面设计
PhotoShop
[文]
CorelDraw
CorelDraw
[文]
C语言教程
C语言教程
[文]
html
Html教程
[文]
DivCss布局
Div+Css布局
[文]
Javascript
Javascript
[文]
ACCESS数据库
ACCESS数据库
[文]
ASP教程
ASP教程
[文]
SQLServer数据库
SQLServer
[文]
ASP.NET教程
ASP.NET教程
[文]
FlashAS
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化: 网页制作开发视频教程: 平面广告设计视频教程 初级程序设计及ASP动态网站开发 Asp.net动态网站开发视频教程 Flash 动画角本编程视频教程
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058