为您找到与fireworks制作动画相关的共200个结果:
字体遮罩动画形象的使文字更具有特色,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看看吧!你可以再整理一下位置与播放的速度,得到更佳的效果。
浏览量: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制作动态Logo Fireworks图形标志网页设计动画制作。那么FireWorks如何设计制作动画Logo下面读文网小编给大家整理了更多关于FireWorks设计制作动画Logo,希望大家喜欢。
浏览量:2
下载量:0
时间:
Fireworks是设计和制 作专业化网页图像的工具软件,它既可以制作位图,也可以制作矢量图,还可以制作GIF动画。下面读文网小编给大家整理了更多关于Fireworks中gif动画的制作,希望大家喜欢。
在Fireworks中,将绘制完成的图形对象制作成动画效果,可以通过“动画”的设置对话框直接完成。同时也可以将图像转为“图像元件”后,通过“补间实例”功能来间接实现。
1、使用“动画”设置框制作动画
点选将要制作成动画的图形对象后,选择菜单栏上的“修改——动画——选择动画”命令,将会弹出“动画”的设置对话框,如图01。
图01
在这里,可以设置动画的帧数、图像的移动距离、运动方向、缩放程度、不透明度的变化以及旋转的方向和角度等。设置完成后可点击“确定”按钮。如果此时的“帧”浮动面板里的帧数少于当前将要创建的动画帧数时,则会弹出一个提示框,示意是否为当前动画建立足够的帧数。再次点击“确定”后,软件将自动把该图形对象转成动画元件并按刚才所设置的动画参数,自动成动画效果。我们可通过Fireworks画布文档下方的动画播放按钮进行效果查看。如图02。
图02
2、使用“补间实例”功能制作动画
这是一种间接制作动画的方式。具体的操作方法是,先选中图形对象后按F8键,在“元件属性”对话框中将图象转为“图形元件”。此时打开“库”浮动面板的话就会看到,这里多了一个“图形元件”。说明该对象已被成功转换为“图形元件”。如图03。
图03
而原来画布中的图像左下角则会多出一个小箭头标志,表明这是该“图形元件”的一个分身。我们从“库”面板中用鼠标将该“图形元件”拖拽至画布当中,为该“图形元件”建立第二个分身对象。同时选中这两个分身对象后,在任意一个分身对象上点击鼠标右键,并从弹出菜单中选择“元件——补间实例”命令,从而启动“补间实例”对话框,如图04。
图04
在“步骤”栏中可输入这两个分身之间过渡的图像步骤,在这里我们可以理解为该动画设置帧数。而“分散到帧”复选框则是将这两个分身之间的过渡图像按顺序分发到每个帧之中。因此只有选中了该项,整个动画才能完成。在点击“确定”按钮后即可生成动画效果了。
如果想让图像做成动画后产生缩放、不透明度渐变以及旋转效果的话,可在启动“补间实例”之前对这两个分身对象进行不同程度地缩放、不透明度设置和旋转后,再进行“补间实例”的操作。
浏览量:3
下载量:0
时间:
今天教大家利用 Fireworks 制作 马赛克 文字 效果 , 制作 过程很简单, 效果 非常不错,很适合新手学习。下面读文网小编给大家整理了更多关于Fireworks结合PS制作马赛克变换GIF动画,希望大家喜欢。
浏览量: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制作扫光字动画主要技巧是图层蒙板的使用。我们也可以使用ImageReady, Flash等工具实现扫光字动画效果,基本的原理也是一样的。下面读文网小编给大家整理了关于fireworks制作扫光字gif动画的方法,希望你们喜欢。
浏览量: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制作动画,为了使动画看起来更加真实。Fireworks提供了三种制作动画的手段:手工绘制、使用符号(Symbol)、图像法。下面读文网小编给大家整理了关于fireworks制作动画的方法,希望你们喜欢。
如Fireworks 4程序窗口没有出现帧面板(Frames),可同时按Shift+F2键,则出现帧面板。在帧面板中有一个Frame1 ,表示已存在一个帧,第2步导入的图像就在这个帧中。鼠标单击帧面板右上角的三角形图标,出现帧面板菜单,选择“Add Frames…”命令,出现添加帧窗口(Add Frames),在添加窗口的“Number”输入项中输入动画的帧数,本例输入帧数4,并选择“After Current Frame”选项,按“OK”,则在帧面板出现5个帧(Frame 1~Frame5)。如用鼠标单击选择第2~5帧,在文档窗口中无显示图像,鼠标选择第1帧时,在文档窗口中显示已导入的图像。
浏览量: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软件制作技术动作动画的简单方法。下面读文网小编给大家整理了关于fireworks制作地球旋转动画的方法,希望你们喜欢。
fireworks制作地球旋转动画的步骤1、在电脑上双击任务栏右下角的时间。
fireworks制作地球旋转动画的2、然后打开日期和时间属性对话框后,按ALT+PrintScreenSysRq键,将对话框屏幕复制到剪贴板中(呵呵,就地取材)。
fireworks制作地球旋转动画的3、进入Fireworks,新建文件,粘贴。粘贴后利用裁剪工具将世界地图部分裁剪下来,裁剪时一定要放大比例进行裁剪,精确一些。
fireworks制作地球旋转动画的4、将裁剪好的世界地图克隆一份(CTRL+SHIFT+D),移动到画布右侧之外,空白处单击,选择属性栏中的“符合画布”项,扩大画布,再详细调整地图素材的位置,将两张图片左右无缝拼接在一起。
fireworks制作地球旋转动画的5、选取两幅图片素材,修改菜单——平面化所选,将两幅图片合并为同一张图片。
fireworks制作地球旋转动画的6、新建文件,300*200PX,绘制一个合适大小的正圆,笔触选择无,白色填充。
fireworks制作地球旋转动画的7、复制刚绘制的圆形,在层面板中新建一层,选取新建的层,粘贴。
fireworks制作地球旋转动画的8、为方便说明,这里我们将步骤6中的圆所在层叫做层1,步骤7中的圆所在层叫做层2。设定粘贴到层2中的圆形为1PX黑色柔化线段笔触。
fireworks制作地球旋转动画的9、设定层2中的圆形为放射状填充:左右两侧颜色均为黑色,将上方的不透明度选项做调整,将其中左侧的不透明度选项稍向右移动,并将其值设置为0。
fireworks制作地球旋转动画的10、将渐变填充右侧的不透明度选项设置为50左右。
fireworks制作地球旋转动画的11、调整后层2中的圆形如图所示。
fireworks制作地球旋转动画的12、将步骤5中的地图素材复制,粘贴到层1中。
fireworks制作地球旋转动画的13、使用缩放工具将地图素材不改变长宽比例进行缩放,缩放后的高度和圆形一致,并将地图素材右对齐圆形,注意上下的位置和圆形重合,不能有多余的空隙和边缘露出,此时选取地图素材看属性面板,记下地图素材现在的宽度,教程图片中的宽度是586像素,大家制作时按自己的实际宽度记下。
fireworks制作地球旋转动画的14、在层面板中将地图素材拖动到层2中圆形下方。
fireworks制作地球旋转动画的15、选取地图素材,按F8,打开元件属性面板,将地图素材转换为动画元件。
fireworks制作地球旋转动画的16、设置动画的帧数,移动方向,还有移动距离。因为地图素材要向右侧移动(地球自西向东旋转嘛),所以教程中填写的数值是0。因为地图素材被我们拼接成了两张,旋转一周也就是移动一整张地图素材的宽度,或者说是缩放后的地图素材的一半宽度,在步骤13中,我们记下了地图素材在缩放后的宽度586PX,将此宽度除以2,得到结果293PX(大家要根据自己记下的宽度为主算其数值),将293数值填入移动距离项目中。
fireworks制作地球旋转动画的17、按住SHIFT键选取层1中的圆形和地图动画元件,修改菜单——蒙板——组合为蒙板。
fireworks制作地球旋转动画的18、选取层1中的蒙板对象。
fireworks制作地球旋转动画的19、在属性栏设定蒙板方式为路径轮廓。其实教程中的蒙板圆形是白色,不选这项也可以,如果大家做的时候蒙板的圆形不是白色,此步骤必不可少。
fireworks制作地球旋转动画的20、双击层1的名字,选取“共享交叠帧”项目。
fireworks制作地球旋转动画的21、也可以适当给层2中的圆形加阴影效果来增强立体感,最后别忘了设置首帧和尾帧的时间,让首帧和尾帧时间加一起等于普通其他帧的时间,因为首帧和尾帧的内容是一样的,如果不改时间,动画会出现停顿。这时候可以播放动画了。导出GIF时,因为层2中的圆形有渐变,可能会出现颜色过渡不自然,大家可以在导出选项中设定抖动选项。
浏览量:2
下载量:0
时间:
jpg、png、bmp等静态图片用photoshop软件制作十分简单,有时候,而那些貌似flash的动态图片如何制作呢?下面小编给大家整理了关于一些fireworks动画制作的三种方法,希望大家喜欢
如果我们要手工绘制动画,就需要用到Firework 3的洋葱皮功能(Onion Skinning),
它就象我们制作卡通用的半透明纸一样,在编辑当前帧的同时,
可以看到此前或此后帧中的内容,这样,我们在手绘动画时就可以方便地绘制图案。
下面我们就来认识一下洋葱皮功能,开启“Frames”面板,
单击“洋葱皮功能”按钮(如图9),弹出菜单中选项分别为:
· No Onion Skinning: 关闭洋葱皮功能;
· Show Next Frame: 在当前帧中显示下一帧的内容;
· Before and After: 在当前帧中显示前一帧和下一帧的内容;
· Show All Frames: 在当前帧中显示所有帧中的内容;
· Custom: 可以设置洋葱皮的显示功能;
· Multi-Frame Editing: 可以透过洋葱皮编辑其他帧中的内容。
图9 洋葱皮功能菜单
空说无用,打开我们先前制作的“海鸥”动画,
然后选中Show All Frames,我们不仅可以看到当前帧的海鸥,
还可以看到其他两帧中海鸥的淡化效果(如图10);Firework 3的洋葱皮功能十分强大,
而且方便高效,我们可以在以后的手工绘制动画中慢慢地体会。
图10 淡化效果
浏览量:2
下载量:0
时间:
在fireworks中绘制动画的时候有些同学会觉得很难,其实动画的原理很简单,就是让图片有秩序地轮流显示 下面小编给大家整理了关于一些fireworks制作gif动画的方法,希望大家喜欢。
首先在Fireworks第一张备用图片。
在该图片下面新建桢。
在新建帧的上导入第二张备用的图片,即“文件”-->“导入”-->选择第二张图片导入该帧面上。
按照这样的方法,继续加入第三张备用图片
进行相关设置,在这里主要简单设置一下时间和循环方式。
根据自己的要求设置完成后即可导出以gif格式保存,即“文件”-->“导出向导”
浏览量:2
下载量:0
时间:
今天我们为大家收集整理了关于Fireworks制作旋舞动画,下面小编给大家整理了关于一些fireworks制作椭圆旋转小动画的方法,喜欢大家喜欢。
快捷方式Ctrl A全选这些对象,然后使用菜单命令Modify>Group,或是直接使用快捷方式Ctrl G,将这些对象合成为一个组对象。
按F8键,当Symbol Properties对话窗口被打开,此时我们选择Animation类型,点击OK按钮。紧接着会跳出Animate对话窗口,在这儿我们设置Frames值为11,最下面的Rotate值为360,其他的就按照默认的设置可以了,点击OK按钮。这个创建动画过程可能需要一点等待的时间,请耐心一些,因为程序正在相应地自动生成各个帧中的动画。
动画创建完成后,您的文件将会变成如下图所示的样子,文档窗口左下角有一排播放按钮,我们点击下图白色箭头所指的按钮就可以观看这个动画了。
是不是觉得动画播放过程有一点停顿,这个原因出在刚才在设置Animation动画时,Rotate角度为360度,所以当前的动画第一帧和最后一帧是重复的。打开Frames面板,选中Frame11,然后点击帧面板右下角的垃圾筒按钮,这样就能把多余的帧给删除了。
如果您觉得当前动画的播放速度有点快,点击Frame1帧,然后按住Shift键,点击Frame10帧,此时这些帧对象都被选中了,双击任何一帧右边的“7”的位置,此时会弹出Frame Delay对话窗口中,我们可以加大这个数值,这样就可以加长帧的延迟时间,本例中我设置为20。
动画效果完成了,我们将它保存为一个GIF动画进行输出,使用菜单命令File>Export Preview,当Export Preview对话窗口被打开时,在Options标签面板中,设置Format格式为Animated GIF,这项设置是最主要的,然后您可以设置一下GIF文件的颜色值,在File标签面板中您可以设置该动画的文件尺寸比例。设置完后点击Export按钮,将文件保存到硬盘中,完成本例制作。
浏览量: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的强大与便捷。这几天的学习让小编感觉以前学的知识都只是皮毛中的皮毛。这是推荐给大家一起学习的。
齿轮图是用fw本身的动画元件制作的。比较粗造。但能做出来已经是一种安慰了。至于修饰。相对不会那么困难。难就难在对教程的理解。
旋转球体是通过fw的扩展3d Primitives制作的。昨天在经典闲逛发现有人在挖06年的坟,结果挖出了宝。赶紧下载了扩展安装上去试验了一下。一开始的旋转球体总是第一帧和最后一帧衔接不理想。慢慢地发现其中规律。原来每一帧的y轴刻度都比上一帧按9刻度递增。如第一帧的y轴刻度为1,第二帧则为10,第三帧为19,以此类推。看图:
第一帧:
第二帧:
通常最后一帧的刻度都是一开始手动移动到的位置,那么就需要按照+9递增法调整y轴刻度。由于这个扩展是swf格式的,可以通过右键来放大面板,便于更细致的调整。
这个效果则是结合了eyecandy4000滤镜和3d扩展的应用。
在3d primitives制作好了旋转立体图之后导出到fireworks面板,打开帧面板可以看到之前设置的帧数
重点来了!用3d primitives扩展导出来的动画的各个路径层都是已经设定好的。如果我们要修改怎么办呢?总不能一帧一帧地去修改吧?一个不小心,各个帧的位置就算变了1个像素都是非常郁闷的事情。在这点上我郁闷了很久,看了别人挖起来的feng4ever(经典论坛)的老贴认识到了“洋葱皮”的概念。以前从未接触过(为自己3-4年的网页制作经验汗一个,羞愧中),赶紧上网找了个fw cs3的视频教程,看看洋葱皮到底在哪里。自己摸索了很久,后来才发现,要统一改各帧里的动画其实不难。现总结一下,以抛砖引玉。
首先选择第一帧:
在洋葱皮面板里选择“显示所有帧”,可以看到在帧面板最左边有条线:
也可以直接点击最后一帧的最左边空格方块处,效果相同。
然后选择所有帧,直接在fw页面框选你要修改的图层(不要在层面板里选择)
然后就可以在属性面板里改线条颜色,添加滤镜等操作了。这些操作是直接运用到所有帧的。
写完了,这个不是教程,只是一些心得的总结。其实我用fw也有几年了。只是一直用来做一些简单的网站用图片,荒废至今。希望各位不要见笑。也希望可以给跟我一样菜的同学有所启发。
浏览量:2
下载量:0
时间:
使用Fireworks制作动画效果。那么下面读文网小编跟大家分享了关于fireworks如何制作动画,希望你喜欢。
fireworks如何制作动画的步骤/方法
1、在Layer功能面板里,双击要共享的图层,这里会弹出一个Layer Options对话框。
2、勾选Layer Options对话框中的Share Across Frames选项,同时我们还可以在Name域中给该图层重新命名。
3、设置完成以后按“OK按钮”即可。
当然,我们也可以通过双击共享图层,取消其Layer Options对话框中的Share Across Frames选项来停止该图层的共享。
同样,在Layer功能面板里,我们除了可以很方便地使用这些快捷按键,也可以通过点击功能面板右上角的小三角形,并在其弹出菜单中选取相应的图层编辑功能。
在Fireworks中,图层与帧之间的关联理解起来可能是比较困难,但是,理解图层和帧操作以及它们之间的关联是动画制作与处理的基础,希望无边在这篇文章里对Frames功能面板和Layer功能面板的介绍说明对各位朋友能有所帮助,同时也希望大家能自己多动手试试。
浏览量:1
下载量:0
时间: