动画设计基础知识

1.2 Flash工作界面
1.2.5 工作区位置（传统） 两处可改变工作区，如图 工作区包括动画，传统，调试， 设计人员， 开发人员，基本功能，小屏幕
1.3 制作第一个Flash动画
1.3.1 文件的基本操作
（1）新建文件：行菜单中的“文件| 新建”（快捷键〈Ctrl+N〉）命令，然 后在弹出的“新建文档”对话框中选择要创建的文档类型，单击“确定” 按钮，即可完成文档创建。
个图层的内容就会叠加显示。作为初学者为避免编辑时互相影响 ，不同的内容最好放在不同的图层。不需要编辑的图层最好加锁 。 区别：在同一层中，有许多元件的的叠放顺序，使用右键点击
元件更改。
1.1 Flash概述及重点概念
1.1.5 场景的概念 场景就好比是一个工作台，所有要素都需要在场景中制作出来。 场景的舞台是设计者直接绘制帧或者从外部导入图形之后进行编 辑处理，再将单独的帧合成为动画的场所。 一个FLASH文件可以包含多个场景，就像生活中故事也在多个 地点的场景中发生，具体场景的设置可以使用场景面板进行。
动画。在舞台中可以放置、编辑矢量图、文本框、按钮、导入的 位图图像、声音和视频剪辑等对象。 面板组：为了便于对面板进行管理，Flash CS 6 将大多数面板 嵌入到一个面板组中。单击面板组中的相应图标可以显示出相应 的面板。面板组包括：属性面板、时间轴面板、信息面板、变形 面板、对齐面板、颜色与样本面板、动作面板、场景面板等 若一些面板找不到，菜单栏中的窗口调出。不同工作区面板在不 同地方。更改工作区的两个方式。
1.3 制作第一个Flash动画
1.3.4 文件的发布参数设置 发布动画是Flash动画制作的最后一个步骤。在该步骤中， 用户可以对动画输出的格式、画面的视觉和声音效果等参数 进行设置。发布动画应根据动画的目的、用途等进行设置， 可以导出的常用文件格式有SWF、GIF、JPG、WAV、PNG、 BMP、QUICKTIME、AVI等。 讲一下播放器的问题，as3.0文件必须使用9.0以上播放器， 知道一下就好，一般默认就可以了，无需变动。
1.1 Flash概述及重点概念
1.1.2 帧的概念 关键帧是定义了动画变化的帧，也可以是包含了帧动作的帧。默 认情况下，每一层的第一帧是关键帧，在时间轴上关键帧以黑点 表示。关键帧可以是空的，可以使用空的关键帧作为停止显示指 定图层中已有内容。时间轴上的空白关键帧以空心小圆圈表示。 过渡帧又称为普通帧。
网络动画 设计
第一章--重点概念及FLASH工作界面
1.1 flash概述及重点概念 1. FLASH概述 2. 帧 3. 时间轴 4. 图层 5. 场景 6. 笔触与填充 7. ActionScript 3.0
1.2 flash工作界面
1.3 制作第一个flash动画
1. 菜单和工具栏
1. 文件的基本操作
工具箱工具预览
部分选取工具（A）
3D 旋转工具（W）
选择（V）
任意变形（Q）
套索工具（L）
钢笔（P） 文本（T） 线条（N） 矩形（R） 铅笔（Y） 刷子（B） Deco （U）
骨骼（K） 颜料桶 滴管（I） 橡皮擦（E） （K）
手形（H）
缩放（M、Z）
笔触颜色
填充颜色
贴紧至对象
2.1.1 线条工具
2.1.2 铅笔工具
1、作用：绘制线条和图形轮廓。 2 、属性面板：
设
置
线
段
连
接
的
方
式
设置平滑处理的程度
3、在工具箱的选项区选择绘制模式
接合类型
尖角
圆角
斜角
绘制直线或折线 绘制平滑曲线，平滑处理的程度由设定的平滑值决定
绘制曲线，最接近手绘效果
绘制模式 快捷键 y，铅笔的颜色是笔触注意对象绘制，ctrl+B打散
2. 工具箱
2. 设置背景、场景尺寸、帧频率、
3. 时间轴
增加图层
4. 场景与面板组
3. 创建文字“欢迎进入FLASH进阶
5. 工作区位置（传统）
课堂”变大的动画
4. 文件的参数设置快捷键（右键）
第一关 Flash概述及重点概念
1.1.1 Flash概述 Flash是一款交互式矢量图和Web动画的设计软件，其前身是 Future Wave公司的Future Splash，是世界上第一款商用的二 维矢量动画软件。从简单的动画效果到动态的网页设计、MTV、 电子贺卡、多媒体教学软件、游戏设计、企业产品介绍等F1ash 的应用领域日趋广泛。使用Flash制作动画的优点是动画品质高、 体积小、互动功能强大。
1.1 Flash概述及重点概念
1.1.2 帧的概念 在Flash中，帧是指时间轴面板中窗格内的小格子，由左至右编 号。每帧内包含图像信息，在播放时，每帧内容会随时间轴放映 而改变，最后形成连续的动画效果。帧又分为关键帧和过渡帧， 过渡帧中不可以添加新的内容。有内容的帧呈灰色，空的帧显示 白色。

