为您找到与fireworks中gif动画循环按钮是相关的共200个结果:
当我们在网上冲浪时,看到形形色色的动画效果,一定会有一种冲动,那就是将这个漂亮的动画存储到自己的硬盘上,那么你知道这些动画是如何制作的的吗?下面是读文网小编整理的一些关于Fireworks制作GIF动画图片的相关资料,供您参考。
共享图层就是使用“Layers”图层面板,将指定的背景图片设定为共享图层,如此即可在所有的帧中看到该背景。
我们有时可能会误认为每一帧都拥有一个图层,其实不论设定的帧有多少,这些帧都位于同一图层上,只是出现的时间不同罢了。
下面我们就利用此方法为刚才的动画添加一个背景: 首先,将画布的大小改为200x150(Pixels),然后开启“Layers”图层面板,单击“Layers”图层面板右上角如图按钮,选择“New Layer”,在弹出的“New Layer”对话框中,为新层起一个名字,例如:background,钩选“Share Across Frames”复选框,单击“ok”按钮,“background”图层就成了共享图层,(如图8)左键按住“background”图层,将它拖到 “Layer 1”图层下面;然后打开背景图片,单击“矩形选择工具”,选择我们需要的背景,将其拷到“background”图层的画布中,并适当地调整一下背景的位置。好了,一切ok!
图8 共享图层
浏览量:3
下载量:0
时间:
今天小编就使用Fireworks制作可爱的四叶草旋转gif动画效果,主要运用运动痕迹滤镜模拟3D效果来完成最终效果,具体怎么做下面小编来告诉你吧。
1. 新建一个150*100px大小的画布,用“星型工具”画一个四叶草图案,为它加一个“纯色阴影滤”镜。
按F8转换为“动画”元件,设为用21帧转过360度。不要忘了在帧面板中删除掉帧21。然后选中帧1。
这一步是核心效果。为这个动画实例添加一个EyeCandy4.0的“运动痕迹”滤镜,参数就自由选择了。
按下播放按钮就可以看到滤镜是如何模拟到3d效果的了。
最后新建一个层,放标题和签名,将该层置于顶部,钩选“共享交叠帧”。
一个仿3D动画的gif就3步被K.O.了。
最后效果图如下:
浏览量:3
下载量:0
时间:
本教程是小编向大家介绍如何利用Fireworks制作打破玻璃的GIF动画效果,制作方法并不是很难,效果非常不错,推荐过来,希望大家喜欢!
首先先看一下最终效果:
下面是具体的制作方法:
1、下载并安装滤镜插件Xenofex2到FW的Plug-in目录下(将解压出的文件复制进Plug-in文件夹即可),下载页面在这里(不是广告,我也不知道这是谁的BLOG)。
2、运行FW,打开一张图片,我们可以适当缩小这张图片的尺寸,令周围留些空白,背景色设为白色。这样我们更能看清楚破碎扩散的效果。将这层命名为“破碎”。
3、然后在图片的中间部分输入破碎效果之后显现的文字,比如此例中的“JSUPER”,将文字层移动到“破碎”层的下面。
4、将此帧的时间设为7,然后复制出与此帧相同的6帧,复制帧的具体操作是在“帧”面板中,用鼠标左键拖拽“帧1”至下面的新建按钮上即可进行复制,反复操作就可复制出6帧相同内容的帧(现在一共有7帧,它们的内容都相同)。将第1帧的时间设为100,第7帧的时间设为150。
5、选中第2帧,并单击图片,选择菜单中的“滤镜”>“Alien Skin Xenofex 2”>“粉碎”(Shatter)。弹出“粉碎”滤镜效果的主窗口。
6、将“碎片大小”(Size)设为40,“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度的五分之一的位置(20),点击“确定”(OK)。这样我们就可以看到第2帧的破碎开始的效果了。
7、选中第3帧,并单击图片(这张图片是没破碎过的就对了),也对其运用“粉碎”滤镜,这次将“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度五分之二的位置,点击“确定”(OK)。我们看到破碎的图片开始有点变化。
8、用此法将第4、5、6帧的图片运用“破碎”滤镜效果。不同的地方只是“翻滚”(Tumble)和“时间”(Time)这两个滑动条分别移动到总长度五分之三(60)、五分之四(80)和最大长度(100)的位置。
9、选中第6帧的图片,在属性面板中将不透明度设为50%,这样到下一帧的过渡才不会显得突兀。
10、将第7帧的图片删掉,只留下文字。点击“帧”面板下方“无循环”字样前面的图标,选择“永久”,这样动画就可以循环播放了。
11、在“优化”面板中选择“GIF动画”。然后就可以导出欣赏了。
教程结束,以上就是用Fireworks制作打破玻璃的GIF动画效果过程,感兴趣的朋友可以自己尝试制作一个,效果肯定非常不错!
浏览量:3
下载量:0
时间:
gif动画图片批量增加水印效果.这个功能对于个人站长是非常实用的。
处理后
1.用firework打开gif文件。
2.在gif上面加上水印效果(打上文字,设置透明度)
3.在历史面板上保存动作。(保存为33)
4.打开firework的文件菜单 选择-批处理
5.选择你要批处理的文件(增加进来)
6.选择你刚刚保存的动作,和选择你处理完图片保存的目录。
7.批处理,完成。
浏览量:3
下载量:0
时间:
制作gif动画一直都是fireworks的强项,方便、快捷、自由是fireworks的特点。虽然还有其他的一些优秀的动画制作工具,比如flash,比如imageready。但在制作gif动画上,我一直都推荐fireworks,而不会选择其他的软件,甚至不主张用flash来制作gif那么下面读文网小编跟大家分享了关于fireworks如何做gif动画的步骤/方法,希望你喜欢。
(1)新建一文件,大小为450x116,然后我们用圆形、线条、钢笔等矢量做图工具做一个车轮的样子,如图所示:
车轮的画法就不用我说了吧,不过fw mx里面的矢量绘图方式也增强不少,因为比较容易,就自己去体验一下了吧,还有车轮里面那个红点不要偷懒不画哦,等下有用处的。
(2)选中画好的图形,按f8键,将图形转换为animation,这时我们可以在library面板中看到它,呵呵,有点像做flash的感觉,如图所示:
(3)选中这个animation元素,在属性面板中的frame栏里面填写数值10,属性面板的出现真的是太好太方便了,又可以将设计制作的速度提高一层了,如图:
这个frame的数字根据自己的动画长度来决定,按下回车,这时会出现一个警告窗,如图:
说的是将自动添加到帧上去,按ok,你也可以点击don't show again,以防它下次又来搅乱视线。这时我们会在看到车轮的中心出现了一个小红点,这个小红点可很重要,代表着动画最后运动的一个图形,我们可以按住这个小红点拖动到右边,发现中间出现了很多的“关键帧”,点取其中任何一个帧点,都会将这一帧的图形显示出来。如图:
按播放按钮,发现车轮动起来了,由于缺省的动画间隔时间是7,我们有必要将它调得慢一点,打开frame面板,按shift键将所有的frame选择,然后双击,弹出窗口,将7改为18就可以了。如图:
上面地动画中,我们就可以看到车轮从左边移到右边了,注意是“移”不是“滚”啊,怎样实现它滚的效果呢?下面我们来使用属性面板让我们的动画变得更加富有变化。选择这个动画,在属性面板中进行如下配置,如图:
scaling是对动画大小变化的调整,rotation是旋转角度的度数调整,可以是顺时钟也可以是逆时钟旋转,跟flash中的rotation是一样的道理,opacity...to...是透明参数设置,让你的动画淡入淡出效果更逼真。呵呵,这下基本上差不多了,按播放按钮看看,看到车轮上的红点滚动没有?车轮到后面越来越小,最后淡出,效果很生动吧。
如果想让车轮沿着波浪线滚动,就象上坡下坡的样子,我该怎么做啊?我倒,够狠啊,这么刁难的问题也提得出,firework可不象flash那样有引导线,可以让动画沿着引导线走,那真的就不能实现了吗?办法还是有的,不过比较麻烦一点,那就是先把这个动画用export wizard输出为一个十帧的动画,然后再在fw mx里面打开,最后在frame面板里面分别对每个画面进行重新安排,当然安排是沿着波浪线的,下图是用洋葱皮观看方式看到的效果,波浪线滚动还是出来了,虽然麻烦点。如图:
浏览量:3
下载量:0
时间:
fireworks的绝对自由正好给创意的发挥提供了一个最好的舞台;下面读文网小编跟分享了更多关于fireworks变gif动画,希望你喜欢。
fireworks的gif动画制作其实在fw4时已经趋于完美了,不知道fwmx会有什么样的进步。
首先试试symbol。新建一个文件,再里面随便画了个不规则多边形,按键盘上的f8,定义成一个symbol(graphic)。
可以发现,弹出的对话框和fw4是一模一样的。将该symbol命名为graphic(这是为了和后面的几个symbol有所区别)。这时,library面板中已经出现了该符号。
好了,现在演员已经到位,让它表演个什么节目呢?来个隐身怎么样?
将画布中的graphic选中,ctrl+shift+d,克隆出一个新的symbol,将克隆出来的symbol透明度调成0%。然后同时选中这两个symbol,菜单栏里的modify>symbol>tween vinstances(也可以直接按快捷键)。
这时弹出一个和fw4相同的对话框,就使用默认的数值吧,记得将数字下面的复选框勾上。ok,graphic同学的隐身法已经练成,按下编辑区左下脚的play键预览下结果吧。
从上面的过程来看,fwmx相对于fw4没有太大改进,symbol(graphic)功能,symbol(animation)其实也是一样的。只是是symbol(button)在编辑的时候多了一个importabutton按钮,这样可以很方便的直接将默认库文件里的button文件导入进来。
也许是fw4已经很不错了,fwmx在动画辅助上几乎可以说毫无进步。记得不久前在论坛里看到有人说fw4的animation的motion线可以进行曲线运动,可我没试成功过,不过这个功能确实是我们很想得到的,很可惜fwmx里还没能支持。
另外一个很想得到的功能就是符号(或对象)附着于路径运动,有点象flash里的相同功能。如果真的实现了,fw的动画制作将又会上一个新的台阶。
浏览量:3
下载量:0
时间:
在fireworks中绘制动画的时候有些同学会觉得很难,其实动画的原理很简单,就是让图片有秩序地轮流显示 下面小编给大家整理了关于一些fireworks制作gif动画的方法,希望大家喜欢。
首先在Fireworks第一张备用图片。
在该图片下面新建桢。
在新建帧的上导入第二张备用的图片,即“文件”-->“导入”-->选择第二张图片导入该帧面上。
按照这样的方法,继续加入第三张备用图片
进行相关设置,在这里主要简单设置一下时间和循环方式。
根据自己的要求设置完成后即可导出以gif格式保存,即“文件”-->“导出向导”
浏览量:2
下载量:0
时间:
Fireworks 的 gif 动画一直都是 fireworks 的强项,方便、快捷、自由是 fireworks 的特点。下面小编给大家整理了关于一些fireworks gif动画制作的方法,希望大家喜欢。
flash的主要作用还是在制作矢量的swf动画上,gif动画则是flash的一块鸡肋,发色数不多、文件体积巨大、文字不清晰都是flash制作gif的最大毛病。
首先在symbol.新建一个文件,再里面随便画了个不规则多边形,按键盘上的f8,定义成一个symbol(graphic)。
可以发现,弹出的对话框和fw4是一模一样的。将该symbol命名为graphic(这是为了和后面的几个symbol有所区别)。这时,library面板中已经出现了该符号。
将画布中的graphic选中,ctrl+shift+d,克隆出一个新的symbol,将克隆出来的symbol透明度调成0%。然后同时选中这两个symbol,菜单栏里的modify>symbol>tween vinstances(也可以直接按快捷键)。
这时弹出一个和fw4相同的对话框,就使用默认的数值吧,记得将数字下面的复选框勾上。按下编辑区左下脚的play键预览下结果吧。
从上面的过程来看,fwmx相对于fw4没有太大改进,symbol(graphic)功能,symbol(animation)其实也是一样的。只是是symbol(button)在编辑的时候多了一个importabutton按钮,这样可以很方便的直接将默认库文件里的button文件导入进来。
fwmx在动画辅助上几乎可以说毫无进步。听同学们说fw4的animation的motion线可以进行曲线运动,很可惜fwmx里还没能支持。
浏览量:2
下载量:0
时间:
在fireworks中,其实动画的原理很简单,就是让图片有秩序地轮流显示,心跳动画也很有趣。下面读文网小编给大家整理了关于fireworks制作gif动画的方法,希望你们喜欢。
fireworks制作gif动画的步骤一:在fireworks中绘画背景和心脏准备好绘画背景和心脏
新建一个270*80px大小,背景色为#FF0000的文件,然后使用如下图的填充绘画一个和画布大小一致的矩形作为背景。然后在层面板中双击矩形所在层,钩选“共享交叠帧”选项。
新建一个层来绘画心脏。使用钢笔勾勒出心脏的一部分形状,然后使用如图的“轮廓”填充和混合模式“取反”。
fireworks制作gif动画的步骤二:制作心脏跳动动画
制作心脏跳动动画步骤1:第一步选中心脏图形,按下ctrl+shift+alt+Z平面化所选。然后按下F8转换为“动画元件”,设置如下图所示。动画设置完毕后,电脑会询问是否添加帧,按“确定”继续。
制作心脏跳动动画2:第二步选中画布上的动画实例,混合模式改为“取反”。然后在帧面板中设置各帧的延时,如下图所示。
制作心脏跳动动画3:第三步用同样的方法制作心脏的各部分,每个部分就是一个动画元件,注意某些部分缩小的时候,某些部分就扩张。要注意的是每个部分都要在独立的层中。
制作心脏跳动动画三:在背景矩形所在层中签上大名。新建一个叫“text”的层在最顶部放置标题。标题的动画制作方法和心脏的类似。
结束。下面还有一个我赠送的可爱型的作品。请送给你的girlfriend!主要技法就是使用了混合模式的叠加制作出特效。
gif文件:
png文件:
2.
3.
浏览量:2
下载量:0
时间:
喜欢在fireworks里制作图片的同时就可以制作出想要的gif动画。Fireworks制作扫光字动画主要技巧是图层蒙板的使用。我们也可以使用ImageReady, Flash等工具实现扫光字动画效果,基本的原理也是一样的。下面读文网小编给大家整理了关于fireworks制作扫光字gif动画的方法,希望你们喜欢。
浏览量:2
下载量:0
时间:
毋庸置疑,Fireworks是目前制作网页图片的最佳专业软件之一。这一节我们来熟悉Fireworks中帧面板、动画、元件等工具的使用方法。下面读文网小编给大家整理了关于fireworks制作gif动画banner的方法,希望你们喜欢。
fireworks制作gif动画banner的步骤(1):在fireworks中 新建一个大小为468×60的文件,设置其画布颜色为透明,并导入一幅汽车的位图图像,得到图1所示的图像。
图1 新建文件并导入图像
fireworks制作gif动画banner的步骤(2):然后选中这幅汽车图像,单击【修改】菜单,选择【元件】|【转换为元件】,这时候会跳出元件属性对话框,将这个图形文件命名为"汽车图 1"。
fireworks制作gif动画banner的步骤(3) :选择单击【确定】,这时候位图图像就已经转换为了图形元件了,如图3所示。选中这个图形元件,单击【修改】菜单,选择【动画】|【选择动画】,跳出动画对话框,在其中设置帧数为10,移动到380,如图4所示。
图3 位图转换为图形元件
图4 设置动画属性 图5 弹出对话框
fireworks制作gif动画banner的步骤(4) :单击【确定】,这时候跳出图5所示的对话框,询问是否添加新帧,选择【确定】,这时候在帧面板中就已经添加了新帧,得到图6所示的动画元件图像。
图6 动画元件图像
fireworks制作gif动画banner的步骤(5):默认的帧延时的时间太短,可以将前面9帧帧延时设为10,第10帧的帧延时设为35来控制汽车运动的效果。为了将第10帧的图像始终能够显示在这个GIF动画上,所以有必要将第10帧的图像效果复制到后面的所有帧中去。设计这幅动画共有30帧,所以后面的20帧中都需要有这个第10帧中的汽车图像。这里要调用库中的图形元件来实现所有帧中都有第一幅汽车图的效果。打开帧面板,新建一帧,设置其帧延时为10。单击帧面板的洋葱皮工具,在弹出菜单中选择【之前和之后】,这样在编辑第11帧时就能够看到第10帧的汽车图像了。单击【窗口】,选择【库】,打开了库面板。发现库面板中有一个动画元件和开始保存的名为"汽车图形 1"的图形元件,如图7所示。
图7 库面板
fireworks制作gif动画banner的步骤(6) :从库面板中拖动图形元件到画布之中,使其和第10帧的汽车图形完全对齐。得到第11帧的图像,如图8所示。
fireworks制作gif动画banner的步骤(7):选中第11帧,在帧面板中单击 按钮,在弹出菜单中选择【重制帧】,在弹出对话框中设置帧的数量为9,如图9所示。
图9 复制第11帧
fireworks制作gif动画banner的步骤(8) :选中第11帧,导入另外一幅汽车图像,如图10所示。
图10 导入另外一幅汽车图像
fireworks制作gif动画banner的步骤(9) :同样单击【修改】菜单,选择【元件】|【转换为元件】,在元件属性对话框,将这个图形文件命名为"汽车图 2",如图11所示。
图11 将图像转换为图形元件
fireworks制作gif动画banner的步骤(10):单击【确定】,这时候位图图像就已经转换为了图形元件了。选中这个图形元件,单击【修改】菜单,选择【动画】|【选择动画】,跳出动画对话框,在其中设置帧数为10,移动到290,得到图13所示的图像。
图12 第二个动画元件
fireworks制作gif动画banner的步骤(11):设置第20帧的图像帧延时为35,11帧到19帧帧延时为10。然后新建一帧并设置帧延时为10,从库面板中拖动"汽车图1"和"汽车图2"到画布之上,使其和第20帧中图像完全对齐,如图14所示。
图13 第21帧图像
fireworks制作gif动画banner的步骤(12):选择第21帧,和第7步一样,将其重制9次。在21帧中导入第三幅汽车图,只将车的前半部分放在画布之中,好像车子是逐渐开进来的一样。接下来和前面一样,将它转化为图形元件,并设置动画效果,设置其帧数为10,移动为100即可,如图15所示。
图14 导入第三幅汽车图并设置动画
fireworks制作gif动画banner的步骤(13):将"汽车图 3"元件拖到第30帧中并与动画元件对齐。接着为图像添加两个小圆形和一个圆角矩形,并在矩形中添加"我也要去天柱山"几个字来增强效果,如图16所示。
图15第30帧图像
fireworks制作gif动画banner的步骤(14):将第30帧帧延时设为200即可,让它的显示时间长一些。最后保存这个文件并将其导出为一个GIF文件,这样在个人网页中就可以使用这个GIF图片了。 .png文件下载
浏览量:2
下载量:0
时间:
最近看到好多朋友在画:随着一只上下飞舞的小蝴蝶,漂亮的书法字就一笔一划地写出来了。那么我们也来看看吧。下面读文网小编给大家整理了关于fireworks制作蝴蝶飞gif动画的方法,希望你们喜欢。
fireworks制作蝴蝶飞gif动画的步骤1.在Fireworks中新建一个宽100像素、高120像素、画布颜色为自定义(颜色值为#C6E0FF)的文档。
fireworks制作蝴蝶飞gif动画的2.然后在左边工具箱中选择矩形工具 ,设置属性如下图所示(其中颜色值为#69ACFF),制作边框。
提示:如果这个矩形大小不合适,可利用Ctrl+T变形进行调整。
fireworks制作蝴蝶飞gif动画的3.在右边图层面板中将此层共享,然后新建一层。
fireworks制作蝴蝶飞gif动画的4.使用文字工具在上面打上合适的字,字的大小颜色等自行调整。(这里我设置的字体为华文行楷)
fireworks制作蝴蝶飞gif动画的5.如图,选中文字后,选择菜单修改/平面化所选,将这个文字层转化为位图。
fireworks制作蝴蝶飞gif动画的6.接下来在帧面板中选择重制帧,复制在22帧左右。(复制帧数按根据字的笔画多少有所不同)
fireworks制作蝴蝶飞gif动画的7.将素材中的蝴蝶复制在这些帧中(注意单数帧上放置合起翅膀的蝴蝶,双数帧放置张开翅膀蝴蝶)。
fireworks制作蝴蝶飞gif动画的8.用橡皮擦写字数的笔划(可以从后往前每帧擦掉一笔),并将该层的蝴蝶放在合适的位置。
提示:擦时注意调整橡皮擦大小,随时进行调节。
浏览量:2
下载量:0
时间:
Fireworks是设计和制 作专业化网页图像的工具软件,它既可以制作位图,也可以制作矢量图,还可以制作GIF动画。下面读文网小编给大家整理了更多关于Fireworks中gif动画的制作,希望大家喜欢。
在Fireworks中,将绘制完成的图形对象制作成动画效果,可以通过“动画”的设置对话框直接完成。同时也可以将图像转为“图像元件”后,通过“补间实例”功能来间接实现。
1、使用“动画”设置框制作动画
点选将要制作成动画的图形对象后,选择菜单栏上的“修改——动画——选择动画”命令,将会弹出“动画”的设置对话框,如图01。
图01
在这里,可以设置动画的帧数、图像的移动距离、运动方向、缩放程度、不透明度的变化以及旋转的方向和角度等。设置完成后可点击“确定”按钮。如果此时的“帧”浮动面板里的帧数少于当前将要创建的动画帧数时,则会弹出一个提示框,示意是否为当前动画建立足够的帧数。再次点击“确定”后,软件将自动把该图形对象转成动画元件并按刚才所设置的动画参数,自动成动画效果。我们可通过Fireworks画布文档下方的动画播放按钮进行效果查看。如图02。
图02
2、使用“补间实例”功能制作动画
这是一种间接制作动画的方式。具体的操作方法是,先选中图形对象后按F8键,在“元件属性”对话框中将图象转为“图形元件”。此时打开“库”浮动面板的话就会看到,这里多了一个“图形元件”。说明该对象已被成功转换为“图形元件”。如图03。
图03
而原来画布中的图像左下角则会多出一个小箭头标志,表明这是该“图形元件”的一个分身。我们从“库”面板中用鼠标将该“图形元件”拖拽至画布当中,为该“图形元件”建立第二个分身对象。同时选中这两个分身对象后,在任意一个分身对象上点击鼠标右键,并从弹出菜单中选择“元件——补间实例”命令,从而启动“补间实例”对话框,如图04。
图04
在“步骤”栏中可输入这两个分身之间过渡的图像步骤,在这里我们可以理解为该动画设置帧数。而“分散到帧”复选框则是将这两个分身之间的过渡图像按顺序分发到每个帧之中。因此只有选中了该项,整个动画才能完成。在点击“确定”按钮后即可生成动画效果了。
如果想让图像做成动画后产生缩放、不透明度渐变以及旋转效果的话,可在启动“补间实例”之前对这两个分身对象进行不同程度地缩放、不透明度设置和旋转后,再进行“补间实例”的操作。
浏览量:5
下载量:0
时间:
今天教大家利用 Fireworks 制作 马赛克 文字 效果 , 制作 过程很简单, 效果 非常不错,很适合新手学习。下面读文网小编给大家整理了更多关于Fireworks结合PS制作马赛克变换GIF动画,希望大家喜欢。
浏览量:2
下载量:0
时间:
怎么在ppt中设置动画循环播放呢,下面读文网小编就为你提供ppt如何设置动画循环播放的方法啦!
ppt设置动画循环播放的方法:
首先,打开PPT软件,进入主界面,本文中的例子中含有3张幻灯片。
点击菜单栏上的“切换”。
3我们可以看到有各种各样的切换模式,选择一种自己喜欢的模式即可。本例中选择“百叶窗”。
我们可以在菜单栏上看到“换片方式”一栏,默认是“单击鼠标时”切换幻灯片。因为本文要达到自动循环播放的目的,所以不选择该项。
我们可以点击“设置自动换片时间”,调整相应的时间,此时就可以每隔一定时间切换到下一张幻灯片;在左侧有个“持续时间”,可以设置幻灯片切换过程所需时间。设置完成后,点击“全部应用”,即可将该效果应用到所有的幻灯片。
接下来,设置幻灯片的自动播放效果。点击菜单栏的“幻灯片放映->设置幻灯片放映”。
进入”设置放映方式“对话框。
在”放映选项“一栏,勾选”循环放映,按ESC键终止"。然后点击”确认“即可。
这个时候,如果按下”F5“即可自动播放。当然,我们也可以将它保存为“ppsx”或者“pps”类型的文件,这样每次打开文件,就直接进入播放模式,循环播放。操作如下:点击菜单栏的”保存->另存为“。
可以看到保存类型一栏。
修改为“ppsx”或者“pps”类型,点击保存即可。本文选择“ppsx”类型。
此时,我们可以看到,在文件的目录中多了一个“ppsx”类型的文件,鼠标双击打开即可进入自动循环播放模式。
可以看到,”百叶窗“的切换效果如图。
浏览量:2
下载量:0
时间:
水晶按钮是很多网页论坛经常使用的一种按钮,那么在Fireworks中如何制作这种水晶按钮呢?下面是读文网小编为大家整理的fireworks水晶按钮制作教程,仅供大家参考~
1、任何光滑的东西都会产生镜面反射,水晶按钮当然不会例外。
2、要让按钮浮出画布,阴影是少不了的。有了正确的阴影,人们感觉才会更逼真。
3、这个水晶按钮是有颜色的,但不是平板、呆板的颜色,而是一个从一个颜色过度到浅色的渐变色,为什么会这样?因为它是透明的,光线从上到下投射下来的时候,由于下部的角度问题,产生的反射越来越多(这部分可参考物理学知识),所以下面的颜色会较浅。(注:我们假设光源在正上方)
4、按钮是扁圆的,到了边缘,这个曲度发生较大的变化(大家可以想象一下这里的横截面),因此边缘会变暗,于是会有这一点点的阴影。如图1.3所示
图1.3按钮横截面光线图
实现步骤
1、新建一个Fireworks文件。
2、在弹出的【新建文档】对话框中设置画布的宽度和高度为300像素,背景颜色为白色。如图1.4所示。
图1.4新建文档对话框
3、选择工具箱中的矩形工具,在画布中绘制一个和画布一样大小的矩形。
4、给这个矩形添加一个深灰到浅灰色的渐变色,作为画布的背景。效果如图1.5所示。
图1.5制作画布背景
5、选择工具箱中的椭圆工具,在舞台中绘制一个100X100像素的正圆。
6、给这个正圆填充深灰色,在属性面板中设置填充的边缘效果为“羽化”,值为“15”。效果如图1.6所示。
图1.6从标尺中拖拽垂直引导线
说明:这里,最下方的正圆是用来实现按钮的阴影效果。
7、复制这个正圆,在属性面板中设置填充的边缘效果为“消除锯齿”,并且填充放射状渐变色,中间为浅灰色,外部为深灰色,而且浅灰色的范围要适当大一些。效果如图1.7所示。
图1.7设置第二个正圆的属性
提示:第二个正圆的作用是用来实现按钮的边缘效果。
8、复制第二个正圆,选择【修改】@@【变形】@@【数值变形】(快捷键:【Ctrl+Shift+T】)命令。把这个正圆缩小到原来的80%。
9、给第三个正圆填充线性渐变色。选择【修改】@@【变形】@@【旋转90°顺时针】命令。把这个正圆上的水平渐变色旋转为垂直渐变色。效果如图1.8所示。
图1.8改变线性渐变色的方向
10、在属性面板中设置第三个正圆的填充边缘效果为“羽化”,值为“15”。效果如图1.9所示。
图1.9设置第填充边缘效果为“羽化”
提示:第三个正圆的作用是用来实现按钮整体的颜色渐变效果。
11、最后来绘制按钮的高光,选择工具箱中的“椭圆”工具,在画布中绘制一个椭圆。效果如图1.10所示。
图1.10绘制按钮的高光效果
12、给这个椭圆填充线性渐变。同样要把渐变色的方向调整为垂直。如图1.11所示。
图1.11填充线性渐变色
13、调整椭圆的渐变色,两端都为白色。然后把一边渐变色的透明度调整为0。效果如图1.12所示。
图1.12调整椭圆的线性渐变色
14、调整后的效果如图1.13所示。
图1.13制作高光效果
提示:高光的渐变色是白色过度到透明,上方为白色,底端为透明。
15、然后可以在按钮上绘制一些图形做修饰,效果如图1.14所示。
图1.14按钮完成效果
16、那么如何制作多彩的按钮呢?是不是不同的颜色就必须重新制作一遍呢?其实我们使用Fireworks中的滤镜就可以轻松解决这个问题。
17、把整个按钮组合起来,复制多个。选择其中的一个按钮,在属性面板中点击滤镜面板中的“+”号,选择【调整颜色】@@【色相/饱和度/亮度】命令。效果如图1.15所示。
图1.15“色相/饱和度/亮度”滤镜设置
18、在弹出的“色相/饱和度/亮度”滤镜设置窗口中,选中“彩色化”复选框,然后适当增加“饱和度”,改变“色相”的值,就可以得到不同的彩色按钮了。效果如图1.1所示。
看了“fireworks水晶按钮制作教程”
浏览量:4
下载量:0
时间: