WEB动画制作与设计课件：动画基础与逐帧动画（二）.ppt

PowerBar中国专业PPT设计交流论坛作者:findygirl帧的类型帧的常用操作时间轴的使用逐帧动画的制作【课堂学习目标】【案例学习目标】通过制作模拟“川剧变脸”动画掌握逐帧动画的制作方法。【课堂案例】-制作“川剧变脸”效果【案例知识要点】本例利用从外部导入静态图片和文字工具来完成“川剧变脸的”逐帧动画制作。【课堂案例】-制作打字效果一、逐帧动画1、逐帧动画的特点：制作类似传统动画，每一个帧都是关键帧，整个动画是通过关键帧的不断变化产生的，不依靠Flash的运算。需要绘制每一个关键帧中的对象，每个帧都是独立的，在画面之间可以是互不相关的。一、逐帧动画2．创建逐帧动画的方法创建逐帧动画的典型方法主要有以下3种：（1）从外部导入素材生成逐帧动画，如导入静态的图片、序列图像和GIF动态图片等。（2）使用数字或者文字制作逐帧动画，如实现文字跳跃或旋转等特效动画。（3）绘制矢量逐帧动画，利用各种制作工具在场景中绘制连续变化的矢量图形，从而形成逐帧动画。【操作步骤及要点提示】一、制作背景1、新建文档。设置文档“帧频”为“1”fps，其他文档属性使用默认参数。2、将默认的“图层1”重命名为“背景”层，将“素材背景图片.png”图像文件导入到舞台，如图所示。【课堂案例】-制作“川剧变脸”效果二、制作变脸动画1、在“背景”图层之上新建一个图层并重命名为“变脸效果”，然后选中“背景”图层的第5帧，按F5键插入帧，将背景图像延时到第5帧。2、选中“变脸效果”图层的第1帧，将“素材鲍自安.png”图像文件导入到舞台，并调整使其相对舞台居中对齐。【课堂案例】-制作“川剧变脸”效果二、制作变脸动画3、选中“变脸效果”图层的第2帧，按F7键插入一个空白关键帧，然后将“素材鼓越．png”图像文件导入到舞台，并调整使其相对舞台居中对齐，效果如图所示。【课堂案例】-制作“川剧变脸”效果二、制作变脸动画4、同样的方法分别给“变脸效果”图层的第3帧、第4帧、第5帧导入图像“夏侯婴”、“张颌”、“马谡”，最终效果如图所示。【课堂案例】-制作“川剧变脸”效果三、制作文字逐帧动画1、在“变脸效果”图层上面新建一个图层，并命名为“文字效果”图层，选中“文字效果”图层的第2帧，然后按F7键插入一个空白关键帧。2、选择“文本“工具，设置字体：“系列”为“宋体”；“颜色”设置为（#FFFF00）；“大小”为100；然后在舞台上输入“川”字，并设置文字到舞台的左上角，如图所示。【课堂案例】-制作“川剧变脸”效果三、制作文字逐帧动画3、选中“文字效果”图层的第3帧，按F6键插入一个关键帧，然后在该帧输入一个“剧”字，并设置“剧”字的位置到舞台的右上角，并利用相同的方法，分别在第4帧和第5帧输入“变”、“脸”，效果如图所示。【课堂案例】-制作“川剧变脸”效果三、制作文字逐帧动画4、保存测试影片，川剧变脸动画制作完成。【课堂案例】-制作“川剧变脸”效果任务一：制作“一马平川”动画效果【操作提示】操作提示：本例主要使用导入到舞台命令导入外部静态图片序列图，并利用逐帧动画的方式书写文字。效果如图所示。【举一反三】1．“一生一世”动画效果【课后练习】PowerBar中国专业PPT设计交流论坛作者:findygirl