AS3.0是小轿车，速度快，环境舒适，还很有派头，但是走街 串巷是不太容易了，而且也不是普通老百姓用的起的。
1.2 Flash工作界面
1.2.1 菜单和主工具栏 Flash 的操作界面由菜单栏、主工具栏、工具箱、时间轴、舞台
和面板组组成。下面就来进行具体讲解。 菜单栏:菜单栏中包括“文件” 、“编辑”、“视图”、“插
入”、“修改”、“文本”、“命令”、“控制”、“调试”、 “窗口”和“帮助11个菜单。 主工具栏：就是将菜单中常用的相关功能以图标的方式显示。
1.2 Flash工作界面
1.2.2 工具箱 工具箱：提供了图形绘制和编辑 的各种工具。由于工具很多，一 些工具被隐藏起来。在工具箱中 如果工具按钮右下角带有黑色小 箭头，则表示该工具还有其他被 隐藏的工具。
1.2 Flash工作界面
1.2.3 时间轴
时间轴：是进行Flash 作品创作的核心部分，主要用于组织动画
各帧中的内容，并可以控制动画在某一段时间内显示的内容。时
间轴左边为图层区，右边为帧区，动画从左向右逐帧进行播放。
图层区
帧区
1.2 Flash工作界面
1.2.4 舞台和面板组 舞台：是Flash 操作界面中最广阔的区域，主要用于编辑和播放
1.1 Flash概述及重点概念
1.1.6 笔触与填充的概念
1. 笔触指的是线条填充的颜色。无笔触就是不要线条的颜色。 2. 无笔触的设置—在颜色框的右上角有个红色斜杠，点那个就是无颜色。 3. 笔触颜色的类型——纯色，线性，放射状，位图。 1. 填充指的是形状填充的颜色。无填充就是不要 形状的颜色。 2. 填充颜色的设置——在颜色框的右上角有个红色斜杠，点那个就是无颜色。 3. 填充颜色的类型---纯色，线性，放射状，位图。
6、绘制技巧：按住Ctrl键可以控制节点方向为45度角的倍数，按 住Alt键可以绘制拐点，Ctrl+Z删除当前绘制节点。 快捷键 p，钢笔的颜色是笔触注意对象绘制，ctrl+B打散 案例：钢笔画花
绘制C形曲线，只要第二节点拖曳方向与第一节点方向相反即可。 绘制C形曲线，只要第二节点拖曳方向与第一节点方向相同即可。
线条铅笔钢笔墨水瓶是笔触，颜料桶刷子是填充
1.1 Flash概述及重点概念
1.1.7 ActionScript 2.0 与ActionScript 3.0本质区别
1.虚拟机 2.事件机制 3.封装性 4.XML 5.容器的概念
AS1.0是双脚，行动方便，来去自如，只是走远路很累。
AS2.0是自行车，好用，方便，省力，能做特技，也能长途跋 涉，只是速度就只有那么多。
1.3 制作第一个Flash动画
1.3.2 设置背景、场景尺寸、帧频率、增加图层 在属性面板可以设置文档大小，背景颜色及帧频率。如果需 要增加新的图层可以在时间轴面板图层区操作，也可以删除 图层，或者将多个功能类似的图层建立图层文件夹。
1.3 制作第一个Flash动画
1.3.3 创建文字“欢迎进入FLASH进阶课堂”从左下角到右上角扩大的动画 使用文本工具在舞台左下角输入文字“欢迎进入FLASH进阶课堂”，然后 击右键转换为元件。在时间轴第30帧插入关键帧，定位到30帧将元件移动 到右上角，再用变形工具将文字元件放大。然后从第一帧右键选择创建传 统补间。选择控制菜单的测试影片命令就可以观看动画效果了。
（2）打开文件：启动Flash后，可以打开以前保存下来的文件。选择菜单 【文件】|【打开】命令。
（3）保存文件：动画完成后需要将动画文件保存起来。选择菜单【文件】| 【保存】命令。注意：FLASH的源文件是*.fla类型。测试后自动生成 *.swf类型文件。
（4）关闭文件：工作已经完成，可以将文件关闭。选择菜单【文件】|【关 闭】命令。

1.1 Flash概述及重点概念
1.1.3 时间轴的概念 在时间轴帧控制区的帧频率也称为FPS，是指每秒钟刷新的次数 。对于Flash动画而言，帧频率表示Flash动画的播放速度。帧频 率数字越大播放速度越快。

1.1 Flash概述及重点概念
1.1.4 图层的概念 时间轴中有图层区。每帧都可以包含若干图层。 图层就像透明的纸，每个图层可以存放不同的内容，播放时各
第二章 利用工具箱准备素材
2.1 利用线条工具和铅笔工具绘制直线案例—绘制进阶图 2.2 利用钢笔工具绘制曲线案例—画朵小花 2.3 使用椭圆工具及颜色填充案例—绘制渐变色小球 2.4 矢量图与非矢量图的概念及转换、套索工具应用案例—取出豹
子的背景 2.5 矢量图与形状补间、文字打散案例—“FLASH”…”真好玩”
2.1.3 钢笔工具
1、作用：绘制线条和图形轮廓。
2 、属性面板来自百度文库铅笔工具类似，不再重复；
3、钢笔工具与铅笔工具的区别：由铅笔工具绘制线条的曲率由系 统自动处理得到，钢笔工具绘制线条的曲率在绘制时即可调整控制。
4、钢笔工具是Flash中最强大的绘图工具。
5、绘制方法：绘制直线段，直接单击鼠标即可；绘制曲线段，点 击鼠标后拖动鼠标确定曲线的曲率；双击鼠标或按ESC键结束绘制。
2.1.5矩形工具 与基本矩形工具
1、作用：绘制矩形、圆角矩形、正方形等形状。
2 、在绘制前通过属性面板设置矩形的颜色和每个角的圆角大小，正值为向外

1.1 Flash概述及重点概念
1.1.3 时间轴的概念 时间轴是进行Flash 作品创作的核心部分，主要用于组织动画各 帧中的内容，并可以控制动画在某一段时间内显示的内容。时间 轴左边为图层区，右边为帧区，动画从左向右逐帧进行播放。“ 时间轴”面板位于场景的上侧或下侧，同样是默认显示在工作界 面中的面板。该面板主要用于放置帧中的内容和播放帧，由图层 区、帧控制区、帧和时间轴标尺等组成。
2.1.4 刷子工具
1、作用：绘制填充颜色。 2 、可以通过属性面板设置刷子的颜色和平滑属性。
刷子大小
3、可以在工具箱的选项区设置刷子的大小与形状。 4、在绘制前，要先设置刷子的绘制模式，不同的模
式下绘制的效果不同。
刷子模式 刷子形状
快捷键 b，刷子的颜色是填充注意对象绘制，ctrl+B打散
此模式下，绘制的图形可对同一图层的笔触线段和填充颜色进行填充。
1、作用：绘制各种样式的直线。 2 、属性面板：
3、按住shift键，可以绘制水平、垂 直、45 º角、135 º角的特殊角度直线。
设置线条的颜色 设置线条的粗细
设置线条端点的类型
无
圆角
方型
端点类型
定
制
线条样式
线
条
的
快捷键 n，线条的颜色是笔触注意对象绘制，ctrl+B打散
样 式
案例：邮票的边缘锯齿
此模式下，绘制的图形只填充同一图层的填充颜色，而不影响笔触线段。
此模式下，绘制的图形只填充舞台中的空白区域，而不影响同一图层的笔触线段和填充颜色。
此模式下，绘制的图形只填充同一图层中被选择的填充颜色区域。
此模式下，绘制的图形只对刷子工具开始时所在的填充颜色区域进行填充，而不对笔触线段 进行填充。如果在舞台空白区域中开始填充，则不会影响任何现有填充区域。
1.3 制作第一个Flash动画
1.3.5 快捷键设置
箭头工具【v】 部分选取工具【a】 线条工具【n】 套索工具【l】 钢笔工具【p】 墨水瓶工具【s】 颜料桶工具【k】 滴管工具【i】 橡皮擦工具【e】 手形工具【h】 缩放工具【z】,【m】 撤消命令【ctrl】+【z】 剪切到剪贴板【ctrl】+【x】 拷贝到剪贴板【ctrl】 粘贴剪贴板内容【ctrl】+【v】