动画技术基础及Flash加工处理

1、第五讲第五讲吴娟吴娟2010-5-17内容概要内容概要动画的基本概念动画的基本概念电脑动画简介电脑动画简介认识认识Flash软件软件Flash工具箱的运用工具箱的运用一、动画的基本概念一、动画的基本概念1. 动画的概念 动画的本质：动作的变化 内容连续但各不相同的画面组成 人类眼睛的“视觉暂留效应” 发展： 颜色变化、材质变化、光线强弱变化等一、动画的基本概念一、动画的基本概念2. 动画规则 动画的构成规则 动画由多画面组成，并且画面必须连续 画面之间的内容必须存在差异 画面表现的动作必须连续，即后一幅画面是前一幅画面的继续二、电脑动画简介二、电脑动画简介计算机制作的动画，称为电脑动画电脑动画

2、经历的三个阶段电脑动画经历的三个阶段第一阶段第一阶段计算机画出简单的计算机画出简单的线条和几何图形，线条和几何图形，记录绘画过程。记录绘画过程。需要时，计算机重需要时，计算机重复绘画过程，使人复绘画过程，使人们看到活动的画面们看到活动的画面从简单的线条、几从简单的线条、几何形状过渡到复杂何形状过渡到复杂的图形。的图形。画面上的变化模式画面上的变化模式和多种颜色的运用和多种颜色的运用开始体现电脑动画开始体现电脑动画的风格的风格第二阶段第二阶段先进的软件和硬件先进的软件和硬件作为条件，逼真地作为条件，逼真地模拟手工动画，进模拟手工动画，进一步制作手工动画一步制作手工动画难以表现的题材。难以表现的题

3、材。主体从图形过渡到主体从图形过渡到图像，能够生成数图像，能够生成数字化的主题模型字化的主题模型第三阶段第三阶段二、电脑动画简介二、电脑动画简介电脑的动画的类型 按照动画反映的空间范围： 二维动画 三维动画 根据播放时画面的生成途径： 造型动画：对每个活动的对象分别进行设计，并构造每一对象的特征，然后利用这些对象组成完整的画面 帧动画：由一幅连续的画面组成的图像或图形序列计算机动画的技术参数计算机动画的技术参数帧速度 表示一秒钟的动画内有几帧静态画面数据量 在不计压缩的情况下，数据量指帧速度与每幅图像的数据量的乘积。 例如，如果一幅图像为1MB，播放速度30帧/秒，则每秒达到30MB图像质量

4、和压缩比有关动画文件格式动画文件格式GIF (Graphics Interchange Format) 即“图形交换格式”，这种格式在20世纪80年代由美国一家著名的在线信息服务机构CompuServe开发而成。 GIF格式的特点是压缩比高，是网络动画的重要格式。FLIC(FLIFLC)格式 由Autodesk公司研制而成。 FLIC是FLC和FLI的统称：FLI是最初的基于320200分辨率的动画文件格式，而FLC进一步扩展，它采用了更高效的数据压缩技术，所以具有比FLI更高的压缩比，其分辨率也有了不少提高。SWF格式 SWF是Micromedia公司的产品Flash的矢量动画格式。 采用矢

5、量方式制作动画，在缩放时不会失真。 这种格式的动画体积较小，并且是一种“准”流(Stream)形式的文件。DIR格式 Director的动画格式，扩展名为.dir，一种具有交互性的动画，可加入声音，数据量较大。 多用于多媒体产品和游戏中。网页动画技术网页动画技术GIF动画技术 常见软件：Gif Animator，Fireworks，ImageReady DHTML 动态html DHTML就是一种即使在网页下载进浏览器以后仍然能够随时变换更新网叶内容排版样式以及动画 JAVA Java applet, java 3DFlash 三、认识三、认识Flash软件软件面板标题栏工具选项栏属性、动作面

6、板中间工作区舞台菜单栏工具箱时间轴元件库化妆间三、认识三、认识Flash软件软件图层控制区图层操作区当前帧帧频率帧刻度场景切换按纽帧控制区帧的类型：空白帧、空白关键帧、关键帧、普通帧、动作帧、过渡帧剧幕电影脚本四、四、Flash工具箱的运用工具箱的运用图形制作工具 直线、钢笔、圆形、矩形、铅笔、笔刷 Shit+直线、圆形、矩形=45度倾斜线、正圆、正方 只要图形不要边框的画法 只要边框不要图形的画法文字编辑工具 文字输入、格式设定选取图形对象 选择工具、部分选取工具、套索工具 四、四、Flash工具箱的运用工具箱的运用着色工具 墨水瓶（边框着色） 颜料桶/油漆桶（区域内部着色）任意变形工具其他

7、工具 查看工具 橡皮擦工具四、四、Flash工具箱的运用工具箱的运用几个示例： 绘制太阳： 使用的工具：椭圆、铅笔、油漆桶 制作空心字： 使用的工具：文本、墨水瓶 关键步骤：打散文本（两次分离） 思考：如何在空心字的基础上制作彩虹字？ 制作树苗： 使用的工具：矩形、部分选取 制作云朵： 使用的工具：线条、选择四、四、Flash工具箱的运用工具箱的运用常用工具的使用：利用变形绘制花朵 新建Flash文档 圆形工具：绘制椭圆 （如果是群组需执行打散：修改|分离，快捷键ctrl+b） 选择工具：去除椭圆内部分 调整线条：粗细、颜色（属性面板） 转换为元件：修改|转换为元件（图形） 制作花朵：窗口|变

8、形旋转复制并应用变形 变换花朵：窗口|库双击元件图标（进入元件编辑界面）调整中心位置、填充色、形状、边线颜色 回到场景查看此例的反思： 元件修改后，所有用到该元件的地方，相应地自动修改 使用的工具：椭圆、选择、任意变形、油漆桶、墨水瓶小结：小结：Flash进行图像处理的常用方法进行图像处理的常用方法1.图像制作工具 椭圆、矩形、直线、笔刷、铅笔2.文字输入工具 文字输入、属性设置3.选取图形对象 对图形对象修改的前提是选种图形对象。 要选择完整图形对象应先选择工具栏左上角的实心箭头按钮。 要选择多个对象，可使用框选，也可以在按住键的情况下逐个单击。 要选择图形细部，可以使用工具栏中的细部选择工

9、具 （工具栏左上角的空心箭头按钮）。 要选择不规则形状的图象，请用套索工具。小结：小结：Flash进行图像处理的常用方法进行图像处理的常用方法4.改变对象的造型 A. 改变形状：鼠标指向图象边缘，等鼠标指针变成 形状后，拖动鼠标。 B. 旋转：选中图象，然后选择工具栏中的“任意变形工具” ，然后鼠标指针指向图形顶角的图形句柄，拖动鼠标即可实现图形的旋转。 C. 缩放：选中图象，然后选择工具栏中的“任意变形工具” ，然后鼠标指针指向图形顶角或中间的图形句柄，拖动鼠标即可实现图形的缩放。 D. 排列和对齐：为了排列或对齐图形，用【修改/排列】或【修改/对齐】改变对象关系。小结：小结：Flash的图形编辑的图形编辑1.图形修理工具 油漆桶工具（填充图形区域）2.橡皮擦工具3.图形的组群与打散 组合：选择要组群的多个图形，然后用Ctrl+G 打散：选择已经组群的图形，然后使用Ctrl+B4.利用点阵图填充区域 导入图形，打散，吸管（选择），