Flash入门及动画制作

1、Flash入门及动画制作（二）第九章回顾与检查回顾与检查Flash的应用领域有哪些？的应用领域有哪些？Flash工作区如何使用？工作区如何使用？Flash可以发布哪些格式？哪种最常用？可以发布哪些格式？哪种最常用？Flash基本图形工具的有哪些？基本图形工具的有哪些？提问提问2/52本章任务本章任务完成漫天彩虹动画完成漫天彩虹动画文字淡入与淡出文字淡入与淡出制作风景切换动画制作风景切换动画3/52本章目标本章目标掌握时间轴的使用方法掌握时间轴的使用方法 学会导入图像素材及掌握库的应用学会导入图像素材及掌握库的应用 掌握元件的使用方法掌握元件的使用方法 掌握补间形状的使用方法掌握补间形状的使用方

2、法掌握传统补间的使用方法掌握传统补间的使用方法掌握引导路径动画的制作方法掌握引导路径动画的制作方法 掌握遮罩动画的制作方法掌握遮罩动画的制作方法 4/52时间轴时间轴时间轴结构时间轴结构帧帧图层图层绘图纸功能绘图纸功能教员讲解相关理论教员讲解相关理论5/52时间轴时间轴3-1什么是帧什么是帧动画是由一系列的静止画面按一定的顺序排列而动画是由一系列的静止画面按一定的顺序排列而成的，这些静止的画面称为帧成的，这些静止的画面称为帧帧的类型帧的类型空白帧空白帧关键帧关键帧空白关键帧空白关键帧教员讲解相关理论教员讲解相关理论6/52时间轴时间轴3-2图层的作用图层的作用用于安排和组织图形，文字和动画用于

3、安排和组织图形，文字和动画图层文件夹的作用图层文件夹的作用实现素材的分类管理实现素材的分类管理教员讲解相关理论并演示教员讲解相关理论并演示7/52时间轴时间轴3-3绘图纸类型绘图纸类型绘图纸外观绘图纸外观 绘图纸外观轮廓绘图纸外观轮廓编辑多个帧编辑多个帧绘图纸功能绘图纸功能辅助对当前帧对象的定位和编辑辅助对当前帧对象的定位和编辑教员讲解相关理论并演示教员讲解相关理论并演示8/52外部图像素材的应用外部图像素材的应用外部图像素材的应用方法外部图像素材的应用方法导入到舞台导入到舞台导入到库导入到库教员讲解相关理论并演示教员讲解相关理论并演示9/52演示案例演示案例11打字动画打字动画需求描述需求描

4、述利用素材制作文字弹出动画利用素材制作文字弹出动画动画形式模拟计算机打字效果动画形式模拟计算机打字效果效果图示例示例10/52演示案例演示案例11打字动画打字动画思路分析思路分析首先新建文件、导入图片素材首先新建文件、导入图片素材 创建并编辑文本创建并编辑文本利用时间轴制作打字动画效果利用时间轴制作打字动画效果 素材完成效果教员演示操作步骤教员演示操作步骤指导指导11/52小结小结时间轴的组成及作用？时间轴的组成及作用？如何导入图像素材？如何导入图像素材？提问提问12/52学员操作学员操作- -制作逐帧旋转动画制作逐帧旋转动画需求描述需求描述利用时间轴制作简单逐帧动画利用时间轴制作简单逐帧动画

5、图形按顺时针方向转动图形按顺时针方向转动完成效果练习练习13/52学员操作学员操作- -制作逐帧旋转动画制作逐帧旋转动画实现思路实现思路按图像序列导入素材图片按图像序列导入素材图片在舞台中调整图片位置在舞台中调整图片位置利用时间轴调整动画播放节奏利用时间轴调整动画播放节奏练习练习完成时间：完成时间：20分钟分钟14/52元件的创建和编辑元件的创建和编辑什么是元件什么是元件在动画中可以反复使用的素材，如图形、在动画中可以反复使用的素材，如图形、 按钮、动画等按钮、动画等教员讲解相关理论并演示教员讲解相关理论并演示15/52元件的类型元件的类型图形元件图形元件按钮元件按钮元件影片剪辑元件影片剪辑元

6、件教员讲解相关理论并演示教员讲解相关理论并演示16/52图形元件图形元件图形元件的作用图形元件的作用用于创建静态图像或创建可重复使用的、用于创建静态图像或创建可重复使用的、 与主时间轴关联的动画与主时间轴关联的动画教员讲解相关理论并演示教员讲解相关理论并演示17/52按钮元件按钮元件按钮元件的作用按钮元件的作用用于设置观看者与动画之间的交互功能用于设置观看者与动画之间的交互功能教员讲解相关理论并演示教员讲解相关理论并演示18/52影片剪辑元件影片剪辑元件影片剪辑元件的作用影片剪辑元件的作用用于创建具有独立时间轴的动画影片用于创建具有独立时间轴的动画影片教员讲解相关理论并演示教员讲解相关理论并演

