Flash动画实例操作步骤
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
Flash动画实例操作步骤:
一、绘图工具的应用例
1.电子贺卡制作步骤
2.长方体的绘制
3.金属质感小球的绘制:
1)新建文件并设置舞台的属性为500*300;
2)打开填充面板,选择放射式渐进色,并设置从左到右四个RGB调节钮RGB
值为:R:255 G:255 B:255
R:255 G:255 B:255
R:0 G:0 B:0
R:203 G:203 B:203 并保存此颜色选择圆形绘图工具,按住SHIFT键在舞台上绘制一个正圆,删除边框线;
3)在调色板的填充色中选2)中的颜色填充
4)移动渐变色的中心点和改变渐变色的形状
5)新建一层
6)用2到4同样的方法在新层上画小球,其位置与第一层重叠,可以第一层锁定。
其设定的渐变色为R:255 G:255 B:255 alpha:0%
R:255 G:255 B:255 alpha:63%
二、动画
1.帧并帧动画
1)写字动画(p363的1到8步写“休”字的写字动画)
2.形变动画:
1)本例制作一段物体由一种形状平滑过渡到另一种形状的动画效果(如直线延长
动画)。
下面以三角形变圆为例:
1.新建一个文件,在工具箱中选择直线工具,在场景中绘制作一个三角形。
2.单击工具箱中的油漆桶工具,然后单击填充色按钮,选择一种填充色。
这
里,我们选择一种渐变填充色来填充三角形。
3.用鼠标分别选中三角形的3条边线,将它们删除,由此得到位于第1帧的
图形。
4.单击第一层的第20帧,然后按F7键,在此插入一个空白关键帧。
在工
具箱中选择椭圆工具,单击框线颜色按钮,再单击按钮,将框线设为无色。
单击填充色按钮,选择一种渐变填充色,然后绘制一个带渐变填充色的圆
形。
5.单击选取第1帧,然后单击快速启动工具栏上的实例面板按钮,打开实例
面板。
单击帧标签,选择形变下拉列表中的形状变化选项。
2)添加形状提示点的形变动画:
1.P368页的1到8步(大写“T”变大写“H”)
2.折叠动画(可以依据这个动画作翻书动画)
a)新建文件并设置背景色为R:132 G:140 B:206 宽:500 高:350。
b)导入背景图片,锁定本层
c)添加一层,绘制矩形名为ABCD,并填充为白色,透明度为30%,外
框线为1.5的白色线条,画折痕线EF。
d)选择图形EFCD按下CTRL+G键进行组合。
选择图形ABEF按下
Ctrl+X键,剪切它,新建一层,按Ctrl+Shift+V原地粘贴(注意:EF
应和ABFE放在同一层)。
e)开始对ABEF折叠渐变,锁定其它层,单击ABEF折叠层的第22帧,
按F6键插入一关键帧,用鼠标拖曳图形。
f)单击ABEF折叠层的第33帧,按F6键插入一关键帧,用鼠标拖曳
图形。
g)单击ABEF折叠层的第48帧,按F6键插入一关键帧,用鼠标拖曳
图形。
h)生成形状简编,但效果不如意,所以单击第33帧添加四个形状提示
点分别置于ABFE点,在单击第48帧将对应形状提示点拖到DCFE
点直到颜色变绿。
i)可以测试效果了。
3.运动动画:
1)小球直接从起点沿直线运动到终点:(0的运动见书p364)
1.建立一个小球的圆形图形元件符号(可以用插入—新建组建,也可以先画
小球再用插入—转换为组件方法)并将小球图形符号元件放在舞台上合适
的起点位置。
2.单击第20帧插入一关键帧,并拖动小球到目标点的位置防置好小球。
3.单击第一帧,右键菜单中选创建动画动作即可。
2)椭圆翻转动画
1.建立一个小球的椭圆图形元件符号(可以用插入—新建组建,也可以先画
小球再用插入—转换为组件方法)并将图形符号元件放在舞台上中央位
置。
2.单击第20帧插入一关键帧,单击造型箭头选择改变尺寸按钮,拖动椭圆
使之上下翻转。
3.单击第一帧,右键菜单中选创建动画动作即可。
3)风车旋转动画(1010110的运动动画P365,文字随风飘落动画)
1.先做风车一片叶子(图形组件)。
画一椭圆并适当变形。
2.插入—新建—图形组件,取名为风车,将图库中的叶子图形组件拖到风车
组件舞台中,打开转换面板(transform)旋转角度设为60,按转换并复
制按钮5次。
风车图形作成了。
3.转换到场景中的舞台,将图库中的风车拖到舞台中央。
4.在第30帧插入一关键帧。
将其形状变小,颜色变淡。
5.右键单击第一帧,创建动画动作,并在帧面板中设置顺时针旋转一周。
6.复制1到30帧粘帖到30帧后,再选中30到60帧右键单击选翻转帧即
可。
4)小球沿固定轨迹运动。
在本实例中,一架飞机在空中做一个大翻身的特技动作,如屏幕所示为飞机的
运动轨迹。
通过本例的说明,你可以掌握制作沿特定路径运动的动画。
1.首先,新建一个文件,然后执行插入—新建符号Insert/New Symbol命令,
插入一个新的图形组件Plane。
在该组件中,我们制作出飞机喷雾的一段动画,
它由两个帧组成。
2.单击场景1(Scene 1)标签,返回到场景中。
单击快速启动工具栏上的显
示库(Show Library)按钮,打开库Library窗口,将Plane拖放到场景的适当
位置。
3.单击添加引导层(Add Guide Layer)按钮,此时会在Layer 1的上方添加
一个参照层。
然后使用铅笔工具,在Guide层画出一段曲线,它将作为飞机的
运动路径。
4.分别在各图层的第20帧处按F6键,插入一个关键帧。
然后单击选取Layer
1层,再将飞机拖放到曲线的第1个端点上。
5.同样,单击选取Layer 1图层的第20帧,将该帧内的飞机拖放到曲线的另
一个端点上。
单击快速启动工具栏上的信息面板信息(Show Info)按钮,打
开信息Info面板,然后单击帧Frame标签,选择形变Tweening下拉列表中的
动作Motion选项,并勾选沿路径适应Orient to path复选项。
至此,本实例制作完毕。
按Ctrl+Enter键即可预览其效果。
思考:如果要让小球运行的轨道是封闭的椭圆该怎么办?(将封闭轨道擦除一
道小缺口就有了轨迹起点和终点了,注意不要太大)
4.遮罩效果动画
(1)底纹会变的字
1.新建一个文件,然后执行文件/导入(File/Import)命令,选择要导入的
图形文件,然后单击“打开”按钮。
2.选中导入的图形文件,然后执行插入/转换为组件(Insert/Conver to Symbol)
命令,在出现的对话框中输入组件名称,并选择图形(Graphic)单选项,再
单击OK按钮。
3.单击第10帧,然后按F6键,在此插入一个关键帧。
选取第1帧中的图形,
然后将其向左移动一段距离,在第1帧与第10帧之间建立一段移动Motion
动画。
4.单击插入层(Insert Layer)按钮,插入一个新层Layer 2,然后在该图层栏
单击鼠标右键,从弹出的快捷菜单中选择遮照Mask命令。
5.单击Layer 2图层中的锁标记,取消锁定,然后单击工具箱中的文本工具,
在屏幕上适当的位置输入文字"缘分",字号设定得大一些。
(2)围绕轨道会自转的地球
a)设置背景大小为100*100.
b)首先找两幅明暗有反差的地图图象或直接打开我的例题将图库中的
两个图形符号dtu1和ditu2拖动到你新建的文件的图库中.
c)在图层1中做一个ditu1组件的从左到右水平移动的动画(注意移动
时保持水平).
d)添加一层图层2,画一没有边框的小球,右键单击图层2,选择遮照.
e)仿照图层1和图层2建图层3和图层4用组件ditu2建一个从右到左
的遮照动画.注意小球完全重叠.
f)插入/组件,选电影剪辑符号取名为dq,在组件舞台中画一个小球,
填充渐进色.
g)在场景中插入一图层5,将dq电影剪辑符号拖到场景中与图层2和
图层4中小球重叠的地方并且改变其大小也与前两个球一样大小,打
开效果面板,设置其alpha属性为适当的数值到看到后面的地图为止.
h)按Ctrl+Enter预览.
(3)思考用(2)中的小球绕椭圆轨道旋转的动画怎么做?(将以上的整个自转
小球都作成一个电影剪辑qiu,再用qiu做一个绕轨道运行的动画就成了.
5.动态按钮
1)隐形按钮
2)声音按钮
3)用按钮控制风车旋转或照书上控制小车旋转
4)多个场景动画的制作:
1.新建一个文件,设置背景大小,颜色。
2.插入/新建一个电影剪辑符号fo,从文件/导入一个gif动画,全部选中导入
的帧数,用修改/描绘位图:颜色界限20,其它参数默认,确定之后选则
图片边沿删除。
3.插入/新建选按钮元件,取名foot,作一个鼠标经过帧为fo动画的按钮,
其它帧为静态的football。
4.用1到3同样的方法制作其它如蛋糕、蜜蜂和小猫的按钮。
5.使用文字按钮的制作方法制作四个文字按钮分别为:football、cake、bee、
cat。
6.在场景1中排列这四个按钮并给第一帧加上指令stop
7.给四个按钮分别添加指令:on (release) {
gotoAndPlay ("场景2", 1);
on (release) {
gotoAndPlay ("场景3", 1);
on (release) {
gotoAndPlay ("场景4", 1);
on (release) {
gotoAndPlay ("场景5", 1);
8.插入/场景2,在场景2中制作足球变形为单词football的变形动画并配音
(参见形变动画的制作)
9.在场景2的最后一帧插入一关键空白帧,将football按钮拖入到舞台中位
置与前面一帧的football单词重叠,大小一致。
10.右键单击football按钮,为其添加指令为on (release) {
gotoAndPlay ("场景1", 1);
}
依照8到10的3步分别插入场景3、4、5和返回按钮动作。
Action 动画
一、鼠标跟随
【实例说明】
在本例中,只要在屏幕上拖动鼠标即可看到一串带有金属质感的小球的动画效果。
如屏幕所示是本例的演示效果。
1.新建一个文件,执行Insert/New Symbol命令,或按Ctrl+F8键,打开如屏幕所示的对话框。
输入组件名称,并选择Graphic单选项,再单击OK按钮。
2.使用工具箱中的椭圆工具,绘制一个带有金属质感的球体。
并将其定位到十字符号处。
3.再次执行Insert/New Sybmol命令,添加一个Button类型的组件,并将其命名“按钮”。
在Hit帧插入一个空白帧。
单击工具箱中的矩形工具,绘制一个同金属球一般大小的圆并以另外一种颜色填充。
4.按Ctrl+F8键,添加一个影片片段,并将其命名为“动画”,再单击OK按钮。
单击快速启动工具栏上的Show Library按钮,打开Library面板,将“按钮”组件拖放到十字符号处。
5.单击第2帧,然后按F7键,插入一个空白帧,将ball组件拖放到十字符号处。
单击第10帧,然后按F6键,插入一个关键帧,将该帧内的小球向下移动一段距离。
6.打开Transform面板,按演示输入数值,然后按Copy and apply transform按钮,将小球进行旋转变形。
7.单击选取第2帧,然后打开Frame面板,在Tweening下拉列表中选择Motion选项,在Rotate下拉列表中选择CW选项,并在times文本框中输入数字2,即表示将小球沿顺时针方向旋转两次。
8.单击第20帧,然后按F6键,插入一个关键帧。
删除该帧内的小球,然后从Library窗口重新拖入一个ball组件到十字符号处。
9.打开Effect面板,将小球的Alpha值设为0。
然后选取第10帧,在第10帧与第20帧之间建立一段Motion动画。
10.接下来,双击第1帧,打开Frame Actions面板,单击按钮展开列表,然后双击Stop选项,为该帧加入帧行为,即让影片在一开始运行的时候就停在第1帧的位置。
11.单击选取第1帧内的按钮组件,然后按演示加入如屏幕所示的语句,使鼠标移到该按钮上之后,就跳转到第2帧开始播放。
12.单击Scene 1标签,返回到主场景。
在场景的任一位置单击鼠标右键,从弹出的快捷菜单中选择Movie Properties选项,打开如屏幕所示的对话框。
按演示设置影片属性,然后单击OK按钮。
13.打开Library窗口,将“动画”组件拖入到场景中,然后将其缩放到适当大小。
最后,在场景中复制无数个动画组件,并将它们紧密排列在一起。
至此,本例全部制作完毕。
按Ctrl+Enter键可观看影片效果。
二、动画光标
【实例说明】
在本例中,我们制作一种动画光标的效果。
如屏幕所示,当鼠标指针移入到房屋上时,即会看到一段动画光标,并且将原来的鼠标指针隐藏起来。
当移出房屋出,鼠标指针恢复原样。
通过本例的学习,读者可以掌握在影片中如何控制鼠标的显示与隐藏。
1.新建一个文件,然后执行Insert/New Symbol命令,在出现的对话框中输入组件名称,并将其属性指定为Movie Clip,然后单击OK按钮。
2.执行File/Import命令,打开如屏幕所示的对话框,在此对话框中选择想要导入的图形文件。
这里,我们将代表鼠标动画的序列图片全部导入到Flash中,只需选中第1个图形文件:an0001.gif,然后单击“打开”按钮。
此时,Flash会询问是否要导入序列文件。
3、单击“是”按钮,Flash会自动建立关键帧,并将导入的图形依顺放在各关键帧中。
4、将外部图形导入到Flash中之后,可以先选中图形,然后执行Modify/Trace Bitmap命令,为图形去除不必要的背景色。
4.选取Layer 1图层的所有帧,然后将其向后移动1帧。
双击第1帧,并为该帧加入Stop 语句。
然后单击最后一帧,为其加入Go to语句。
5.接下来,我们加入一个按钮组件Hot,在Hit帧按F7键,插入一个空白帧,然后使用矩
形工具,在编辑区绘制一个矩形。
此按钮将作为一个隐形按钮放在场景中。
6.单击Scene 1标签,返回到场景中。
在场景中制作一个背景图片,然后将Hot按钮拖放到场景中,并调整好其位置及大小。
7.接下来,将“光标动画”组件拖入到场景的适当位置,并将其命名为Cursor。
注意,由于光标动画的第1帧为空,将其拖入到场景中时,以一个小圆圈表示。
8.单击选取Hot按钮,然后单击快速启动工具栏中的Show Actions按钮,按演示加入如屏幕所示的语句:
9、上面的语句表示,当用户将鼠标指针移到Hot按钮上时,告知Cursor影片片段从第2帧开始播放,并将鼠标指针隐藏。
当用户将鼠标指针移出按钮时,将播放头停放在Cursor影片片段的第1帧,并将鼠标指针显示出来。
10、至此,本例全部制作完毕。
按Ctrl+Enter键即可测试影片。