FLASH动画设计入门

1、Flash 动画设计入门,Entrance about Flash Animation,本章要点,了解工作界面 理解时间轴的作用 常用面板的用途 网格、辅助线及标尺的使用 常用绘图工具的用法,0 动画原理,动画：与电影原理相同，由若干画面（帧）组成。如果速度达到24F/S，则看起来是连续的，这利用了人眼视觉残留的特点。如果低于24F/S，则产生动画的感觉。 计算机动画：采用连续播放静止图像的方法产生景物运动的效果。 电影制作过程：编剧、场景布置、设计关键帧、绘制中间帧、拍摄合成。 动画的设计过程：编辑起始帧和终止帧、计算和生成中间帧、定义和显示运动路径、交互式画面着色、建立特效、实现画面和声音

2、的同步。FALSH的核心是自动计算生成中间帧。,1 初识Flash,1.1Flash开始界面 1.2Flash工作窗口 1.3Flash文件 1.4文档选项卡 1.5时间轴 1.6工具箱 1.7舞台,1.1Flash开始界面,Flash的 “开始”页面中列出了一些常用的任务。 左边是打开最近用过的项目； 中间是创建各种类型的新项目； 右边是从模板创建各种动画文件，如图所示。,1.2Flash工作窗口,主菜单栏,颜色面板,工具箱,时间轴,属性面板,舞台,1.3Flash文件,Flash文件有fla和swf两种格式： fla格式是Flash的源程序格式，打开这种格式的文件能看到层、库、时间轴和舞台

3、，可以对动画进行编辑； swf格式是Flash打包后的格式，只用于播放，不能对动画进行编辑和修改。 网页中插入的Flash文件都是.swf格式。,1.4文档选项卡,文档选项卡位于“时间轴”的上方。单击文档名称，可以在多个文档之间进行快速切换。 用鼠标右键单击“文档选项卡”，在弹出的菜单中可以快速实现【新建】、【打开】、【保存】等功能，如图所示。,1.5时间轴,“时间轴”用于组织和控制文档内容在一定时间内播放的图层数和帧数。,1.6工具箱,工具箱是Flash中最常用的一个面板，用鼠标单击能选中各种工具，如图 所示。,1.6工具箱,执行【编辑】|【自定义工具面板】命令，打开【自定义工具栏】对话框，

4、可根据需要重新安排和组合工具的位置，如图所示。,1.7舞台,“舞台” 是放置动画内容的区域。 这些内容包括矢量插图、文本框、按钮、导入的位图或视频剪辑等。 可在【属性】面板中设置 “舞台”的大小。 默认状态下，“舞台”的宽为550像素，高为400像素，如图所示。,1.7舞台,可在“时间轴” 的“显示比例”中设置显示比例，最小比例为8%，最大比例为2000%。 在下拉菜单中有3个选项，如图所示。,1.7舞台,选择工具箱中的【手形工具】按钮，在舞台上拖曳鼠标可平移舞台。 选择【缩放工具】按钮，在舞台上单击可放大或缩放舞台的显示。 选择【缩放工具】后，在工具箱的【选项】下会显示出【放大】和【缩小】两

5、个按钮，分别单击它们可在“放大视图工具”与“缩小视图工具”之间切换。 选择【缩放工具】后，按住键盘上的Alt键，单击舞台，可快捷缩小视图。,2常用面板简介,1【滤镜】面板 2【动作】面板 3【属性】面板,2.1 【滤镜】面板,【滤镜】面板提供了【投影】、【模糊】、【发光】、【斜角】、【渐变发光】、【渐变斜角】和【调整颜色】 7种滤镜效果，每种滤镜效果都可以调整各种参数，从而产生更多的变化。 图示为【投影】滤镜效果的参数。,2.2 【动作】面板,【动作】面板是是动作脚本的编辑器，如图所示。,2.3 【属性】面板,【属性】面板（如图所示）可以很容易地访问舞台或时间轴上当前选定项的最常用属性，也可以

6、在面板中更改对象或文档的属性。,3设计面板组,1【对齐】面板 2【颜色样本】面板 3【混色器】面板 4【信息】面板 5【场景】面板 6【变形】面板,3.1 【对齐】面板,【对齐】面板可以重新调整选定对象的对齐方式和分布。分为如下的5个区域： 【相对于舞台】 【对齐】 【分布】 【匹配大小】 【间隔】,3.2 【颜色样本】面板,【颜色样本】面板为用户提供了最为常用的“颜色”，并且能“添加颜色”和“保存颜色”。用鼠标单击可选择需要的常用颜色，如图所示。,3.3 【混色器】面板,用【混色器】面板可以创建和编辑“笔触颜色”和“填充颜色”，如图所示。,3.4 【信息】面板,【信息】面板可以查看对象的大小

7、、位置、颜色和鼠标指针的信息，如图所示。,3.5 【场景】面板,一个动画可以有多个场景组成，【场景】面板中显示了当前动画的场景数量和播放的先后顺序，如图所示。 每一个场景相当于连续剧的一集。,3.6 【变形】面板,【变形】面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作，如图所示。,实例入门,实例1：写字效果 实例2：文字缩放效果 动画补间：补间的对象一定是“图形元件”或是“影片剪辑”。大小，移动，颜色，透明度，旋转属性都可以改变。 形状补间：形状动画的对象只能是用绘图工具绘制出的矢量图，同样，有大小，移动，颜色，透明度，旋转属性可以改变。除此之外，还多了一个外形的变化（比如说方形变为圆

8、形），就只能用形状动画，补间动画是做不出来这种效果的。,4绘图辅助线,4.1网格 4.2标尺 4.3辅助线,4.1网格,对于网格的应用主要有“显示网格”、“编辑网格”和“对齐网格”3个功能。 在【网格】对话框中可编辑网格的各种属性，如图所示。,4.2标尺,可以使用“标尺”来度量对象的大小比例，如图所示。 显示在工作区左边的是“垂直标尺”，用来测量对象的高度； 显示在工作区上边的是“水平标尺”，用来测量对象的宽度。,水平标尺,垂直标尺,4.3辅助线,首先要确认“标尺”处于显示状态，在“水平标尺”或“垂直标尺”上按下鼠标并拖动到舞台上，“水平辅助线”或者“垂直辅助线”就被制作出来了。【辅助线】默认的颜色为“绿色”，如图所示。,4.3辅