7、示19/52元件创建元件创建元件的创建方法元件的创建方法创建空白元件创建空白元件转换对象为元件转换对象为元件教员讲解相关理论并演示教员讲解相关理论并演示20/52库库库库存储和组织在存储和组织在 Flash 中创建中创建 的各种元件及素材的仓库的各种元件及素材的仓库可以对库内元素进行编辑和组织可以对库内元素进行编辑和组织 教员讲解相关理论并演示教员讲解相关理论并演示21/52演示案例演示案例2-2-体育栏目页面体育栏目页面需求描述需求描述制作一体育栏目页面效果制作一体育栏目页面效果菜单栏实现可点击按钮效果菜单栏实现可点击按钮效果实现人物闪动、文字弹出动画效果实现人物闪动、文字弹出动画效果页面尺

8、寸为页面尺寸为750像素像素282像素像素完成效果图示例示例22/52演示案例演示案例2-2-体育栏目页面体育栏目页面思路分析思路分析首先新建文件、导入图片素材首先新建文件、导入图片素材绘制图形、输入文本并创建元件绘制图形、输入文本并创建元件进入进入“影片剪辑影片剪辑”内制作动画内制作动画素材完成效果教员演示操作步骤教员演示操作步骤指导指导23/52小小结结时间轴的组成及作用？时间轴的组成及作用？图像素材的导入方法？图像素材的导入方法？Flash中的元件种类？中的元件种类？Flash中库的作用？中库的作用？提问提问24/52学员操作学员操作绘制漫天彩虹绘制漫天彩虹需求描述需求描述绘制漫天彩虹效

9、果绘制漫天彩虹效果将各图形放置在不同图层将各图形放置在不同图层完成效果练习练习25/52学员操作学员操作绘制漫天彩虹绘制漫天彩虹实现思路实现思路绘制背景图形并转换成元件绘制背景图形并转换成元件创建新图层绘制各图形，并转换为元件创建新图层绘制各图形，并转换为元件复制相同图形，重复利用复制相同图形，重复利用 练习练习完成时间完成时间：40分钟分钟26/52补间动画补间动画补间动画类型补间动画类型补间形状补间形状传统补间传统补间教员讲解相关理论教员讲解相关理论27/52补间形状补间形状什么是补间形状什么是补间形状通过图形的形状发生变化来实现动画效果通过图形的形状发生变化来实现动画效果教员讲解相关理论

10、教员讲解相关理论28/52补间形状补间形状创建补间形状创建补间形状补间形状属性设置补间形状属性设置缓动缓动混合类型混合类型教员讲解相关理论并演示教员讲解相关理论并演示29/52补间形状补间形状应用变形提示应用变形提示控制图形的变形效果控制图形的变形效果教员讲解相关理论并演示教员讲解相关理论并演示30/52演示案例演示案例33制作广告公司形象动画制作广告公司形象动画需求描述需求描述制作一个简单广告公司形象宣传动画制作一个简单广告公司形象宣传动画实现矩形图形和背景图形的入镜动画实现矩形图形和背景图形的入镜动画具有文字和人物动画效果具有文字和人物动画效果尺寸为尺寸为764像素像素180像素像素教员讲

11、解相关理论并演示教员讲解相关理论并演示示例示例31/52传统补间传统补间用于实现对象大小、位置、旋转、颜色用于实现对象大小、位置、旋转、颜色 及透明度等变化效果及透明度等变化效果教员讲解相关理论并演示教员讲解相关理论并演示传统补间传统补间32/52传统补间传统补间创建传统补间创建传统补间教员讲解相关理论并演示教员讲解相关理论并演示33/52传统补间传统补间传统补间特殊效果传统补间特殊效果缓动缓动旋转旋转贴紧贴紧同步同步调整到路径调整到路径缩放缩放教员讲解相关理论并演示教员讲解相关理论并演示34/52演示案例演示案例4 4飘动的气球动画飘动的气球动画需求描述需求描述利用素材制作一个简单动画片头利

