1、1主要内容主要内容动画概述动画概述3.1平面矢量动画大师平面矢量动画大师FlashFlash3.2FlashFlash动画制作动画制作3.32第第6周任务周任务33.1动画概述动画概述n3.1.1 动画原理动画原理n3.1.2 动画分类动画分类n3.1.3 常用的动画制作软件常用的动画制作软件43.1.1 动画原理动画原理n动画是由一系列静态画面按照一定的顺序组动画是由一系列静态画面按照一定的顺序组成的，这些静态的画面称为动画的帧。成的，这些静态的画面称为动画的帧。n通常情况下，相邻的帧差别不大，其内容的通常情况下，相邻的帧差别不大，其内容的变化存在一定的规律。变化存在一定的规律。n当这些帧按
2、顺序以一定的速度播放时，由于当这些帧按顺序以一定的速度播放时，由于眼睛的视觉滞留作用（滞留时间的长度一般眼睛的视觉滞留作用（滞留时间的长度一般在在0.10.4s）的存在，形成了连贯的动画效）的存在，形成了连贯的动画效果。果。5图图1-3-11-3-1美术片美术片哪吒传奇哪吒传奇中的部分画面中的部分画面6动画与视频的区别动画与视频的区别n动画画面比较简洁，具有浪漫主义色彩；视动画画面比较简洁，具有浪漫主义色彩；视频画面直接反映现实世界，具有写实主义风频画面直接反映现实世界，具有写实主义风格；格；n动画作品可夹杂视频片段，影视作品也可夹动画作品可夹杂视频片段，影视作品也可夹杂动画片段。杂动画片段。
3、73.1.2 动画分类动画分类n传统动画就是一幅幅预先绘制好的静态画面传统动画就是一幅幅预先绘制好的静态画面的连续播放；的连续播放；n计算机动画：计算机动画：逐帧动画：与传统动画原理相似；逐帧动画：与传统动画原理相似；补间动画：则通过插值方法在两个静态画面之间补间动画：则通过插值方法在两个静态画面之间生成一系列过渡画面；生成一系列过渡画面；nFlash动画甚至允许与用户互动。动画甚至允许与用户互动。83.1.3常用的动画制作软件常用的动画制作软件n1Gif Animatorn2Adobe ImageReadyn3Flashn4Directorn53ds Maxn6Mayan7Morpher该软
4、件用户只需提供首尾两张图像，中间的变形该软件用户只需提供首尾两张图像，中间的变形过程全由软件完成过程全由软件完成93.2平面矢量动画大师平面矢量动画大师FlashnFlash动画大师特点：动画大师特点：1软件简单易用软件简单易用2动画基于矢量图形动画基于矢量图形3动画流式传输动画流式传输4多媒体制作环境和强大的交互功能多媒体制作环境和强大的交互功能103.2.1Flash动画相关概念动画相关概念n1图层图层n2时间轴时间轴n3舞台舞台n4工作区工作区n5帧帧n6关键帧关键帧n7场景场景11图图1-3-51-3-5Flash CS4Flash CS4的文档窗口的文档窗口123.2.2基本工具的使
5、用基本工具的使用n1笔触颜色笔触颜色用于设置图形中线条的颜色用于设置图形中线条的颜色n2填充色填充色用于设置图形内部填充的颜色用于设置图形内部填充的颜色n3选择工具选择工具用于选择和移动对象，同时还可调整线条的形状用于选择和移动对象，同时还可调整线条的形状n4线条工具线条工具用于绘制任意长短和方向的直线段用于绘制任意长短和方向的直线段13基本工具的使用基本工具的使用n5椭圆工具椭圆工具用于绘制椭圆形和圆形用于绘制椭圆形和圆形n6矩形工具矩形工具用于绘制矩形、正方形和圆角矩形用于绘制矩形、正方形和圆角矩形n7多角星形工具多角星形工具用于绘制正多边形和正多角星形用于绘制正多边形和正多角星形n8铅笔
6、工具铅笔工具用于绘制手绘线条用于绘制手绘线条14基本工具的使用基本工具的使用n9橡皮擦工具橡皮擦工具擦除绘图工具绘制的图形擦除绘图工具绘制的图形擦除完全分离的组合、位图、文本对象、元件实擦除完全分离的组合、位图、文本对象、元件实例例擦除舞台上所有未锁定的对象擦除舞台上所有未锁定的对象n10墨水瓶工具墨水瓶工具用于修改线条的颜色、透明度、线宽和线型用于修改线条的颜色、透明度、线宽和线型n11颜料桶工具颜料桶工具用于在图形的填充区域填充单色、渐变色和位图用于在图形的填充区域填充单色、渐变色和位图15基本工具的使用基本工具的使用n12手形工具手形工具用于拖动工作区，使工作区中未现内容显示出来用于拖动
7、工作区，使工作区中未现内容显示出来n13缩放工具缩放工具用于将工作区画面放大或缩小显示用于将工作区画面放大或缩小显示n14文本工具文本工具用于向舞台插入静态文本、动态文本或输入文本用于向舞台插入静态文本、动态文本或输入文本n15任意变形工具任意变形工具用于在对象上实施缩放、旋转和斜切等变形用于在对象上实施缩放、旋转和斜切等变形163.2.3Flash基本操作基本操作n1设置文档属性设置文档属性n2调整舞台的显示比例调整舞台的显示比例n3面板管理面板管理n4导入外部对象导入外部对象n5图层管理图层管理n6调整对象的排列顺序调整对象的排列顺序n7锁定对象锁定对象n8组合对象组合对象17Flash基
8、本操作基本操作n9分离对象分离对象n10对齐对象对齐对象n11分布对象分布对象n12精确变形对象精确变形对象n13库资源的利用库资源的利用n14动画的测试与发布动画的测试与发布18第第7周任务周任务193.3Flash动画制作动画制作nFlash可以制作如下类型的动画：可以制作如下类型的动画：逐帧动画逐帧动画补间动画补间动画 补间形状动画、传统补间动画、引导路径动画、对象补间形状动画、传统补间动画、引导路径动画、对象补间动画、遮罩动画、补间动画、遮罩动画、3D补间动画补间动画元件动画元件动画骨骼动画骨骼动画交互式动画等。交互式动画等。203.3.1逐帧动画的制作逐帧动画的制作n所谓逐帧动画，是
9、指动画的每个帧都要由制所谓逐帧动画，是指动画的每个帧都要由制作者手动完成，这些帧称为关键帧。作者手动完成，这些帧称为关键帧。n在逐帧动画中，关键帧中的对象可以使用在逐帧动画中，关键帧中的对象可以使用Flash的绘图工具绘制，也可以是外部导入的的绘图工具绘制，也可以是外部导入的图形图像资源。图形图像资源。n制作实例：制作实例：1制作眨眼睛动画制作眨眼睛动画2制作制作Loading动画动画21实验实验n实验实验3-1 制作小苗成长动画制作小苗成长动画223.3.2补间动画的制作补间动画的制作n所谓补间动画，指制作者只进行过渡动画中所谓补间动画，指制作者只进行过渡动画中首尾两个关键帧的制作，关键帧之
10、间的过渡首尾两个关键帧的制作，关键帧之间的过渡帧由计算机自动计算完成，从而实现两个关帧由计算机自动计算完成，从而实现两个关键帧之间的颜色、形状、大小、方向以及位键帧之间的颜色、形状、大小、方向以及位置的连续变化。置的连续变化。23补间动画的分类补间动画的分类n按照补间中计算的对象不同，按照补间中计算的对象不同，Flash的基础补的基础补间动画可分为间动画可分为2类：类：1）形状补间动画）形状补间动画2）传统补间动画）传统补间动画n其他比较复杂的补间动画还有：其他比较复杂的补间动画还有：引导路径动画引导路径动画遮罩动画遮罩动画对象补间动画对象补间动画3D补间动画补间动画241制作形状补间动画制作
11、形状补间动画n在在Flash中，使用中，使用Flash绘图工具直接绘制的绘图工具直接绘制的以下对象能够用于补间形状动画：以下对象能够用于补间形状动画：完全分离的矢量图形、完全分离的组合、完全分完全分离的矢量图形、完全分离的组合、完全分离的元件实例、完全分离的文本、完全分离的位离的元件实例、完全分离的文本、完全分离的位图图n在形状补间动画中，能够产生过渡效果的对在形状补间动画中，能够产生过渡效果的对象属性有：象属性有：形状、位置、大小、颜色、透明度等形状、位置、大小、颜色、透明度等n制作实例：制作实例：制作水果变形动画制作水果变形动画252制作传统补间动画制作传统补间动画n在在Flash中，能够
12、用于传统补间动画的对象有：中，能够用于传统补间动画的对象有：组合、元件实例、文本、位图等组合、元件实例、文本、位图等n在传统补间动画中，能够产生过渡效果的对在传统补间动画中，能够产生过渡效果的对象属性有：象属性有：位置、大小、旋转角度、颜色（只对元件实例）、位置、大小、旋转角度、颜色（只对元件实例）、透明度（只对元件实例）等透明度（只对元件实例）等n制作实例：制作实例：制作球体从空中下落又弹起的动画制作球体从空中下落又弹起的动画制作钟摆动画制作钟摆动画26实验实验n实验实验3-2 制作翻页动画制作翻页动画 273.其他比较复杂的补间动画其他比较复杂的补间动画n1）遮罩动画）遮罩动画n2）引导路
13、径动画）引导路径动画n3）对象补间动画）对象补间动画n4）3D补间动画补间动画281）遮罩动画的制作）遮罩动画的制作n 遮罩层是遮罩层是Flash动画中的特殊图层之一。动画中的特殊图层之一。n 遮罩层用于控制紧挨在其下面的被遮罩层的显示范遮罩层用于控制紧挨在其下面的被遮罩层的显示范围。围。确切地说，遮罩层上的填充区域像一个窗口，透过它可以确切地说，遮罩层上的填充区域像一个窗口，透过它可以看到被遮罩层上对应区域的画面看到被遮罩层上对应区域的画面n 在遮罩层上创建各类动画，就可形成一个随意变化在遮罩层上创建各类动画，就可形成一个随意变化的动态窗口，从而形成许多有趣的动画效果的动态窗口，从而形成许多
14、有趣的动画效果n 制作实例：制作实例：制作简单画面切换效果制作简单画面切换效果29实验实验n实验实验3-3 制作探照灯动画效果制作探照灯动画效果 302）引导路径动画）引导路径动画n引引导导路路径径动动画画主主要要是是制制作作让让对对象象沿沿指指定定的的路路径径进进行行运运动动的的轨轨迹迹动动画。画。比比较：较：传传统统补补间间位位置置移移动动动动画画是是沿沿着着直直线线运运行行n引引导导路路径径动动画画的的制制作作至至少少需需要要两两个个图图层：层：引引导导层：层：绘绘制制运运动动轨轨迹迹被被引引导导层：层：放放置置要要运运动动的的元元件件实实例，例，并并创创建建元元件件传传统统补补间间n右
15、右键键单单击击被被引引导导层，层，选选择择“添添加加传传统统运运动动引引导导层层”命命令令即即可可增增加加其其引引导导层。层。n制制作作实实例：例：P134制制作作蝴蝴蝶蝶飞飞舞舞动动画画313）对象补间动画）对象补间动画n 补补间间也也可可直直接接应应用用于于对对象象上，上，而而不不是是应应用用于于关关键键帧帧之之间，间，此此时时移移动动对对象象位位置置将将在在舞舞台台上上出出现现一一条条路路径径线线条，条，线线条条上上有有很很多多节节点，点，分分别别对对应应一一个个帧。帧。n 然然后后可可利利用用“选选择择工工具具”或或“部部分分选选择择工工具具”对对路路径径线线条条进进行行调调整，整，从
16、从而而使使对对象象沿沿着着路路径径线线条条运运动。动。n 创创建建对对象象补补间间的的方方法：法：在在对对象象上上单单击击鼠鼠标标右右键键选选择择“创创建建补补间间动动画画”命命令。令。n 对对于于对对象象补补间间可可以以利利用用“动动画画编编辑辑器器”对对补补间间进进行行精精确确控控制；制；还还可可选选用用Flash内内置置的的“动动画画预预设设”效效果果为为对对象象添添加加预预设设动动画画补补间。间。单单击击【窗窗口口】|【动动画画编编辑辑器器】、【动动画画预预设设】命命令，令，打打开开相相应应窗窗口。口。324）3D补间动画补间动画n Flash为对象元件在为对象元件在3D空间内的移动和
17、旋转提供了空间内的移动和旋转提供了专门的工具，它们是专门的工具，它们是“3D平移工具平移工具”和和“3D旋转工旋转工具具”，使用这两种工具可以获得逼真的，使用这两种工具可以获得逼真的3D透视效果。透视效果。n 在创建在创建3D补间动画时，首先在第一关键帧右键单击补间动画时，首先在第一关键帧右键单击选择选择“创建补间动画创建补间动画”命令为对象元件实例创建补命令为对象元件实例创建补间动画，然后将播放头放置到补间最后帧的位置，间动画，然后将播放头放置到补间最后帧的位置，使用使用“3D平移工具平移工具”和和“3D旋转工具旋转工具”对舞台上的对舞台上的实例进行实例进行3D变换。此时，变换。此时，Fla
18、sh将自动创建两个关将自动创建两个关键帧间的键帧间的3D补间动画。补间动画。33“3D平移工具平移工具”和和“3D旋转工具旋转工具”n3D平移工具：平移工具：使用鼠标左右拖动使用鼠标左右拖动X轴或上下拖动轴或上下拖动Y轴的箭头，即轴的箭头，即可将实例在水平或垂直方向移动；上下拖动黑色可将实例在水平或垂直方向移动；上下拖动黑色圆点（圆点（Z轴），即可将实例在里外方向缩放。轴），即可将实例在里外方向缩放。n3D旋转工具：旋转工具：使用鼠标沿顺时针方向旋转使用鼠标沿顺时针方向旋转X轴或轴或Y轴，即可将实轴，即可将实例沿着例沿着Y轴或轴或X轴旋转；顺时针方向旋转圆边线轴旋转；顺时针方向旋转圆边线（Z轴
19、），即可将实例沿着圆心旋转。轴），即可将实例沿着圆心旋转。343.3.3 骨骼动画骨骼动画n 补间动画只能控制单一元件的运动，而骨骼动画可补间动画只能控制单一元件的运动，而骨骼动画可将多个元件通过骨骼绑定起来以实现多元件的复杂将多个元件通过骨骼绑定起来以实现多元件的复杂运动。运动。n 在工具箱中选择在工具箱中选择“骨骼工具骨骼工具”，在一个对象中单击，在一个对象中单击，向另一个对象拖动鼠标，释放鼠标后即可创建这两向另一个对象拖动鼠标，释放鼠标后即可创建这两个对象间的链接，如此反复形成一条骨骼链。个对象间的链接，如此反复形成一条骨骼链。n 在另一关键帧上，用鼠标拖动骨骼链末端的元件，在另一关键帧
20、上，用鼠标拖动骨骼链末端的元件，整个链上的元件都会相应移动，从而两关键帧间形整个链上的元件都会相应移动，从而两关键帧间形成骨骼动画补间。成骨骼动画补间。视频欣赏35第第8周任务周任务363.3.4元件动画的制作元件动画的制作n在在Flash中，元件（中，元件（Symbol）是存放于库中）是存放于库中的、可以重复使用的图形、动画片段（影片的、可以重复使用的图形、动画片段（影片剪辑）或按钮等资源。剪辑）或按钮等资源。n元件类型：元件类型：图形元件图形元件影片剪辑元件影片剪辑元件按钮元件按钮元件371.元件基本操作元件基本操作n1）创建元件）创建元件n2）修改元件）修改元件n3）添加色彩效果）添加色
21、彩效果n4）添加滤镜效果）添加滤镜效果382.元件应用案例元件应用案例n1）制作动态按钮）制作动态按钮n2）使用）使用Flash元件和引导层技术制作蝴蝶飞元件和引导层技术制作蝴蝶飞舞动画舞动画n3）使用）使用Flash元件和遮罩层技术制作水波效元件和遮罩层技术制作水波效果动画果动画39实验实验n实验实验3-4 制作小汽车行驶动画制作小汽车行驶动画n实验实验3-5 制作画面淡变切换动画制作画面淡变切换动画n实验实验3-6 制作梅花飘落动画制作梅花飘落动画n实验实验3-7 制作日出动画制作日出动画40第第9周任务周任务413.3.5交互式动画的制作交互式动画的制作n 所谓交互式动画就是借助所谓交互
22、式动画就是借助ActionScript代码实现的代码实现的动画。动画。可以为帧、按钮实例、影片剪辑实例等元素添加可以为帧、按钮实例、影片剪辑实例等元素添加ActionScript代码代码 为帧添加的动作脚本将在播放指针到达该帧时运行；为帧添加的动作脚本将在播放指针到达该帧时运行；为按钮和影片剪辑实例添加的动作脚本则在相关事件（如鼠标单为按钮和影片剪辑实例添加的动作脚本则在相关事件（如鼠标单击、在键盘上按下某键、影片剪辑播放到某帧等）发生时运行击、在键盘上按下某键、影片剪辑播放到某帧等）发生时运行n 在这类动画中，用户通过鼠标、键盘等输入设备可在这类动画中，用户通过鼠标、键盘等输入设备可以实现对
23、动画的控制。以实现对动画的控制。n 交互式动画体现了交互式动画体现了Flash的强大功能。的强大功能。42制作实例制作实例n1制作简单导航动画制作简单导航动画n2制作下雪动画制作下雪动画43实验实验n实验实验3-8 制作下雨动画制作下雨动画 44第第3章操作题章操作题 nP159三、操作题三、操作题依依却却奔奔村村坊坊精精拼拼 命命丧丧抖抖磨磨希希精心精心 希望希望 依然依然 飞舞飞舞 拼命拼命 抖动抖动 寻找寻找 磨坊磨坊继续继续 奔跑奔跑 大惊失色大惊失色 千呼万唤千呼万唤 垂头丧气垂头丧气10 10 风筝风筝 10 10 风筝风筝 我们去放风筝。一个人用手托着，我们去放风筝。一个人用手托
24、着，另一个人牵着线，站在远远的地方，说另一个人牵着线，站在远远的地方，说声声“放放”，那线一紧一松，风筝就凌空，那线一紧一松，风筝就凌空飞起，渐渐高过树梢了。牵线人飞快地飞起，渐渐高过树梢了。牵线人飞快地跑起来。风筝越飞越高，在空中翩翩飞跑起来。风筝越飞越高，在空中翩翩飞舞着，我们快活地喊叫着，在田野里拼舞着，我们快活地喊叫着，在田野里拼命地奔跑。村里人看见了，说：命地奔跑。村里人看见了，说：“放得放得这么高！这么高！”10 10 风筝风筝 从早晨玩到下午，我们还是歇从早晨玩到下午，我们还是歇不下来，牵着风筝在田野里奔跑。不下来，牵着风筝在田野里奔跑。风筝越飞越高，似乎飞到了云彩上。风筝越飞越
25、高，似乎飞到了云彩上。兴奋快乐喜悦愉快兴奋快乐喜悦愉快乐滋滋美滋滋乐呵呵乐滋滋美滋滋乐呵呵欣喜若狂兴高采烈欣喜若狂兴高采烈 10 10 风筝风筝 从早晨玩到下午，我们还是歇从早晨玩到下午，我们还是歇不下来，牵着风筝在田野里奔跑。不下来，牵着风筝在田野里奔跑。风筝越飞越高，似乎飞到了云彩上。风筝越飞越高，似乎飞到了云彩上。10 10 风筝风筝 我们快活地喊叫着，在田野里我们快活地喊叫着，在田野里拼命地奔跑。拼命地奔跑。从早晨玩到下午，我们还是歇从早晨玩到下午，我们还是歇不下来，牵着风筝在田野里奔跑。不下来，牵着风筝在田野里奔跑。10 10 风筝风筝 忽然吹来一阵风，线嘣地断了。忽然吹来一阵风，线
26、嘣地断了。风筝在空中抖动了一下，便极快地风筝在空中抖动了一下，便极快地飞走了。我们大惊失色，千呼万唤，飞走了。我们大惊失色，千呼万唤，那风筝越来越小，倏地便没了踪影。那风筝越来越小，倏地便没了踪影。10 10 风筝风筝 忽然吹来一阵风，线嘣地断了。忽然吹来一阵风，线嘣地断了。风筝在空中抖动了一下，便极快地风筝在空中抖动了一下，便极快地飞走了。我们飞走了。我们大惊失色，千呼万唤大惊失色，千呼万唤，那风筝越来越小，倏地便没了踪影。那风筝越来越小，倏地便没了踪影。10 10 风筝风筝 忽然吹来一阵风，线嘣忽然吹来一阵风，线嘣地断了。风筝在空中抖动了地断了。风筝在空中抖动了一下，便极快地飞走了。我一下
27、，便极快地飞走了。我们大惊失色，们大惊失色，千呼万唤千呼万唤，那，那风筝越来越小，倏地便没了风筝越来越小，倏地便没了踪影。踪影。10 10 风筝风筝 1、默读、默读58自然段，画出表现自然段，画出表现“我们我们”心情的句子或词语。心情的句子或词语。2、想一想你从这些句子或词语中、想一想你从这些句子或词语中体会到了什么？体会到了什么？10 10 风筝风筝 我们都哭了，在田野里四处寻我们都哭了，在田野里四处寻找，找了半个下午，还是没有踪影。找，找了半个下午，还是没有踪影。我们垂头丧气地坐在田埂上，一抬我们垂头丧气地坐在田埂上，一抬头，看见远远的水面上半沉半浮着头，看见远远的水面上半沉半浮着一个巨大
28、的木轮，不停地转着，将一个巨大的木轮，不停地转着，将水扬起来，半圈儿水在闪着白光。水扬起来，半圈儿水在闪着白光。那里是我们村的水磨坊。那里是我们村的水磨坊。10 10 风筝风筝 我们都哭了，在田野里四处寻我们都哭了，在田野里四处寻找，找了半个下午，还是没有踪影。找，找了半个下午，还是没有踪影。我们我们垂头丧气垂头丧气地坐在田埂上，一抬地坐在田埂上，一抬头，看见远远的水面上半沉半浮着头，看见远远的水面上半沉半浮着一个巨大的木轮，不停地转着，将一个巨大的木轮，不停地转着，将水扬起来，半圈儿水在闪着白光。水扬起来，半圈儿水在闪着白光。那里是我们村的水磨坊。那里是我们村的水磨坊。10 10 风筝风筝
29、我们都哭了，在田野里四处寻我们都哭了，在田野里四处寻找，找了半个下午，还是没有踪影。找，找了半个下午，还是没有踪影。10 10 风筝风筝 我们我们垂头丧气垂头丧气地坐在田埂上，一地坐在田埂上，一抬头，看见远远的水面上半沉半浮着一抬头，看见远远的水面上半沉半浮着一个巨大的木轮，不停地转着，将水扬起个巨大的木轮，不停地转着，将水扬起来，半圈儿水在闪着白光。那里是我们来，半圈儿水在闪着白光。那里是我们村的水磨坊。村的水磨坊。“那儿找过了吗？那儿找过了吗？”“没找过，说不定没找过，说不定幸福鸟幸福鸟就落就落在那儿呢。在那儿呢。”大家说。大家说。我们向那房子跑去，继续寻找我们我们向那房子跑去，继续寻找我们的的“幸福鸟幸福鸟”10 10 风筝风筝 童年的时候，我们这些孩子，童年的时候，我们这些孩子，最大的快乐就是做风筝，放风筝。最大的快乐就是做风筝，放风筝。10 10 风筝风筝 快乐写话：快乐写话：下课了，我们冲出教室，在操场上玩（下课了，我们冲出教室，在操场上玩（）的游戏，的游戏，。布置作业：布置作业：1、抄写文中喜欢的句子。、抄写文中喜欢的句子。2、继续了解风筝的资料。、继续了解风筝的资料。
