为您找到与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 共享图层
浏览量:2
下载量: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
时间:
在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制作好导出动画的方法,希望你们喜欢。
在“file”菜单中选择“export preview”(导出预览)选项,打开如图2所示的导出预览对话框,同样可以对动画进行相应的优化设置。
图2 导出预览对话框
浏览量: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
在“步骤”栏中可输入这两个分身之间过渡的图像步骤,在这里我们可以理解为该动画设置帧数。而“分散到帧”复选框则是将这两个分身之间的过渡图像按顺序分发到每个帧之中。因此只有选中了该项,整个动画才能完成。在点击“确定”按钮后即可生成动画效果了。
如果想让图像做成动画后产生缩放、不透明度渐变以及旋转效果的话,可在启动“补间实例”之前对这两个分身对象进行不同程度地缩放、不透明度设置和旋转后,再进行“补间实例”的操作。
浏览量:4
下载量:0
时间:
巧用Fireworks制作动态Logo Fireworks图形标志网页设计动画制作。那么FireWorks如何设计制作动画Logo下面读文网小编给大家整理了更多关于FireWorks设计制作动画Logo,希望大家喜欢。
浏览量:2
下载量:0
时间:
Macromedia Fireworks是一个制作和处理网页图形图像的工具软件,无论在GIF动画中,还是在Flash动画中,经常会出现电视机没有信号的雪花动画画面,或者类似的动态图标,现在我们利用Fireworks中的折叠渐变加上逐帧动画的形式来制作一下。下面读文网小编给大家整理了更多关于Fireworks制作电视雪花动画,希望大家喜欢。
1、以这个素材图片为例,当然,也可以自己绘制一个电视机:
2、因为这幅图片是位图,我们可以用魔术棒将电视机中间的画面选取成选区,容差值可以大些:
3、选择菜单——将选取框转换为路径,得到电视画面的轮廓路径。当然,也可以用钢笔工具勾勒出电视画面的路径,这方面比较灵活,如果是自己绘制的电视机,那么电视画面绘制时就已经是路径了,无需重新获取:
4、取消电视画面路径的笔触,填充成折叠渐变:
6、用选取工具拖动渐变方向手柄,接近垂直或接近水平方向,但不能完全垂直或完全水平:
7、将渐变调整手柄移出路径画面:
8、选择帧面板右上角的菜单按钮,选取重制帧命令:
9、重制若干帧,这里重制了3帧:
10、依次选择其他帧,拖动渐变调整手柄将其改变位置:
导出GIF动画即可。如果是Flash里应用,可以导出一个单帧的雪花画面,导入到Flash里以后处理成逐帧动画,这里不再详细说明。
PNG源文件:
再来一个
浏览量:2
下载量:0
时间:
今天教大家利用 Fireworks 制作 马赛克 文字 效果 , 制作 过程很简单, 效果 非常不错,很适合新手学习。下面读文网小编给大家整理了更多关于Fireworks结合PS制作马赛克变换GIF动画,希望大家喜欢。
浏览量:2
下载量:0
时间:
字体遮罩动画形象的使文字更具有特色,Fireworks怎样制作字体遮罩动画呢?下面读文网小编给大家整理了更多关于Fireworks制作字体遮罩动画的方法,希望大家喜欢。
1、选择一幅图像作为Mask字体的底层动画。
2、把上一步骤的图复制/粘贴2次,然后把3幅图合并,这样会使动画更加连贯。
3、选中这幅图,然后在菜单中选择:Insert--Convert to Symbol,或按F8, 然后选择Animation,将它定义为动画.在动画参数设置里只要填Frames播映的帧数就可以了,我们在Frames那里填10。
4、选中箭头所指的红点,向右拖动。
5、拖动后,调整好位置,使最后一帧的图案与第一帧位置相同。
6、在Frames面板里选取第一帧,回到第一帧继续下面的步骤。
7、然后新建一个图层,然后输入文字。
8、同时选中图案与文字,在菜单中选择:Modify--Mask--Group as Mask。
9、选中动画,然后在Layers面板里点击图中箭头所示,把遮照之间的关系取消;然后选取字体,选取字体后Object面板会出现两个选项,选path Outline(箭头所指),选好后在Layers面板里恢复遮照之间的关系。
10、现在遮照文字动画做好了,按Play看看吧!你可以再整理一下位置与播放的速度,得到更佳的效果。
浏览量:3
下载量:0
时间:
Fireworks是设计和制 作专业化网页图像的工具软件,它既可以制作位图,也可以制作矢量图,还可以制作GIF动画。那么,额怎样在在fireworks中制作美女gif时钟图呢?下面读文网小编给大家整理了关于Fireworks制作美女背景的GIF动态时钟的方法,希望大家喜欢。
看过“Fireworks怎么制作美女背景的GIF动态时钟“
浏览量:3
下载量:0
时间:
GIF动画图片是在网页上常常看到的一种动画形式,画面活泼生动,引人注目!不仅可以吸引浏览者,还可以增加关注点击率。GIF文件的动画原理是,在特定的时间内显示特定画面内容,不同画面连续交替显示,产生了动态画面效果。所以在Photoshop中,主要使用动画调板来设置制作GIF动画。下面是读文网小编为大家整理的Photoshop CS5制作GIF动画的方法精解,希望大家喜欢~
该教程精心的为大家安排了一组动画效果,通过整个操作过程能够熟练的掌握动画调板的功能,以及GIF动画的设置方法!在开始教程的学习之前,请先在网站下载配套的练习文件,以便于跟随操作步骤学习。
(1)执行文件→打开命令,将素材海底.psd文件打开。
图18-30
(2)执行窗口→动画命令,打开动画调板。
(3)单击
复制所选帧按钮,复制当前帧,如图8-31所示。
(4)依次选择图像并调整其位置。
(5)单击动画调板底部的过渡动画帧按钮,打开过渡对框话对其进行设置。
(6)在动画调板中将第7帧动画复制。
(7)再次使用
移动工具调整图像的位置。
(8)在调板菜单中执行过渡命令,打开过渡对话框,并对其进行设置。
(9)依照以上方法,新建帧后将所有图像垂直或水平移出视图之外,并制作出其它的动画效果。
(10)选择上一帧动画。
(11)删除所选择的帧。
(12)更改帧与帧之间的播放时间。
(13)此时动画已经制作完成,将其播放查看效果。
(14)更改动画的播放次数。
(15)执行文件→存储为Web和设备所用格式命令,打开并设置存储为Web和设备所用格式对话框,如图18-40所示。
图18-40
(16)单击存储按钮,打开将优化结果存储为对话框,设置存储路径并单击保存按钮,将文档存储为gif格式的动画文件。
浏览量:2
下载量:0
时间: