动画设计与制作课件

1、书名：动画设计与制作ISBN： 978-7-111-15044-9作者：周明出版社：机械工业出版社本书配有电子课件动画设计与制作 高职高专 ppt 课件动画设计与制作 动画设计与制作 主 编 周 明动画设计与制作 高职高专 ppt 课件关于FLASHMacromedia 公司开发 矢量图形编辑和交互式动画制作专业软件版本及脚本语言 工具：Flash5.0 MX、MX2004、8.0 9.0(CS3.0) 动作脚本：Action Script 1.0；2.0；3.0 播放器：Flash Player动画设计与制作 高职高专 ppt 课件Flash产品应用及特点动画作品网络广告互动式网站影视片头交

2、互游戏视频 课件贺卡 像册特点： 矢量化图形和动画 (文件尺寸小)； 支持流式播放技术 (边下载边浏览)； 可配音； 可交互； 可编程；动画设计与制作 高职高专 ppt 课件学习目标图形（矢量、位图）编辑（绘制、颜色、属性）动画原理和基础动画制作 （逐帧、渐变-运动和形状）高级动画（遮蔽、嵌套、按钮、脚本）交互动画（ActionScript）动画应用 (网页中)学生作品选动画设计与制作 高职高专 ppt 课件你的目标与期望 掌握动画制作技术； 目标 Web 或图形设计方向 掌握脚本编程技术； 目标 交互应用方向 集编、导和制作于一身； 目标 创作方向开发人员设计人员闪客动画设计与制作 高职高专

3、 ppt 课件工作环境工具箱活动面板属性面板时间轴图层舞 台动画设计与制作 高职高专 ppt 课件绘图工具箱 绘图工具 (绘制、填充、颜色、选择) 查看工具(移动和缩放) 颜色选项(边框、填充、前景、背景) 工具选项(参数或相关设置)动画设计与制作 高职高专 ppt 课件学习任务 _ 使用工具绘制动画元素学会借助标尺、网格、辅助线和吸附功能绘画熟练线条的绘制 (端点、颜色、笔触和选项)熟练使用各绘图工具和擦除工具绘制图形熟练掌握选择工具来选择编辑图形掌握颜色面板的使用(边框色、填充色、颜色类型、填充设置)会组合和分离图形掌握变形工具(变形面板)的使用动画设计与制作 高职高专 ppt 课件练习与

4、作业绘制八卦图( P41)绘制“华旗资讯”商标 ( P43)绘制角色“卡通海星”( P45)验证练习( P 48 笔刷工具；P65 橡皮工具)P59 为“水兽”描边；为“小猫”着色P57 掌握变形工具和变形面板使用(P5358)作业：1.设计场景 (实例：楼道 ); 2.设计司标动画设计与制作 高职高专 ppt 课件符号与实例符号CTRL+F8 创建符号（或先创建后用F8转换）图形符号按钮符号 存放在作品库中影片剪辑实例将库中的符号引用到场景就是实例两者的区别符号实例存在的位置作品库中场 景 中编 辑 方 法符号编辑区属性面板 编辑后效果影响全部实例影响本身图 层叠放在一起的透明胶片在不同的图