12、用素材制作一个简单动画片头要求画面中云、气球、风车有节奏的飘动、旋转要求画面中云、气球、风车有节奏的飘动、旋转完成效果图示例示例35/52演示案例演示案例4 4飘动的气球动画飘动的气球动画思路分析思路分析把素材导入到场景中把素材导入到场景中将素材转换成元件将素材转换成元件使用传统补间完成动画效果使用传统补间完成动画效果教员演示操作步骤教员演示操作步骤指导指导36/52学员操作学员操作制作文字淡入淡出效果制作文字淡入淡出效果需求描述需求描述根据提供的素材制作动画效果根据提供的素材制作动画效果完成风车的转动，树木的摇摆完成风车的转动，树木的摇摆实现文字的淡入效果实现文字的淡入效果练习练习37/52

13、学员操作学员操作制作文字淡入淡出效果制作文字淡入淡出效果实现思路实现思路首先将外部素材导入到库首先将外部素材导入到库新建元件绘制风车的转轮，并使用传统补间制作新建元件绘制风车的转轮，并使用传统补间制作旋转动画旋转动画输入文字并使用传统补间制作淡入淡出动画效果输入文字并使用传统补间制作淡入淡出动画效果 练习练习完成时间完成时间：40分钟分钟38/52普通引导层普通引导层引导层引导层为其它图层提供辅助绘图和绘图定位为其它图层提供辅助绘图和绘图定位用来设置对象的运动轨迹用来设置对象的运动轨迹教员讲解相关理论教员讲解相关理论39/52普通引导层普通引导层创建普通引导层创建普通引导层为其它图层提供辅助绘

14、图和绘图定位为其它图层提供辅助绘图和绘图定位在时间轴上直接创建在时间轴上直接创建在图层属性面板中创建在图层属性面板中创建教员讲解相关理论并演示教员讲解相关理论并演示40/52传统运动引导层传统运动引导层创建运动引导层创建运动引导层设置对象的运动轨迹，用于制作引导路径动画设置对象的运动轨迹，用于制作引导路径动画在时间轴上直接创建在时间轴上直接创建教员讲解相关理论并演示教员讲解相关理论并演示41/52演示案例演示案例5海底世界动画海底世界动画需求描述需求描述制作鱼儿在水底畅游的动画制作鱼儿在水底畅游的动画鱼游动的动作要逼真形象鱼游动的动作要逼真形象不同鱼沿不同路线游动不同鱼沿不同路线游动效果图示例

15、示例42/52演示案例演示案例5海底世界动画海底世界动画思路分析思路分析新建文件、导入外部素材到库新建文件、导入外部素材到库使用使用“引导线引导线”制作鱼的游动效果制作鱼的游动效果使用使用“引导线引导线”制作气泡动画制作气泡动画教员讲解相关理论并演示教员讲解相关理论并演示指导指导43/52遮罩动画遮罩动画遮罩层遮罩层用于显示特定区域用于显示特定区域为其它图层提供辅助绘图和绘图定位为其它图层提供辅助绘图和绘图定位教员讲解相关理论教员讲解相关理论44/52遮罩动画遮罩动画创建遮罩层创建遮罩层在时间轴上创建在时间轴上创建在属性面板中创建在属性面板中创建教员讲解相关理论并演示教员讲解相关理论并演示45

16、/52遮罩动画遮罩动画动态遮罩动画动态遮罩动画在遮罩层中创建动画在遮罩层中创建动画被遮罩层显示内容被遮罩层显示内容教员讲解相关理论并演示教员讲解相关理论并演示46/52演示案例演示案例66图片遮罩动画图片遮罩动画需求描述需求描述使用遮罩动画实现汽车广告使用遮罩动画实现汽车广告实现文字、汽车的动态效果实现文字、汽车的动态效果尺寸为尺寸为360像素像素150像素，帧频为像素，帧频为24完成效果图示例示例47/52演示案例演示案例66图片遮罩动画图片遮罩动画思路分析思路分析新建文件、导入外部素材到库新建文件、导入外部素材到库 绘制椭圆、制作文字遮罩效果绘制椭圆、制作文字遮罩效果 制作汽车遮罩动画效果制作汽车遮罩动画效果 使用使用“传统补间传统补间”创建文字及转场动画创建文字及转场动画 教员演示操作步骤教员演示操作步骤指导指导48/52学员操作学员操作风景切换动画风景切换动画需求描述需求描述制作风情图片展示动画制作风情图片展示动画实现图片的自然切换效果实现图片的自然切换效果尺寸为尺寸为10551055像素像素650650像素像素练习练习49/52学员操作学员操作风景切换动画风景切换动画实现思路实现思路新建文件、导入图片素材新建文件、导入图片素材新建图层，创建遮罩层，并为遮罩层制作动画新建图层，创建遮罩层，并为遮罩层制作动画创建传统补间，制作文字和光影动画