当前位置:文档之家› FLASH逐帧动画制作详解

FLASH逐帧动画制作详解

第四、第五章创建动画一、逐帧动画迪士尼动画,每一帧都由设计者自己确定。

导入一张GIF动画(天使),在FLASH里就变成逐帧动画,ENTER键,播放。

CTRL+ ENTER键,测试影片,并自动导出SWF播放文件1、关键帧黑色点叫关键帧(F6),白色点叫空白关键帧(F7),白色方格叫:帧(F5) 它是延续看见上一帧的内容。

例:比较:1、第一帧,画一红球,第10帧F5(插入帧),把红球油成绿球。

结果:第1—10帧都是绿球。

(1~10帧只有一个球)2、第一帧,画一红球,第10帧F6(插入关键帧),把红球油成绿球结果:第一帧是红球,第10帧是绿球。

(分别有两个球)3、第一帧,画一红球,第10帧,F7(插入空白关键帧),没有球,自己再画一个球(不能保证在原来的位置)右键:可删除关键帧,也可以把帧转化成关键帧2、时间轴的操作移动动播放头,时间轴的选项:最右边按钮,调时间轴显示比例复制帧、粘贴帧,洋葱皮(绘图纸)按钮、编辑多帧按钮例4-1:聚光灯1、第1帧小老鼠A;第2帧小老鼠B2、SHIFT键,选择第1帧和第2帧;复制帧3、选择第3帧,粘贴帧4、时间轴上灯箱的运用:“编辑多帧”按钮(不用一帧一帧地改),SHIFT键选中第3、4帧一齐改向前移位置,再取消编辑多帧按钮,选“绘图纸外观”按钮:可看到1—4帧的模糊外观,调整老鼠的位置。

重复例4-2:打字例4-3:画圆(最后一帧,整个圆,中间帧,擦掉一点,第一帧,一小段)二、形状动画(绿色显示)需要一个起始图象和一个终结图像。

注意:只能是用绘图工具画出来的,或打散的对象。

要在同一层上。

1、操作:例:小球往下越掉越快1、第1帧,红球;2、第20帧,F6,把红球改成绿球;还可以改位置。

3、选择1~20帧,形变:帧面板:补间动画下拉:形状。

扩大:调整速度变化的+100~ -100,负数,球越落越快混合:ANGULAR:角度式,有角的,尽可能保持第1帧的角和直线。

分布式:过渡的时候保持平滑,但可能没有任何规则。

2、关键帧的编辑:复制、粘贴、翻转帧、移动,插入,删除。

例:小球往上越弹越慢1、先选择第一帧,按着SHIFT键从1拖到20帧,拷贝帧;2、在第21帧粘帖帧。

选择21~40帧,,右键:翻转帧,就会倒着来放。

3、控点的运用:P151使用形状提示控制形状补间例:1、第1帧:A;第20帧,F6,将A改成D;2、第1帧打散,第20帧打散;3、形变;4、第1帧,修改---转换- ---添加形状提示(CTRL+SHIFT+H)在字母A上顺时针加三个红色控点5、第20帧,在字母D上把已有的三个控点顺时针放好。

6、注意:必须先设好变形动画才能加控点。

起始控点变成黄色,终点绿色。

例:线段从短到长慢慢伸延。

七彩填充的小棒,第15帧用油漆桶的转换按钮调色彩渐变的中心点,形变动画,可看到七彩会流动。

例4-4:形变动画第1帧:打散的文字,第20帧:打散的图片三、动作动画注意:FLASH的移动动画不能是直接用绘图工具绘制的或打散的对象。

而应该是经组合的组件(修改---群组),文字,导入的位图、元件(图形、影片片段、按钮)等。

,运动过程中可以旋转。

例:小球下落:(先将小球群组为组件),不能颜色渐变,可旋转。

起始帧和未帧同一对象,可大小渐变(未帧变大)。

一个圆、一个方,不能大小渐变。

1、第1帧绿球, 群组(出现蓝色边框)2、第20帧F6,把绿球删掉,在下面位置画一个大的红球,群组。

3、帧面板:移动,旋转2周。

例4-5:文字移动:(文字的缩放,旋转),可大小缩放,不能颜色渐变。

注意:文字本身就有蓝色边框,(如要填充文字七彩色,先打散,填充完后再群组)例4-6:电影摇镜头效果:(导入的图象)例4-7:翻书(注意中心点在左侧边线,要向上翻,可在最后一帧微微向上倾斜一点)课本【实例30 】卡通翻页画册作业:参考“4-5文字移动.fla”,制作“HAPPY NEW YEAR”文字移动,制作人写上自己的名字。

四、使用元件与实例只有元件,“效果面板”才可用,可调透明度的变化运动。

1)、有关库、元件、角色(实例)的概念放在库窗口中的对象,可以被多次调用,只占用一次引用的体积。

把库里的元件拖动到场景中,这时的元件称作角色(有的书上是实例)例4-8:元件变色例4-9:种草2)、三种元件的区别:影片片段:如果创建了一段动画,又希望在作品中多次引用这段动画,可将这段动画转换为影片片段。

例:影片元件(在场景中只以一帧显示,有自己独立的时间轴,ENTER看不到运动,CTRL +ENTER才看到运动。

它不管场景中其它层的长短,自行循环播放)图片:可以是一张静态图;也可以是动态的:例4-10:图形元件(在场景中只以一帧显示,但使用主影片的时间轴,如果比场景中其它层要长,只播前几帧。

)例4-11:海——光线:先制作“光线”图形,再制作整个“光束”图形按钮元件3)、建立元件的各种方法插入菜单-----新元件✧在库窗口中按新建按钮✧以场景中原有的对象为内容创建元件:绘图画图.fla 选择蝴蝶,插入菜单---转换为符号。

