flash制作交互式动画【精彩20篇】
老家每年端午节都会吃咸鸭蛋,不能在家过节就自己做咸鸭蛋了,吃着自制的咸鸭蛋想着家!下面是问学吧小编为大家带来黄泥咸鸭蛋的制作方法,欢迎阅读。
浏览
5430文章
149篇1:flash遮罩动画的制作方法?
全文共 1274 字
+ 加入清单遮罩,我们知道是在图片上遮上一层,通过遮层上我们“挖出”的洞,看到下面的内容。也就是说不论你在遮层上所画的形状是什么颜色、以什么填充方式画出该形状,它只是所画形状的一个洞,不会显示任何颜色的特性。
如果想要以中部清晰边缘模糊的渐变方式显示被遮罩的图片,我们可以在遮层上加一个模糊渐变层,这个层不是遮罩层,所以会有渐变和渐变所用颜色。可是,如果只想要模糊渐变却不会显示它的颜色,该怎么做呢?用as我们可以做到这一点。直接将模糊渐变层做为渐变遮罩,却不会保留它的颜色。
首先,我们导入背景图片和用来展示的图片。图片的大小最好统一,方便后面的交换。展示图片你可以设置多个。我只以两张为例。
1、导入方法: 文件——导入——导入到舞台 。当然也可以导入到库,因为下一步对图片编辑,所以直接导入到舞台。不论导入到哪里,都可以在库中找到。
2、图片比例和舞台差不多的话,可以直接在对齐面板中,匹配宽高(方法见下方经验引用)。否则,需要更改文档尺寸,使舞台与图片比例相同,或者选中图片, Ctrl+B 将图片打散,用选取工具截取一部分图片,这样才不会使图片的主角变形。
3、一个个选中图片,分别将它们变为影片剪辑元件。方法:选中一张图片,F8键调出转换为元件面板,类型选影片剪辑元件,取个名字,OK。
4、新建一层,将展示图,图1元件剪切至此层,我给该层取了个名字,图片层;原层就叫背景层。背景层里还有两张图片, 将图2元件Delete键删除 ,暂时还用不着它。在对齐面板中将背景图宽度和高度居中,图片层中的图片也同样处理。
5、选中图片层元件,属性面板中设置实例名为:tu。
6、 图片层第20帧F6键添加关键帧,25帧插入关键帧,35帧插入关键帧。
7、回到帧1, 属性面板中选颜色——Alpha——50%,再到35帧,Alpha值改为0% 。如图设置补间动画。做出由半透明到完全显示,短暂停顿后,再完全消失的过程。
8、新建一层,取名遮罩。 O键调出椭圆工具 ,禁用线条色,填充色随意。绘制一个小小的椭圆。
9、 F8键 将其转换为影片剪辑元件,属性面板中实例名设为:mc。滤镜面板中添加模糊滤镜。设置如图。参数视各人影片大小而定。
10、与图片层在相同位置设置关键帧。
11、20帧,Q键调出变形工具或在属性面板中将该元件放到足够大。复制该元件, 将第25帧原元件删除,Ctrl+shift+v将复制的元件原位粘贴到25帧 。第1帧、第25帧创建补间动画。
12、新建as层,在时间轴上输入:
mc.cacheAsBitmap=true;
tu.cacheAsBitmap=true;
//位图缓存为真
tu.setMask(mc)
//MC遮罩tu
13、选中as层至图片层所有帧, 按住alt键 ,鼠标向后拖动,为此三层复制出同样的帧。
14、图片层,在属性面板中,将复制的帧中每一个关键帧的元件全部换成图2元件。方法:选中原元件,属性面板中点交换,在新出现的面板中选择图2元件。
15、 背景层第70帧按下F5键 ,使该层与其他层帧数相同。
16、整个做成影片剪辑元件,放入另一个场景中的效果。
篇2:flash怎么制作齿轮旋转的动画
全文共 654 字
+ 加入清单使用flash我们可以制作出很多自己需要的动画效果,比如制作简单的旋转动画,这里通过一个实例来介绍,比如在FLASH中怎么制作一个旋转的齿轮动画呢?其实也是非常简单的,我们制作动作补间动画的时候,添加旋转效果就可以立刻制作出来,这里小编介绍下使用FLASH怎么制作旋转的齿轮动画,希望帮助到刚学习FLASH朋友参考学习,当然更复杂效果需要自己慢慢研究。
1、首先打开FLASH软件,然后新建一个新的FLASH文档。
2、然后在修改菜单的文档中设置影片的大小以及背景颜色等信息。
3、当然这里我们可以自己在窗口中绘制图形,比如绘制一个 齿轮 ,但是这里为了给大家介绍旋转动画的制作方法,这里小编就不绘制了,这里我们直接用网上下载好齿轮的图片使用。点击文件菜单 ,导入, 导入到舞台,当然你也可以导入到库中,这里小编就直接导入到舞台上吧。
4、这里小编导入一张齿轮的图片到舞台上。
5、导入图片后我们在图片上 单击鼠标右键, 然后 旋转任意变形 ,然后将图片调整到合适的大小和位置。
6、然后我们在时间轴上的其他地方,单击鼠标右键插入一个 关键帧 。
7、鼠标点击 两个关键帧 的中间,然后打开属性面板,点击这里的 补间!
8、这里选择 动作补间动画 ,然后设置好旋转的方向和次数,这样就完成了。
9、这时候我们可以按下键盘的 CTRL+ENTER 测试下制作好的效果!
10、当然我们完全可以用上面一样的方法,新建一个图层,然后制作另外齿轮的旋转动画,这个可以根据自己需要制作,方法和上面一样哦!小编就不介绍了,最终效果如图所示!
篇3:Flash制作跳动的火苗动画效果
全文共 249 字
+ 加入清单火焰也是动画片中常常需要表现的一种动画现象。火也可以分为:小火苗(如蜡烛燃烧,火柴燃烧等)、较大的火(如柴火燃烧等)、熊熊大火(如篝火等)等几种。在动画片中,常见的有这三种。下面,我们就以较大的火进行演示,希望对大家能有所帮助。
火由外焰、内焰、焰心组成。无论火有多大,它在燃烧的过程中都会受到气流强弱的影响而显现出不规则的运动。但它们都有一个基本运动的规律:
那就是扩张、收缩、摇晃、上升、下收、分离、消失。火焰的速度在底部时最快,越往上越慢,直至消失。火焰的形状经常会根据火势的大小和风向发生变化。
篇4:flash形状补间动画制作飘动的云
全文共 208 字
+ 加入清单用flash绘制飘动的云,用形状补间动画来完成制作。这里需要在混色器上选择颜色,喜欢的朋友快快来学习吧!
方法/步骤
1、打开FLASH软件,新建一个FLASH文档;
2、选择星形工具,选择边数,绘制一下云块的外形;混色器里面选择颜色
3、调整云块的形状;
4、添加关键这,并且在关键帧添加补间动画;
5、继续添加关键帧,添加补间动画;
6、按回车键,观看效果,导出影片格式为GIF,模拟完成。
注意事项
注意箭头处
注意关键帧的连贯性
篇5:Flash模拟地震摇晃动画效果制作
全文共 508 字
+ 加入清单地震是目前人类还不能完全避免和控制的,可能有一些网友还没有感受过地震,那就很幸运了。四川汶川地震刚发生不久,就传来了过万同胞遇难的噩耗。现在我们为灾区人民祈福,下面通过flash制作地震效果的教程,看看地震时候高楼是怎么摇晃的!
地震是很恐怖的,能在瞬间把高楼建筑夷为平地,在此我们为四川汶川灾区的人民祈福。下用Flash实现的地震效果也很有震撼效果,下面我们就来制作这个效果一起来体验下。
1、场景的大小比导入的图片小10-20像素,黑色背景。帧频为15fps。
2、按快捷键Ctrl F8打开“创建新元件”面板,创建一个名为“影片”的影片剪辑元件。接着在其编辑场景中按快捷键Ctrl R导入一张图片(世贸大楼被“砸”的图片)。注意,让图片的左上角顶点和场景的中心重叠,如图1所示。可以按快捷键Ctrl I打开“信息“面板进行辅助设置,如图2所示。
3、回到主场景,按快捷键Ctrl L打开“库”面板,把“库“中的“影片”元件拖放到场景1中。点选场景1中的“影片”元件,按快捷键Ctrl K打开“对齐”面板,点选“相对与舞台”按钮,然后再点击“水平对齐”和“垂直对齐”两个按钮(如图3所示),使影片“元件”在居中于场景内。
篇6:利用Flash CS4制作树枝的伸展动画效果
全文共 1298 字
+ 加入清单本例思路
.使用绘图工具绘制树枝。
.利用遮罩功能为树枝制作同步伸展动画。
Part 1 绘制树枝
(1)新建一个尺寸为550×300像素,帧频为25fps的空白文档,然后制作出一个放射性绿色背景,如图3-1所示。
图3-1 制作背景
(2)新建一个图层,使用“线条工具”和“铅笔工具”绘制树枝的图形轮廓,如图3-2所示。
图3-2 画图
(3)使用绿色填充图形,然后删除轮廓线,再按F8键将其转化为图形元件,名称为“树枝”,如图3-3所示。
图3-3 转换为图形
(4)进入图形编辑区,然后新建一个图层,用于制作树枝的遮罩层,使树枝向上伸展,如图3-4所示。
图3-4 制作遮罩层
(5)下面绘制树叶。使用“椭圆工具”绘制一个椭圆,然后使用“移动工具”将其调整成树叶形状,如图3-5所示。
图3-5 绘制树叶轮廓
(6)打开“颜色”面板,设置类型为“线性”,然后设置第1个色标颜色为(R:137,G:248,B:24),第2个色标颜色为(R:91,G:199,B:12),填充效果如图3-6所示。
图3-6 填充颜色
(7)复制一份树叶,然后按Ctrl+G将树叶组合起来,并调整好其位置,再将其转换为影片剪辑(名称为“叶子”),如图3-7所示。
图3-7 复制图形
(8)将树叶放置在树枝上,然后调整好位置和大小,如图3-8所示。
图3-8 调整树叶
Part 2 制作伸展动画
(1)选中所有叶子,然后按Ctrl+Shift+D组合键将其分散到各图层上。
(2)选中所有叶子图层的第15帧,然后按F6键插入关键帧,再选中第1帧,使用“任意变形工具”将叶子调整成如图3-10所示的效果。
图3-10 调整叶子形状
技巧提示:
为了在下一步创建传统补间动画时使叶子从根部产生慢慢放大的效果,因此在变形叶子的时候需要按住Shift+Alt组合键将叶子做等比例缩放。
(3)选中所有叶子图层的第1帧,然后在该帧单击右键,并在弹出的菜单中选择“创建传统补间”命令,如图3-11所示。
图3-11 创建传统补间动画
(4)为了让树枝的伸展动画节奏与叶子的动画节奏相配合,所以当树枝伸展到叶子所在位置时叶子才能播放伸展放大动画,因此要调整补间动画的位置,如图3-12所示,调整完后的关键帧如图3-13所示。
图3-12 调整帧位置
图3-13 调整关键帧位置
(5)调整好关键帧后观察下动画效果,如图3-14所示。
图3-14 动画效果
(6)回到主场景,然后设置图形“树枝”的循环动画选项为“播放一次”,如图3-15所示。
图3-15 设置播放次数
图3-16 复制树枝
图3-17 观察动画效果
(8)为了让树枝更具真实感,所以要为其添加阴影,首先将帧复制到一个新图层中,再调整好图形的位置,然后在属性面板中设置图形颜色为(R:3,G:61,B:2),如图3-18所示,阴影效果如图3-19所示。
(9)最后为画面添加一些文字作为点缀,如图3-20所示,然后按Ctrl+Enter组合键发布动画。
图3-20 添加文字
教程已完毕,现在大家应该学会利用flashCS4制作树枝的伸展动画效果了吧,希望这篇教程对大家有一定的帮助。
篇7:怎么利用Flash制作火柴棍人光剑短打动画
全文共 1832 字
+ 加入清单本教程教大家利用flash制作火柴棍人光剑短打动画的方法,双人光剑的短打,改进了不少制作方法,在光剑的处理上加入了滤镜,效果颇好我在这就谈谈我的制作经验光剑练习效果。希望对大家有一定的帮助!
一、准备工作 模板文件(Template.fla),以及FLASH8或更新版本(因为要用到滤镜)。
二、整体设置
先简单说下我的源文件整体设置:
主场景大小:400*250
背景:一个比主场景稍大的矩形,这样做是因为它比直接用背景的颜色更方便修改。
帧频:25帧/秒
文件:2个FLA文件(注:强烈推荐在开始做之前,将源文件另存为另一个文件,这样可方便测试,测试部分最后再详谈。制作时,隔段时间另存为一次,也能有效地应付诸如停电或死机之类的突发状况。)
三、绘画
人物的图层当然是经典的鬼人式(呵呵):头、躯干、四肢各一个图层。(小技巧:我习惯于将人物的各个空白图层先命好名,比如RL:右脚,然后将这些图层放入一个影片剪辑中,下次要重画一个人物时,只需在影片剪辑中把相应的图层选中,再复制到主场景中就可用了,很方便。)
图
人物的身高在制作时,我个人觉得相当难保持。因为人物进行各种动作时,身体各部位经常变化位置,造成了画的时候人物越来越矮或越来越高。我喜欢在时间轴的顶层放上一图层,专门用于画辅助线,来帮助我们将人物的身高归位。
图
四、光剑
没有光剑的炫丽效果,就没有星球大战系列电影的成功。这句话确实不假。本文的重点也在于这个部分。仔细看过星战的朋友会发现,光剑在移动时,是呈扇形的,因此,在光剑FLASH的制作中,合理地调整扇形就尤其重要。这里推荐使用白色的扇形……具体原因……看星战电影就知道……随着移动速度地加快,光剑形成的扇形越来越大。
图
如果是平行地挥舞光剑,则把相应形状的扇形用自由变形工具压缩。两个扇形之间的过渡有一些讲究,只要不是很快速地移动,那么前后帧的扇形就应该遵守这个规则:后一帧扇形的尾边和前一帧扇形的首边重合。
图
光剑做好后……嘿嘿,想看效果了吧~~~~不过滤镜只对影片剪辑有用,所以我们要看到最终的效果,就得把光剑所在帧转化为影片剪辑才行。
方法如下:
1、光剑所在图层命名为LS1,LS2,LS3……,每个图层转成的相应影片剪辑也命名为LS1,LS2……方便日后修改。
2、选中光剑所在图层的所有帧,新建影片剪辑(名字为相应图层名),将帧复制进去。
3、切出来,把影片剪辑放到光剑出现的第一帧,打开图层的线框显示模式。
4、调整至刚好重合,然后再选中该层的最后一帧,剪切帧(这个操作的用途过会说)。
图
5、把该图层除了第一帧外的所有帧删掉,然后在原来最后一帧的位置插入帧(快捷键F5)。
6、OK,回到第一帧,选中影片剪辑,添加滤镜吧~~~我用的是发光,模糊X,Y都是8,颜色自定,强度227%。
7、测试看看效果吧~~酷不酷?
相信大部分人在制作的时候会选择做好一部分就测试一次效果吧?所以让我们再次回到FLASH制作界面中。想继续制作光剑。
可发现下图的情况:
图
找不到此时光剑的位置和大小了!OK,此时上面所提到的“剪切最后一帧”的作用就出现了。在光剑图层的最后一帧的后一个帧的位置粘贴一下,怎么样?知道怎么继续做了吧~~~不必把以后制作的光剑帧重建影片剪辑再套滤镜,只要重复上面的步骤,把相应的帧添到相应影片剪辑的后面接上就成~~~
五、声音
关于声音,我提供一个自认为不错的技巧吧~~~先把声音的图层用“插入帧”扩展得很长很长……多长大家看着办,用着方便就行,呵呵,然后再插声音,这样子就可以看到相应的波形,便于动作和声音的同步~~
图
对了,有必要的话,就多给声音加几个层,处理多个同时发出的声音时很好用。声音也可以用按住alt键的方法来复制,如果有多个地方使用同一个声音,用这个方法比一个一个选效率要高(主要是因为在下拉菜单中选择要用的声音文件很浪费时间)。
六、误操作
制作期间发现一个比较牛X的误操作,相当猛……使用元件,在调整它的位置时,千万不要把鼠标滑太快,以至于滑到“库”的范围里去了,否则会弹出一个菜单,告知你是否将其转成元件,我当时不幸选择了否……结果这个元件就没了……然后就……
七、测试
我的测试一般是在一开始另存为的那个源文件中进行的,相对于直接用原始源文件测试,优点如下:
可以自由添加开始、停止按钮(这个东西一般人在作品完全收工前,应该不会想加的吧……)光剑效果可以一次完成,方便~~~不像在原始源文件中那样,用一次加一次~~~当然……最重要的是防停电……我这经常是……
篇8:如何使用flash创建制作逐帧动画
全文共 334 字
+ 加入清单在这里介绍用flash制作逐帧动画的方法,希望本指南能帮到大家。
操作方法
1启动软件,并新建文档。
2进入到舞台界面;接下来,要制作一个圆形由小变大的动画。
按O键,调出椭圆工具。并在舞台上画出一个小圆形。
3这时,再看舞台下面的时间轴这里,当前自动在第1帧这里插入帧。把鼠标放在第30帧这里,并点击一下。
4再按下F6,执行插入帧命令。
5接着,按Q键,调出任意变形工具,鼠标放在圆形的变换框右上角的节点上,点住,左手按ALT+SHIFT,拉动鼠标,使圆形保持中心点不变,扩大。
6鼠标放在第1帧与第30帧这间的任意一帧,右击,弹出右键菜单。
7在弹出的右键菜单中选中:创建补间形状
8那么,现在动画制作好啦。鼠标点住时间轴的红色指针,从第1帧一至拉到第30帖,可以看到,舞台上的圆形,随着帧数的增加而变大。
篇9:Flash如何制作扫光动画的效果
全文共 568 字
+ 加入清单flash中有些效果比较好看,而且做起来还比较简单的,扫光(也称过光,个人喜欢叫过光)就是其中一个,但是很多新手还是想不到怎么做,下面就为大家介绍Flash怎么制作扫光动画的效果方法,不会的朋友可以参考本文,希望能对大家有所帮助!
方法/步骤
【第一步】拖入或编辑你想要为之添加过光效果的内容,这里以文字“百度经验”为例。并更改图层名为“文本”。
【第二步】将“文本”图层的内容复制,然后新建图层,更改图层名为”过光文本“,把内容放到这个图层里。
【第三步】在这两个图层中间创建新图层,更改图层名为“过光遮罩”,然后绘制一个矩形,更改填充颜色类型为“线性渐变”,渐变为两边完全透明,中间80%透明的蓝色矩形。
【第四步】因为这个例子是文本,是线条组成的,所以需要把“过光文本”图层的文字转化为填充才可以设置遮罩层,切记线条不可以当遮罩层。
【第五步】为“过光遮罩”图层设置传统补间动画,例子中为这个遮罩设置了一定的倾斜角度,可根据自己的需要自行更改,动画的大致路径就是从文字的左方移动到文字的右方。然后为“过光文本”图层设置遮罩层。大功告成!
【说明】想要看到动画的运动路径,推荐使用下面的方法,按时间轴下面的“绘图纸外观轮廓”,然后在上面出现的方括号中框选你需要观看路径的帧数即可!第四步是线条类必须做的一步,如果是图像或填充之类的可以跳过第四步!
篇10:如何在Flash中制作字体从大变小的动画变形
全文共 293 字
+ 加入清单下面向大家介绍在flash中制作字体从大变小的动画变形方法,教程制作出来的效果很不错,喜欢的朋友快快来学习吧!
方法/步骤
1、在Flash中,新建图层,选中第一帧,按T键输入文字。
2、然后按快捷键F8键(或者鼠标右键点选),将文字转换为元件。
3、在20帧处,按F6添加关键帧。(或者鼠标右键-转换为关键帧)
4、回到第1帧,选择文字图层,按Q键,任意变形工具,将文字拉大。
5、选中第1帧到20帧中间的任何一帧,鼠标右键点击,选择创建传统补间。
6、按Ctrl+Enter进行输出预览即可。
注意事项
一定要在文字转换为元件的情况下,再进行拉大。
先对文字进行元件转换,再进行关键帧建立,顺序很重要。
篇11:如何使用Flash制作逐渐显示的文字动画
全文共 471 字
+ 加入清单flash是一个动画制作软件,那么你知道如何快速的制作元素逐渐显示效果么?下面我们跟着以下图文步骤,学习下制作的技巧。
工具/材料
Flash CS3
一、设定文档背景颜色并建立文本
1在属性面板找到背景属性,将背景颜色设为:黑色。
2在工具箱里,选择文字工具,将文本类型设为:静态文本。
3在舞台的范围,输入文本内容。
4全选文本内容,将文本颜色设为:白色。
5将当前的文本字号,通过“属性”面板调整到 45字号 。
二、转换为遮罩层
1在时间轴上的第30帧,右击鼠标选择“插入帧”命令延长帧。
2插入一个新图层,按照以上步骤补齐关键帧。
3选择“图层 2”,右击选择“遮罩层”命令,将其转为遮罩层。
三、创建补间形状
1将转换完成的“遮罩图层”的小锁,单击鼠标解开。
2选择遮罩图层,通过“矩形工具”,在舞台上绘制一个可以遮盖文字的矩形。
3移动时间线指针到第20帧,右击鼠标选择“转换为关键帧”,将当前帧转为关键帧。
4选择“遮罩图层”的任意一帧,右击执行“创建补间形状”,为其创建补间形状动画。
四、制作动画
1移动到第一帧,选择“任意变形”工具,将矩形形状向左拖拽成压扁形状。
2遮罩动画制作完成后,将“遮罩图层”再次锁定,完成动画制作。
特别提示
按下 Ctrl+Enter 键,预览动画效果。
篇12:Flash怎么制作一片树叶飘落动画
全文共 641 字
+ 加入清单1、打开flash,新建一个ASP3.0文档 ,大小自定 ,单击确定按钮 。
2、在网上搜索素材树叶,小编搜的是树叶
3、把树叶拖到ps中,然后用 魔术橡皮擦工具剔除背景 ,如图
4、然后 Ctrl+alt+shift+s 存储为web所用的格式,然后保存为透明图像,
5、发现桌面已经有了透明的树叶了
6、然后把透明的树叶拖到flash中,
7、用 任意变形工具 选中树叶,然后按着shift键把树叶等比例缩小 ,如图,
8、用选择工具把树叶移动到上面,
9、用任意变形工具旋转一下树叶,因为树叶是从上往下飘的,所以把树叶的方向往下调整一下,如图
10、选中图层1,鼠标右键选择“ 添加传统运动引导图层”
11、选中引导层,用画笔工具在文档中画出一条花落的线段称为 引导线 ,如图
12、在引导层的第50帧处按f5,在 图层1的第50帧处按f6 ,如图,
13、选中图层1的第一帧,鼠标右键选择 创建传统补间,
14、选中图层1的第一帧,把 树叶放到引导线的开始处 ,如图
15、选中图层1的最后一帧,把树叶放到引导线的结尾处,如图
16、按 Ctrl+回车键 可查看效果,
17、这时候会发现树叶的方向不是随引导线的方向走的,那怎么办呢,就要用到路径了,下面小编就来说一下怎么改
18、选中图层1中的任何一帧,在属性中把“ 调整到路径 ”前面的方框打上对号,如图
19、在按 Ctrl+回车键, 可以试看效果,哦,flash是基础,大家要多多练习哦 么么 。
篇13:flash怎么制作简单的遮罩动画
全文共 954 字
+ 加入清单现在有很多朋友在使用flash做动画,但是有些朋友对于制作遮罩动画还不是很了解,其实遮罩动画是flash中一种常见的动画效果,如何在flash中制作遮罩动画呢,关键是要掌握制作遮罩动画的要领,对于这个问题小编刚开始的时候也有点困惑。今天小编通过一个实例“转动的地球”来给大家讲解一下在flash中如何制作遮罩动画,希望您能掌握遮罩动画的要领!
1、我们首先打开flash软件,准备制作一个 flash遮罩动画 !
2、从我们的电脑上导入世界地图的图片,世界地图图片我们可以网上下载!
3、图片导入到舞台上后,如果大小不合适,你可以自己修改图片的大小,尽量让图片细长点!当然这一步可以省略!
4、将图片调整到合适大小后,我们把图片复制粘贴一份。可以在图片上 右击鼠标选择复制 ,然后右 击鼠标选择粘贴。
5、我们选中其中的一个世界地图图片,如图将图片进行水平翻转!这样的目的是让我们的世界地图更长一点,动画效果更美观一些!
6、我们把两张图片首尾相连,这样地图看起来很长了,这个地方可以鼠标拖动调整到合适位置!
7、我们选中两张图片,点击修改菜单,然后将两张图片组合为一个整体!
8、把第一帧中的图片用鼠标向左拖动调整到合适的位置!
9、接下来我们在第50帧插入一个 关键帧 ,当然其它帧也可以。用鼠标把图片向右边拖动调整到合适位置。
10、然后我们在 两个帧之间右击鼠标, 创建补间动画!
11、通过上面的操作,地图的制作和动画设定完成,我们现在增加一个新图层。
12、我们选择 工具的椭圆工具, 在新图层上绘制出一个合适大小的圆形!
13、现在是制作遮罩动画最关键的一步,大家仔细看!在新建的图层(也就是圆形这一层)上单击鼠标右键,选择遮罩!
14、现在遮罩动画已经成功完成了,什么是 遮罩 呢,其实我们这个动画中的圆形就是遮罩层,地图那一层就是被遮罩层。遮罩就是通过遮罩层可以看到被遮罩层的东西!被遮罩层的其他内容将不会再看到!
15、现在我们可以测试一下动画效果!
16、为什么不太好看呢?那是因为我们舞台的背景色是白色的,我们可以把背景色改为黑色的。通过菜单修改-文档-文档属性进行更改!更改后我们再看看动画的效果,是不是很漂亮呢!自己试试吧!
注意事项:
制作遮罩动画的关键是上面的第13步和14步,大家要明白遮罩层和被遮罩层的区别!
篇14:FLASH中怎么制作小球的螺旋运动动画
全文共 184 字
+ 加入清单1、打开FLASH软件,新建FLASH文档;
2、选择颜色绘制小球,然后转 换为元件 ;
3、添加 引导层 ,绘制一个圆,然后多复制几个;
4、修改圆的位置,大小使之成为同心圆。
5、在同一侧删除一部分;然后修改成 螺旋线 ;
6、添加 关键帧 ,添加补间动画;
7、测试影片,导出影片, 格式GIF 绘制完成。
注意事项:
注意螺旋线的连续性
篇15:Flash如何制作鼠标划过文字产生光的动画特效
全文共 1493 字
+ 加入清单本教程是向大家介绍利用flash制作鼠标划过文字产生光的动画特效,教程难度不是很大,制作步骤介绍地也很详细,推荐给大家,希望对大家有所帮助!
学习鼠标划过文字产生的特效。
01、新建flash文档,背景色:645646,帧频30,大小:150*50 。
02、【文件】【导入】【导入到舞台】导入一幅位图。(原文件中此位图为透明背景下图中底色为我们设定的背景色)
03、选中导入的位图,右键转换为元件,命名为“文字”。类型:图形。“Ctrl+B”打散位图,用选择工具选中不需要的部分,删除!
提示:新建元件:过光效果,类型:影片剪辑 。
此mc中添加三个图层,此时共有四个图层,运用两次遮罩,实现两层光效果。
由下至上分别为:文字层,遮1层,文字层,遮2层 。
04、在图层1拖入文字元件,并改图层为:文字。选中文字属性,调整颜色亮度为:24%。第35帧处插入帧:
05、在文字层上面添加图层,改为遮1,在第一帧画一个矩形,分别在17帧,35帧处插入关键帧,并在1--17,17--35帧之间设立形状补间。
06、并把遮1层设为遮罩层,见下面三张图,分别为矩形在1,17,35帧处的形状和位置。
在遮1层上添加图层,改图层名为:文字,选中文字元件。属性栏,颜色亮度为:56%。
07、同样在第35帧处插入帧。
在此文字层上方,添加图层,改为:遮2,在第一帧在文字左端画一个矩形,35帧处插入关键帧,拖动矩形到文字右边,并在1--35帧之间设立形状补间。
08、并把遮2层设为遮罩层。见下面两张图,分别为遮2层中的矩形在1,35帧处的形状和位置。
09、新建元件:名称:透明按钮,类型,按钮。
10、在时间轴的第4帧(点击)插入关键帧,在编辑区画一个矩形,定一个按钮的感应区,什么颜色效果都可以。
11、回到场景,完成后的时间轴图:
12、图层1名称改为:背景,拖入文字元件,放到合适的位置,图层上锁。
13、添加图层,图层2改为:过光效果,第2帧插入关键帧,从库中拖入过光效果元件,与下面图层的文字背景对齐。(第1帧为空白关键帧)
制作到这里大家会发现,过光效果拖入场景时,是看不到什么的,只有蓝色框,怎么好进行对齐操作呢?
技巧:
1)、请大家选中库中的过光效果元件,双击进入元件编辑区,在最上面添加一个图层,改为文字,点击最下面文字图层第一帧,右键复制帧,再点上面文字第一帧,粘帖帧。然后回到场景去进行对齐操作。
2)、场景中其他工作完成之后,再删除刚才多加的文字图层。
14、回到场景中过光效果图层,分别在第19帧、21、39帧插入关键帧。第40帧插入空白关键帧。给下面的文字层也在40帧入插入帧。选中第2帧,第39帧处的过光效果元件,属性栏中透明度(Alpha)设为0
在2--19,21--39帧之间建立动作补间。锁定图层。
15、在上面添加AS图层,第20帧插入空白关键帧在第1,20帧处写入帧动作:
16、添加按钮图层。拖入库中的透明按钮,调整盖住全部文字层。第2帧处插入关键帧、第40帧入插入帧。
点击第1帧,再选中编辑区的按钮,写入按钮动作:
复制代码
代码如下:
on (rollOver) {
//Movieclip GotoAndPlay Behavior
_root.gotoAndPlay("2");
//End Behavior
}
点击第2帧,再选中编辑区的按钮,写入按钮动作:
复制代码
代码如下:
on (rollOut) {
//Movieclip GotoAndPlay Behavior
_root.gotoAndPlay("21");
//End Behavior
}
记得要删除光效果元件中多加的图层哦!
17、全部完成~测试影片!
篇16:如何利用flash简单制作平移动画效果图
全文共 339 字
+ 加入清单下面向大家介绍利用flash简单制作平移动画效果图方法,教程真的很不错,很基础,很适合新手来学习,一起来学习吧!
方法/步骤
1、创建空白文件
打开flash,弹出的界面后,选择里边的3.0即可,如图所示。
创建形状
点击上方的第一帧,然后点击左侧的矩形,在画布中画一个矩形形状,如图。
制作关键帧
在第20帧鼠标指向,右键选择插入关键帧,并点击确定,如图所示。
制作关键帧位置
将一开始矩形的位置拖动到随意所需位置,然后确定,如图所示。
创建补间动画
鼠标指向1到20帧任意位置,然后鼠标右键,选择创建补间动画,如图。
预览动画
在完成以上操作后,便可以预览自己的第一个动画,只需要按下ctrl+enter键即可运行。
注意事项
一定要插入关键帧,否则不会产生动画
创建补间动画实在两个关键帧直接,无特殊要求
篇17:flash如何制作绚丽星空的动画
全文共 915 字
+ 加入清单每每看到晴朗的星空,总给人无限的遐想,下面就通过flash来制作一篇关于绚丽星空的动画,该动画主要通过脚本语言来控制影片剪辑元件,产生由远及近、由大到小的效果,仅供参考使用。
方法/步骤
启动flash cs5执行文件-新建命令,新建一个actionscript2的flash文件,设置文档属性对话框,大小为400*400,背景颜色为黑色,帧频为30fps。
执行插入-新建元件命令,新建一个名称为t1的图形元件,点击确定后进入编辑区域,在舞台上绘制一个笔触为无,填充颜色为黄色的多边形。
执行插入-新建元件命令,新建一个名称为t2的影片剪辑元件,并将元件t1拖拽到舞台中央设置全居中,在第25帧和60帧处插入关键帧,在各帧之间建立补间动画,然后选择第一帧,在属性面板中设置t1元件顺时针旋转一次,在25帧设置逆时针旋转一次。
执行插入-新建元件命令,新建一个名称为t3的影片剪辑元件,将元件t2拖拽到舞台上,在工具箱里选择任意变形工具,将元件t2中心和舞台中心对齐,在30帧处插入关键帧,创建传统补间动画,在属性面板中设顺时针旋转一次。
执行插入-新建元件命令,新建一个名称为t4的影片剪辑元件,将元件t3拖拽到舞台中,然后复制11个元件,并调整相应的位置。
执行插入-新建元件命令,新建一个名称为t5的影片剪辑元件,将元件t4拖拽到舞台,选择t4在属性面板中设置色调为粉色,在20帧处插入关键帧,色调设置为红色,在40帧插入关键帧,色调设为绿色,在60帧处插入关键帧,色调设为蓝色,在80帧处插入关键帧,色调设置为黄色,在各帧之间创建传统补间动画。
执行插入-新建元件命令,新建一个名称为t6的影片剪辑元件,将元件t5拖拽到舞台中,设置该元件的名称为mc1,在第3帧处插入关键帧,新建图层2,将前3帧转换成关键帧,选择第一帧,在动作面板中输入代码。
选择图层2的第2帧处,右键单击在下拉菜单中选择动作,然后在动作面板中输入代码。并进行调试。
选择图层2的第3帧,右键单击在下拉菜单中选择动作,在动作面板中输入代码,
返回主场景,将元件t6拖拽到舞台,并将元件设置为全居中,执行文件-保存命令,保存名称为星空,并按ctrl+enter组合键进行测试。
篇18:flash动画如何制作网页中演示类
全文共 986 字
+ 加入清单在工作中所遇到的涉及到flash的项目一般会根据其具体应用分成两大类:演示类 交互类为了使项目更加快速有效的完成并且保证工作质量,使源文件从结构上更加的简洁易读,有必要遵守一定的规范进行制作。
演示类Flash动画指的是单纯的以展示为目的的动画,包括专题片头.广告.动态banner,以及部分电子杂志的内页等等。
通常这些项目在制作之前会先完成平面效果图,然后根据平面效果图制作动态效果。如果平面效果和动态效果不是由同一个人完成的,那么要先了解平面效果图设计者所想表达的设计理念以及想法。事实证明,适当的沟通是非常必要的。
逻辑结构: 通常主场景里面只放一个单独的movieclicp,所有的动画全部做在这个mc当中。
发布设置: 整个影片的遮照层放在最外面的主场景上,养成良好的命名习惯,对每个图层和元件进行命名是必要的。通常设置整个flash属性桢频为24fps,背景大小根据实际需要调整。发布中设置基本是flash默认设置,有特殊需要根据需求进行调整。
外部导入文件以及相关优化: 当需要从外部导入其他文件如图片.音频.视频的时候,在导入之前应当对外部文件进行优化处理,尽量控制外部导入文件的大小。
特殊视频输出以及相关设置: 当需要输出avi等格式视频文件的时候一定要把mc设置成图形的格式放置于主场景当中。主场景的时间轴不能小于mc内部的桢数否则无法全部显示。
逐桢动画: 制作逐桢动画的mc不要大量使用元件,尽量使用组。合理的利用洋葱皮工具根据传统的手绘动画原理即可制作出理想的逐桢动画。
文本文件: 在flash中使用的正文文本通常为动态文本,因为可以从外部读取xml方便更新。动态文本在遮照效果下通常无法显示,需要给文本加一个滤镜(任意效果)所有属性值为“0”,这样就可以显示了。
title或者特殊文字效果可以直接在flash中利用静态文本制作,如果觉得效果不理想可以在ps中制作成图片然后从外部导入。
尽量避免在同一时间内安排多个对象同时产生动作。有动作的对象也不要与其他静态对象安排在同一图层里。应该将有动作的对象安排在各自专属的图层内,以便加速Flash动画的处理过程。
用LoadMovie命令减轻Flash一开始下载时的负担。若有必要,可以考虑将Flash划分成多个子文件,然后再通过主Flash里的LoadMovie。UnloadMovie命令随时调用、卸载子文件
篇19:Flash动画制作之小球的路径运动
全文共 172 字
+ 加入清单路径动画是flash动画之一。下面,我们来看看Flash动画制作之小球的路径运动吧。
操作方法
1画出小球
使用椭圆工具,在舞台上绘制出一个圆形,如下图所示:
2添加引导层
然后再右击图层1,添加引导层,如下图所示:
3图形元件
把小球转变成图形元件如下图所示:
4引导层路径
使用铅笔工具绘制出引导层路径,如下图所示:
5把小球分别放在引导路径的开始和结束的地方即可,如下图所示:
篇20:怎么利用Flash制作沿着路径的动画
全文共 537 字
+ 加入清单上完课后,有些同学因为课上老师讲的太快,还是不会做路径动画。今天为大家介绍flash制作沿着路径的动画介绍,操作很简单的,一起来学习吧!
1、首先,打开flash软件,新建一个文件
2、这里,我演示一个红色圆的路径动画,利用快捷键ctrl+F8新建一个元件1,画一个圆
3、回到场景1,利用铅笔工具,随意画一条路径
4、新建一个图层,将刚刚画的元件1的圆拖进图层中,这里为了理解方便,我修改了图层名字
5、我这里做了35帧,在铅笔图层中的第35帧,按下F5,即可增加帧到35帧,
在圆的第一帧处,将圆的中心放置铅笔的路径上,在第35帧,按下F6,插入一个关键帧,同样,将圆的中心放置铅笔的路径上,如图所示。(将圆的中心放到路径上,是为了圆能够和路径重合,这个时候工具栏左边的吸铁石工具一定要处于按下的状态 )
6、选择铅笔路线的图层---右击----选择引导层,然后这个图层的前面,会变成一个小蘑菇一个的东西,如图所示
选择元件1圆图层中的任意一帧---右击---创建传统补间,如图所示
7、将元件1圆图层向上拖一下,附属于铅笔路线图层,便可以实现路径动画了(轻轻向铅笔路线图层拖一下就行)
教程结束,以上就是Flash制作沿着路径的动画方法,操作很简单的,大家学会了吗?希望能对大家有所帮助!