1、简单动画制作入门篇,综合作业,电子贺卡要求有2个以上的场景变换其中至少包含我们讲过的花朵、苹果、红心等内容中的一项。有文字，有动画，在祝福的话语中要有作者的名字,动画：由许多画面按照一定时间顺序进行播放,Flash动画分类,逐帧动画,补间动画,动作补间动画 可以设置对象的大小、位置、旋转、倾斜、颜色、透明度等，但前提是此对象为一个独立的元件,形状补间动画 可以设置对象的形状、颜色、位置的变化，前提是此对象为分离状态,每一个动作分成很多画面，这些画面单独对它绘制，将他们连起来进行播放，形成逐帧动画,逐帧动画做起来麻烦，功能最强大,时间轴,时间轴改变显示的大小,了解时间轴就了解了动画的播放顺序,播
2、放头,帧,关键帧：动画的起始画面和结束画面（黑色圆圈 ）帧：关键帧中间补充的灰色的称为帧（自动补充的）空白关键帧：没有画面的关键帧称为空白关键帧(白色圆圈 )空白帧：没有画面的帧称为空白帧,帧,关键帧,关键帧,空白关键帧,空白帧,简单动画制作入门篇,1.文字效果初步2.逐帧动画的运用3.形状动画的制作4.运动的小球5. 旋转的风车,简单动画制作文字效果,中空字的制作,任务要求：制作“FLASH动画制作”的中空字，实现效果如图，保存文件。,简单动画制作文字效果,中空字的制作,1新建文档，使用文字工具在场景中写上“FLASH动画制作”，隶书。2给文字添加轮廓线只有在对象是形体的情况下才能加，所以我
3、们要把文字打散成形体。用选择工具选中文字，按下两次Ctrl-B将文字打散。然后选择墨水瓶工具，蓝色，用墨水瓶的尖端点依次点击所有组成文字的打散形体，直到文字外出现完整的轮廓线为止。这时按下Delete键，把阴影部分，剩下的就是文字的轮廓线，或者称之为中空字。因为这些中空字是形体的轮廓，所以仍然可以用墨水瓶工具对它们的线型，线宽和颜色进行修改。,逐帧动画,绘图纸外观,绘图纸外观轮廓,编辑多个帧,简单动画制作逐帧动画的运用,1.逐帧动画的运用-倒计时效果的制作,任务要求：制作一个倒计时动画，一次显示Ready！10，9，8，7，6，5，4，3，2，1，GO!，其效果如图，测试动画效果，保存文件。,
4、倒计时动画的效果图,。,简单动画制作逐帧动画的运用,1.逐帧动画的运用- 倒计时效果的制作,1新建一个Flash文档。修改文档的大小为100*100，背景黑色。为了使动画速度不至太快，我们将播放速度设为1 fps2选择文本工具，设置字体为隶书，文字大小为70，颜色设为浅蓝色。在舞台中央单击鼠标右键，输入“1”字。3按F6键11次，插入11个关键帧，这时时间轴上共有12个关键帧 4修改这12帧上的内容一次为Ready，10，9，8，7，6，5，4，3，2，1，GO!其中第1帧和第12帧上的字体大小重新设置一下，使文字适合舞台大小 5一个简单的逐帧动画就做好了，测试一下效果，保存文件。,简单动画制
5、作形状动画,2.1形状动画第1帧绘制一个椭圆在第30帧绘制插入一空白关键帧在第30帧绘制一个矩形单击第1到第30帧任意位置，在属性面板补间选择形状测试动画,简单动画制作形状动画,2.2形状动画-延伸的直线,1启动Flash，新建一个文件，背景色设为蓝色2用铅笔工具或直线工具画一条横向的短线 线宽设置为4，按住Shift键画一条笔直的横线。如图所示。3在第40帧按下F6插入一关键帧后，选中选择工具，移动鼠标到短横线的右端，点住鼠标左键并向右拖动，直到直线足够长为止。4用鼠标左键单击时间轴上的第1帧选中第1帧，在帧属性面板中补间后的下拉列表框中选形状。这时在第1帧和第40帧之间出现一个实箭头，背景
6、变为淡绿色，表明是形体渐变动画。5按Ctrl-Enter看一下效果，一个直线不断延伸的动画就完成了,简单动画制作形状动画,2.3形状动画-变幻的字符,1新建文件，并设置文档属性 2输入字符F，并进行处理选择文字工具，把鼠标移到舞台中点一下，会出现一个文字输入框，选择字体，字号，设定颜色为黄色，输入字母F。,3依次输入字符LASH在时间轴的第12帧点鼠标左键，按F6插入一关键帧，这一帧的内容和第1帧一样。双击这一帧中的字母F，把字母F替换成字母L。用同样的方法，分别在第24帧，第36帧，第48帧，第60帧插入关键帧，并把相应的字母变成A，S，H，F,简单动画制作形状动画,2.3形状动画-变幻的字
7、符,4设置动画因为要制作的是形体渐变动画，我们首先要把已经集合了的字符打散成形体。选择第1帧，按Ctrl-B把字母F打散。然后依次选择第12，24，36，48和60帧按Ctrl-B把字母L，A，S，H，F分别打散。选择第1帧，在下方区域中帧属性面板的补间列表框中选择形状，可以看到从第1帧到第12帧出现了形状动画的提示线。然后分别对第12帧，24帧，36帧及48帧如此操作。,字符变换动画的时间轴图示,5预览效果按Ctrl-Enter预览一下效果，字符变换的效果就实现了,三角形形状动画,图1,图2,图3,新建一个FLASH文件使用矩形工具绘制一个正方形，填充蓝色，边框无色把正方形调整成一个三角形如
8、图1在20帧插入一个关键帧，把三角形平移到右侧，选择“修改变形水平翻转”回到第一帧，在属性窗口中，做形状动画。如图2，播放动画并查看使用“修改形状添加形状提示”，给三角形添加3个提示点调整开始帧和结束帧abc三个点的位置，然后播放动画并查看如图3,简单动画制作补间动画,3.1 补间动画-水平运动的小球1启动Flash CS3 ，选择菜单“修改|文档”，打开文档属性对话框，修改文档属性：蓝色背景，宽300点，高50点，一般来说，在互联网上播出的动画，每秒812帧的播放速度比较合适一些。,2.选择椭圆工具，笔触颜色为无，填充颜色为放射渐变，在蓝色舞台的左侧按下SHIFT键绘制一个小球，如图。这时在
9、第1帧的中空的小圆圈变成了实心。,在舞台的左侧绘制小球,3. 选中小球，选择菜单“修改|转换为元件”将打开元件转换对话框。选择里面的图形元件，为元件起一个名字“小球”，单击确定按钮。,元件:相当于电影中的道具，可以在本身文件或其它文件中重复调用。,简单动画制作补间动画,3.1 补间动画-水平运动的小球4插入关键帧,在时间轴的第30帧上，点击鼠标右键，在菜单中选择插入关键帧选项，在第30帧处出现了实心的小圆圈，表示该帧上已经有了内容。这是我们看不到舞台上有什么变化，因为第1帧和第30帧的小球重在了一起，确定现在正在第30帧上，我们移动小球到舞台的右侧，如图所示,移动小球到舞台的右侧,简单动画制作
10、补间动画,3.1 补间动画-水平运动的小球5创建动画,鼠标在时间轴的1到29帧的任意一帧上单击鼠标右键，选择最上面的选项创建补间动画，这时时间轴就变成了如图所示，表示动画创建完成了。,创建完动画后的时间轴,6测试动画,保存动画文件,按回车键预览动画，测试影片用Ctrl+回车键,保存文件,简单动画制作补间动画,3.3 补间动画-水平运动的小球慢慢消失,1启动Flash，打开动画文件运动的小球。 2点击第30帧使处在舞台最右端的小球被选中，用鼠标左键单击小球，看到属性面板。,小球实例的属性设置,3设置小球实例的属性面板 单击颜色下拉列表框，在颜色下拉列表选项中选中Alpha，在透明度输入框中输入百
11、分值0，使小球完全透明,确定。,透明度设置,4测试效果并保存,简单动画制作补间动画,3.4 补间动画-水平运动的小球先慢慢变小然后慢慢变大复原,1启动Flash，打开运动的小球动 2选中第15帧按F6插入一个关键帧，如图所示。,在时间轴的中间插入一关键帧,3用鼠标右键点击此帧下的小球，在弹出的菜单中选择任意变形，将小球缩小到一定程度就可以了。提示：在缩小小球的时候按下SHIFT，拖动四个角上的控制点可以实现宽和高比例缩放。4测试动画(按Ctrl-Enter测试动画),保存。,简单动画制作补间动画,3.6 补间动画-上下运动的小球,1启动Flash，设置舞台的大小及颜色 ,绘制圆球在舞台上用桔黄
12、到白色的放射渐变色画一个大小适中的圆球形，不要边线。2转换圆球为元件选中这个圆球形，按F8键把它转换成图形元件，在弹出的窗口中给这个元件起名为小球，并确认是图形类元件，按回车确定。这时圆球形外面出现一个方框，如右图所示 ，表示小球已经成为一个实例。3设计动画在第1帧上把小球拖动到舞台的最上端，在第20帧上按F6键插入一个关键帧，把实例小球从最上端拖动到最下端，后再在第40帧处按F6插入一关键帧，为了使小球在这一帧能回到原位，我们可以把第1帧的内容复制到这一帧。在第1帧到第20帧之间插入补间动画，在第20帧到第40帧之间插入补间动画，时间轴的状态应如图。,简单动画制作补间动画,3.6 补间动画-
13、上下运动的小球,4用Ctrl+回车键测试，小球在作上下运动，没有重力感觉，继续往下做。 5设置加减速单击时间轴第1帧，在屏幕下方的帧属性面板中，找到 ，输入-100。然后在第20帧单击，把缓动的值调整为100。测试效果,提示：缓动作用是在运动的过程中产生速度上的变化，默认值为0，即为匀速运动。当缓动的值为负时，加速运动，相反，当缓动的值为正时，减速运动。小球下落过程中，速度越来越快，所以我们把缓动的值改为负值，注意在缓动值为-100时，比较接近重力加速度。当小球弹起时，速度越来越慢，因此缓动值为正。,简单动画制作运动渐变动画,4.1运动渐变动画-旋转的风车,任务要求：绘制一个如图的六个叶片风车
14、，让风车转动起来，保存文件。,风车,简单动画制作运动渐变动画,4.1运动渐变动画-旋转的风车,1绘制风车的一个叶片 选择矩形工具，笔触颜色为无，填充色为粉色，绘制一个矩形如图a。选选择工具，将矩形左上角的顶点向右拖动与右上角的顶点重合如图b。用鼠标分别点住三角形的两条直角边拖出一个弧形，调整使弧形连续，如图c、d。选中叶片，按F8将其转换为元件，在元件属性框中将其命名为叶片，确定图形类元件后回车。这时叶片就变成了实例。按Ctrl-L打开图库窗口，为了使叶片旋转时不致发生偏离的情况，我们需要把叶片调整到合适的位置，双击图库窗口中预览窗口的叶片，进入元件编辑状态，如图e，把叶片移动到图示位置，使其
15、尖端指向十字定位中心。现在我们就做好了一个叶片了。,（a） （b） （c） （d） （e）风车叶片的制作过程,简单动画制作运动渐变动画,4.1运动渐变动画-旋转的风车,3制作整个风车选菜单项“窗口|设计面板|变形”，打开变形窗口。选中做好的叶片，在变形窗口中的旋转项下输入60，点复制并应用按钮5次，复制出六个叶片，组成六个叶片的风车。Ctrl+A选择这八个叶片按F8键转换成一个元件，起名叫风车。,5测试动画现在按Ctrl-Enter来看一看效果吧。,简单动画制作运动渐变动画,4.1运动渐变动画-旋转的风车,4创建动画在第30帧按F6插入一个关键帧。单击第1帧，在帧属性面板中，在补间列表框中选择
16、动作创建运动渐变动画。在旋转列表框中选择顺时针，旋转次数为1。这样，风车将在第1帧到第30帧之间顺时针旋转1圈。,帧属性面板的设置,简单动画制作运动渐变动画,4.2运动渐变动画-转动中颜色、速度、大小变化的风车,1启动Flash，并打开风车文档 2修改动画在第60帧处按F6插入一关键帧，在第30帧单击鼠标左键，在帧属性面板设置帧的动画属性，将补间设置为动作，并将旋转设为顺时针，次数栏中填2次。现在风车将在第30到60帧的时间里顺时针旋转2圈。,简单动画制作运动渐变动画,4.2运动渐变动画-转动中颜色、速度、大小变化的风车,选择时间轴上第30帧，用鼠标右键点击风车实例，在弹出的菜单中选择任意变形
17、，将风车缩小一些。随后，单击该风车实例，进入实例属性面板，在颜色列表中中选色调，这样我们就把大小的颜色变化设置完成了。,实例的颜色设置,3测试动画现在按Ctrl-Enter来看一看效果吧，保存文件。,甲虫运动会,甲虫运动会-（1）绘制跑道,1.新建文件，使用椭圆工具绘制一个正圆,无填充色，图13. 选择任意变形工具选定圆形，选择“窗口|变形”命令，在变形面板设置变形，70%，图2单击该面板右下角的“拷贝并应用变形”按钮，得到第2个圆。用相同的办法，40%，得到第3个圆。如图34.选择直线工具（颜色要同圆形不一样），把3个同心圆从中间分成左右两半，图4,5.利用工具栏中的第一个选择工具，将两个半
18、圆分开，图5中间用直线连接，使用颜料筒工具填充深红色，并适当修饰，图66.绘制直线，输入文字“START”图7,图1,图2,图3,图4,图5,图7,图6,甲虫运动会-（2）甲虫运动,9.新建一个图层2，双击图层改名为甲虫，选择该图层，选择“文件-导入-导入到舞台”，将d:下的甲虫.jpg文件导入到舞台中，利用任意变形工具，调整甲虫的大小和位置如图110.选择图层1，在图层1的60帧选择“插入帧”11.选择甲虫图层，选择第1帧，选择任意变形工具，调整甲虫的中心点拖动到左侧半圆的圆心位置。图212.选择甲虫图层，在第15、45、60帧插入关键帧，13.选择第15帧，将甲虫水平移动甲虫到水平跑道的尽
19、头，如图313.选择甲虫图层的30帧，使用任意变形工具进行旋转，到图4位置14.选择第15帧，在下面的属性面板中选择动画，设置逆时针旋转0次，图515.选择甲虫图层第45帧，并移动甲虫到水平跑道的尽头，如图616.选择甲虫图层60帧插入关键帧，使用任意变形工具进行旋转，回到起点图1位置17.选择甲虫图层，选择第45帧，创建动画，设置旋转方向和次数次18选择文字工具，输入文字“甲壳虫运动会”，选择第60帧，插入帧19.运行动画，保存文件（文件名为3位机器号+姓名-2），上交,图2,图4,图1,图1,中心点图2,第15帧图3,图4,图6,图5,简单动画制作补间动画,3.5 补间动画-让小球沿指定的
20、路径运动,1新建小球，转化为图形元件,2创建运动引导层 运动引导层是一个单独的层，在这个层上绘制小球要走过的路径。建立引导层方法，一种是点击时间轴窗口左下角添加运动引导层按钮，在当前层上新建一个运动引导层。另一种先建立一个普通的层，在该层上点鼠标右键，在弹出的菜单中选择引导层，使其前面出现符号 。,鼠标右键点击小球所在图层，在弹出的菜单中选择属性，打开图层属性对话框，在类型中选择被引导，使小球层与其上的引导层发生关联，我们看到小球层向右缩进，表示二者已产生关联。,图层属性对话框,简单动画制作补间动画,3.5 补间动画-让小球沿指定的路径运动,3绘制引导层路径 下面我们就在引导层中绘制一条路径。
21、为了避免对小球所在层进行误操作，点击小球所在层上所对应的黑点，使该层被锁定，不能被编辑。点击引导层第1帧，选择铅笔工具，选择笔触颜色（引导层在动画播放中不被显示），然后绘制一条光滑曲线，这条就是小球将要沿着运动的路径。,导向线,简单动画制作补间动画,3.5 补间动画-让小球沿指定的路径运动,4把小球放到引导线上现在解除小球所在层的锁定，恢复该层的可编辑状态。在绘图工具栏中选选择工具，将其下方参数修改器的捕捉(Snap)按钮选定为状态 。点击小球所在层的第1帧，点住小球中心附近将其拖动到路径最左端，小球中心出现小圆圈，当小球接近路径端点时，中心点自动捕捉到该端点，如图，这样我们就把小球放在了路径的起始位置。同样，我们再点击小球所在层的第30帧，将小球中心放置在路径的另一端。现在，我们就完成了所有的工作。,小球吸附到路径,5测试动画,