5、层组织图形、文字和动画在场景制作中表现空间层次（远、中、近） 图层分类普通层：放置图形、文字和动画引导层：绘制引导线遮蔽层：遮蔽层上绘制图形,透过窗口观看下面图层的动画动画制作流程选材(故事、身边事、社会现象、寓言）发人深省编写脚本（创意、文字和音效）确定风格（根据故事内容和情节）设计制作场景、角色 (统一风格)制作（运用所学动画制作技术）测试影片（播放）修改并完善优化文件（适用于网络带宽）发布影片（按要求导出指定格式的文件）场 景场景是故事情节发生的地点和情景场景是故事发生过程中的一个片断场景是围绕故事,与角色相关的特定空间环境场景的功能 交待时空关系 再现社会空间 营造情绪氛围 刻画角色心

6、理基本动画制作技术动画基本类型逐 帧 动 画 案例（ ）运动渐变动画 案例（ ）形状渐变动画 案例（ ）Step: 上述三种动画类型是动画的基础类型，其后的高级动画多在此基础上经复合、叠加变化而来。逐帧动画 逐帧动画：又称为“帧 帧”动画。 特 点: 每一帧都是关键帧每一帧画面都有不同之处。逐帧动画是由一个个密集的关键帧组成的变化复杂的动画。 时间轴： Step: 逐帧动画适合制作无规律的动画 形状渐变动画形状渐变动画原理 图形形状发生变化（一个图形变成另一个图形） 时间轴形式 形变动画的条件： 1. 至少有两个关键帧 2. 关键帧中包含必要的矢量图形、打散的文字、矢量化位图等元素 3. 设置

7、形状渐变的动画方式Step:形变动画元素形式是散点矢量图打散的文字或群组矢量化的位图运动渐变动画运动渐变动画 是使 等对象产生 变化的动画。位图组合文本实例位置移动尺寸缩放平面旋转色彩变化透 明 度 step 运动动画元素存在形式整体 创建运动渐变动画条件： 至少有两个关键帧（通常是起始点和终止点） 关键帧中必须包含实例、组合、文字或位图等元素 设置运动渐变的动画方式两种渐变动画的比较运动元素条 件创建动画附加功能形状渐变 运动渐变矢量图矢量化位图打散的文字实例、文字群组、位图渐变形式关 键 帧关 键 帧散 点整 体形状渐变控制点运动渐变引导线高级动画制作技术 有控制点的形变动画案例（ ） 动

8、画嵌套 案例（ ） 遮蔽动画 案例（ ） 按钮动画 案例（ ） 文字特效动画 案例（ ） 有引导线的运动动画案例（ ）控制形变动画控制点作用：控制原始图形与新图形之间对应部位的变换走向，使图形之间的变形过渡不是随机的而是定向的。最多时可以用26个控制点来控制图形变化。 Step 控制点的摆放位置要符合要达到的变化顺序引导线运动动画创建顺序（建议） 运动层; 引导层; 起、终点贴近引导线 导向动画 属运动动画类型, 可由用户绘制运动轨迹 ( 是两个层共同作用产生的运动效果 )Step:一个引导层可以和一个(或多个)运动层建立关联产生运动引导线动画(原理) 引导线动画是在完成运动渐变动画之后，在其

9、上方添加(含引导线)的引导层而实现动画效果。 引导层的作用：就是引导与它关联的运动动画的运动轨迹。运动渐变引导层 原理演示动画嵌套 动画嵌套的实现是通过在一个影片中添加影片剪辑MC（局部动画），使得影片和影片剪辑各自独立的变化叠加而形成的复合动画。比如： 汽车行驶（群、运动）+ 车轮转动（MC） 地球公转（引导运动）+ 自转（MC） 小鸟飞翔（运动）+ 翅膀扇动（MC） 流星划落（运动）+ 闪动（MC） 按钮动画各种MC效果添加到按钮各关键帧遮蔽动画（原理叙述）遮蔽动画由遮蔽层与普通层（被遮蔽层）组成： 遮蔽层是起遮蔽作用的图层：可以含有图形、实例、文字或各种类型的动画（导向动画除外）等元素。

10、普通层即透过遮蔽要显示的内容所在层：元素同上遮蔽层和普通层的区别：遮蔽层是用做遮蔽作用的层，而普通层是一个受遮蔽层影响的层。遮蔽动画（原理演示） 遮蔽动画是通过遮蔽层和普通层两个图层相互作用实现动画效果的。原理演示:取其形取其形内部分取其形外部分文字特效动画 文字特效动画的对象是文字（组或打散的文字）, 文字动画多应用于网页或作品所需的字幕设计中 。Setp:文字打散后用分配到层命令可将文字依次送到不同的图层中静态文字 Flash可以将文字元素处理成各种特殊效果 如 : 空心字、覆雪字、金属字、浮雕字动态文字 淡入淡出（运动、Alpha） 跳动文字（打散、分配到层、运动、时间顺序） 文字引导线

11、（运动、引导、嵌套）文字效果静态效果 1.空心字 输入 - 打散2 - 描边 - 删除填充 2.覆雪字 上述步骤 + 填充蓝色 - 擦除部分 3.金属字 输入 - 打散2 描边6PX- 线性填充，剪切 - 选取边框，修改-形状-线条转换为填充 - 线性填充边框 原地粘贴内部填充动态效果 一、飘落的文字 1 输入文字 打散1 - 移动至场景上方 2 动画制作 选取文字分配到层上下中（转）动态效果 二、跳动的文字 1 输入文字 打散1 - 移动至场景下方 2 选取文字分配到层 3 制作动画按钮 （ 库元件 ）普通按钮 仅利用四个关键帧（按钮四种状态）制作静态按钮动态按钮利用 MC 与对应关键帧嵌套

12、制作动态按钮按钮动画利用按钮点击关键帧特殊性制作动画作用：1.通过响应鼠标事件来控制影片的播放、停止等操作，实现浏览者与动画的交互。2.制作按钮动画按钮出现时的模样鼠标位于按钮之上时的模样鼠标点击按钮时的模样与鼠标点击按钮同时作用的范围动态按钮动态按钮作用： 按钮动画可以达到强调、美化、引起重视的效果。 动态按钮原理：是利用动画嵌套，先将动画效果制做成影片剪辑符号（MC），再引用到按纽符号的对应关键帧中而形成的动画效果。step 将MC引用至弹起或经过帧效果较好按钮动画1.按钮点击帧（Hit 、反应区）2.影片剪辑（各种动画片段）3.命令脚本利用相互作用而制作的动画 。为动画添加音效 影响声音

13、文件大小的主要因素 为动画添加背景音乐案例（ ） 为动画添加声音特效案例（ ） 为按钮添加声音特效案例（ ） 编辑声音 声音同步方式与效果案例（ ） 声音文件格式声音文件FLASH可以接受的声音文件格式 声音文件的主要参数 概念：采样率 KHz、位分辨率 kbps 和声道 ( 单、双） 建议: mp3格式 适用于较长的声音( 8kbps,快速fast); ADPcm格式,适用于较短的声音(参数尽可能小,单声道)导入格式FLASH 兼容性注 释 MP3是跨平台.AIFF是Macintosh 默认格式.WAV是PC 默认格式声音的录制和导入自己录制 ( 利用操作系统提供的录音程序） 开始程序附件娱

14、乐录音机 文件保存格式： * . WAV 导入外部声音（利用菜单“文件导入”命令） 声音素材库( 音效大全 ) 网上下载www.sound_声音同步概念1声音文件完全下载之后，影片播放到插有声音的关键帧时开始播放声音。适用于较短的声音文件。此模式不受时间轴的控制，声音一直到播放完毕才结束。如果声音比影片长，即使是动画已经停止，声音播放也继续进行。适用于同时开始而无需同步的影片音乐。 开始模式与事件模式相似，增加了检测重复声音的功能(不同之处是当一个新的开始模式的声音播放时，其它开始模式的声音会停止)。就是说当一个声音正在播放时，不会有另一个开始模式的声音同时播放。此模式适合在按钮组中使用。 停

15、止模式将使指定的声音静音。选取声音层是某关键帧，同步方式设置为停止，当影片播放到该帧时声音停止播放。适用于影片转场或情节变化时。 资料流声音锁定时间轴，比视频具有更高的优先级。使用资料流声音时，Flash MX播放器会将声音与视频同步（动画播放停止时资料流声音也会停止）。也就是说Flash MX强制动画播放与流式声音播放同步。适用于动画中的同步音效。事件模式：开始模式：停止模式：资料流模式： 实训科目为试管充水添加声音效果实训目的： 为试管充水添加流式声音：“快速泡泡声” 在最后一帧添加事件音效：“铃” 为按钮组添加开始声音：“咔”相关知识：声音属性 声音类型 步骤提示： 打开试管充水实例源文件 添加声音图层 选取应添加声音相应关键帧添加声音效果 选取相应按钮添加声音效果 播放测试，调试效 果演示交互动画制作技术 ActionScript是Flash专用的编程语言 控制Flash动画的播放器 响应用户事件 程序实现动画效果 编程对象：关键帧、按纽和影片剪辑动作面板 （F9） 动作对象动 作工 具 箱脚 本窗 口脚 本导 航 器脚 本 编 辑 按 钮添加命令 为关键帧添加命令1. 选取关键帧（或）2.