还有花朵。

✧对已有的动画转为影片片段:选择这段动画(鼠标往下拉,可连选多层),拷贝帧,插入菜单---新建元件:影片片段,粘贴帧。

4)、设置元件的属性:实例面板、效果面板。

例4-12:文字透明度的变化:把文字转换成元件:图片,再用效果面板调整前后帧的透明度,移动渐变。

把1个元件拖多个到舞台,就是不同的实例,可分别设置颜色、透明度。

可改变实例的类型如把“图象”改成“影片片段”。

如打散实例,就切断和元件之间的链接,不会被更新。

例:种草5)、库窗口CTRL+L的操作:选项。

6)、调用其他FLA文件的库窗口的元件到自己的FLA文件:文件菜单----以库打开(选择FLA文件)。

例:调用4-13ball&shad里的红球在影片片段(简称MC)里还可以调用其他影片片段例4-14:MC嵌套(1)插入元件:影片片段“1个叶”,画1个象风车叶的图形。

(2)插入元件:影片片段“3个叶”,层1,将“1个叶”拖出来,旋转层2,将“1个叶”拖出来,改旋转层3,将“1个叶”拖出来,改旋转(3)返回场景:层1、把“三个叶”拖出来,放大、缩小运动渐变。

7)、按钮元件的建立:UP、OVER、DOWN,HIT四种状态。

(后三种可无,保持UP状态)例:共享库:LED buttom: push buttom,双击,编辑状态,一个按钮可同多层组成。

还可加上声音层。

CTRL+ENTER可测试按钮。

例:制作文字按钮:PLAY,(注意,制作文字按钮时一定要加热区HIT)按钮只有4种状态,但可以在每一帧中加入不停运动的电影片段。

利用电影片段作为按钮。

例4-15:旋转的按钮:(1)插入元件:图象,画一小球。

(对齐中心点)(2)插入元件:,将小球元件拖出来,1-400帧移动渐变:旋转3(3)插入元件:按钮,UP帧,将影片片段拖出来,OVER帧,将图象拖出来(不动的小球)另外,可养成对齐中心点的习惯(信息面板)按下按钮后,要执行什么动作,要对按钮设置ACTION命令,除了action语句外,还可以将影片片段放在按钮的over帧,不用任何语句,鼠标划过时,播放影片片段。

例4-16:点蜡烛:制作“火”的影片片段,制作按钮:第1帧空白,划过是放“火”课本【实例26 】变色图像课本【实例24 】鱼缸和游鱼课本【实例17 】荧光文字(设置滤镜参数的变化)新建元件,写文字,两次CTRL+B打散文字,墨水瓶2像素描黄边,SHIFT+选择工具选黄边,修改――形状――将线条转换为填充,修改――形状-柔化填充边缘,CTRL+G组合文字。

将元件拖到舞台,滤镜:斜角,发光,第40帧,F6,修改滤镜参数,动作动画。

五、遮罩动画(遮罩和被遮罩两层记得锁起来)作为遮罩的只能是填充图形、文本块或元件实例,其他任何对象将被忽略例:上层为动画,遮罩下层例:上层静态,遮罩下层动画例4-17:光影文字例4-18:衬底图例4-19:涟绮(底图位置错开一点)动态遮罩:在FLASH MX里,影片片段可遮罩影片片段,例4-20:mask.fla还可以用ACTION语句:setmask命令。

课本【实例34 】百叶窗式图像切换舞台尺寸:400*300水平百叶窗:在图层3的第1帧,将“库”面板内的“百叶”影片剪辑(两像素的矩形)拖到舞台最上边,插入――时间轴特效――帮助――复制到时网格,设置参数如下(图像高度为300,元件高度为30,所以行数为10),再设遮罩。

垂直百叶窗:将“百叶”变形――顺时针旋转90度,最左边。

网格尺寸:1,14,网格间距1,30(图片宽为400)六、引导层动画概念:轨迹所在的图层叫引导层。

一个引导图层可以引导若干个被引导图层。

被引导的对象必须是角色、组合组件、文本等(跟移动动画相同)步骤:先做好移动动画,再按层窗口下方“添加引导层”按钮。

例4-21:飞机:引导层1、层1:第1帧,打开共享库,把飞机(影片片段)拖出来,第25帧F6,修改飞机位置。

移动动画。

1、按下层窗口下方“添加引导层”按钮,在引导层第1帧画一曲线。

2、在层1第1帧,将飞机的中心点吸附到曲线起点,第25帧,将飞机的中心点吸附到曲线终点,如吸附正确,可看到飞机中心点的+号在曲线的起点、终点。

3、可在第10帧、第15帧旋转飞机的方向:机头向上、向下。

操作:选择第10帧:按下CTRL+SHIFT,再用鼠标点第10帧。

例4-22:路径动画—宇宙。

对象在圆形密封的引导线上移动,会选择一条最短的路径移动。

可在第一帧把圆形擦掉一点点。

在一个动画里,又想要引导层动画,又想要遮罩动画,怎么办?用ACTION语句:setmask命令课本【实例35 】黛玉葬花课本【实例36 】小火车七、时间轴特效动画时间轴特效可应用于文本、图形(包括形状、组合体以及图形元件)、位图图像和按钮元件等对象。

可自动生成动画效果。

插入“时间轴特效”有3类8种效果各种时间轴特效详解例4-23:时间轴特效—模糊课本【实例33 】图像切换综合实例:4-23黑客帝国4-24形象。

相关主题