FLASH制作入门.ppt

,FLASH动画设计与制作,网络动画设计与制作,1、课程介绍；2、FLASH的操作环境与基础操作；3、FLASH的一些概念；4、FLASH工具箱的使用；图形绘制与编辑；5、图形对象的颜色处理；6、动画场景、角色等的绘制。,主要内容与知识点：,网络动画设计与制作,了解Flash 的发展过程了解Flash 的基本概念 熟悉Flash 8的操作环境,教学内容：,网络动画设计与制作,Flash的前身是Jonathan Gay在学生时代编写的绘图程序SuperPaintII1993 Gay成立了自己的公司FutureWave 1995 开始动画软件的开发，并将其绘图软件SmartSketch更名为FutureSplash Animator1996 与Macromedia公司 合作将并将FutureSplash Animator更名为Macromedia Flash 1.0 之后版本不断升级，从Flash 2.0、Flash 3.0、Flash 4.0、Flash 5.0、Flash MX、Flash MX 2004到Flash 8，最新版本为FLASH CS3,Flash的起源与发展,网络动画设计与制作,什么是 Flash,Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。,网络动画设计与制作,使用 Flash 可以做什么,片头动画产品展示多媒体光盘网络交互式游戏全flash网站专业贺卡与卡通动画教学课件Banner广告,网络动画设计与制作,动画的起源与发展,网络动画设计与制作,图1-2 幻透镜,网络动画设计与制作,西洋镜,网络动画设计与制作,二维动画与三维动画,网络动画设计与制作,所谓动画，就是指通过以每秒若干帧的速度顺序地播放静止图像帧以产生运动错觉的艺术。不论是哪种说法，其本质都是一样的：动画就是使用逐帧拍摄技术，用足够的速度按顺序放映，从而获得流畅的动态效果的艺术，而不论是使用哪种媒介。,传统动画,网络动画设计与制作,计算机动画的原理与传统动画基本相同，也是采用连续播放静止图像的方法产生景物运动的效果。不过，计算机动画是在传统动画的基础上把计算机技术用于动画的处理和应用，从而可以达到传统动画所达不到的效果。,计算机动画,网络动画设计与制作,帧动画：gif格式，制作时工作量较大，主要用于传统动画片、广告片、电影特技制作。矢量动画：有别于传统动画，原理是在两个有变化的桢之间创建而不需要每帧绘制，目前最流行的软件就是flash。,计算机动画的分类,网络动画设计与制作,用简单的实例引入FLASH,主要的操作1、新建一个FLASH文档,网络动画设计与制作,2、进入界面,网络动画设计与制作,3、用椭圆工具在第1帧画一个圆,网络动画设计与制作,4、在第15帧处加入一个关键帧，处画一个正方形,网络动画设计与制作,5、在第30帧处加入一个关键帧，处画一个正方形,网络动画设计与制作,6、创建形状补间动画,网络动画设计与制作,7、用Ctrl+Enter来进行播放,网络动画设计与制作,矢量图与点阵图 帧 元件 层 库,Flash 的基本概念,网络动画设计与制作,矢量图与点阵图,矢量图形：是用称为向量的直线或曲线来描绘图像。,点阵图形：是以称为像素的彩色点来描绘图像。,网络动画设计与制作,帧（Frame）：Flash动画是由一帧一帧的画面组成的，它相当于电影的一条胶片，连续起来就成了动画,在其中采用了关键帧技术（Keyframe），在Flash 8的时间轴上可以很清楚地看到每一帧的分布情况 F5 空白帧 F6 关键帧F7 空白关键帧,帧,网络动画设计与制作,1 帧的类型,图3-11 空白关键帧、关键帧与相同帧,网络动画设计与制作,图3-12 动作补间帧,图3-13形状补间帧,网络动画设计与制作,图3-14 不完整的补间帧,图3-15 声音帧与动作帧,网络动画设计与制作,图3-16 设置帧标签,图3-17 标签帧,网络动画设计与制作,对帧的操作1插入帧或关键帧,图3-18 帧操作快捷菜单,网络动画设计与制作,2选择帧或关键帧,图3-19 选择同一列上的多个帧,网络动画设计与制作,3删除和修改帧或关键帧,图3-20 移动帧,网络动画设计与制作,4帧操作小结从以上叙述可以看出，对帧进行操作最简便的方式是利用鼠标右键快捷菜单。对于习惯于使用键盘的用户来说，还可以使用键盘快捷键来提高操作速度。剪切帧【Ctrl】+【Alt】+【X】拷贝帧【Ctrl】+【Alt】+【C】粘贴帧【Ctrl】+【Alt】+【V】清除贴【Alt】+【退格】,网络动画设计与制作,新建空白帧【F5】新建关键帧【F6】删除帧【Shift】+【F5】删除关键帧【Shift】+【F6】转换为关键帧【F6】转换为空白关键帧【F7】,网络动画设计与制作,元件,元件（Symbol）：在Flash中元件是整个动画的基础部分，将编辑的对象作为元件，并且放入库中，可以随时对它进行编辑，编辑后动画中的相应部分也跟随变化，设计完成后，最终形成完整的动画,图形（Graphic）：最常用，用于创建静态元件，并且可以引用外部的图片来作为元件,按钮（Button）：用于创建动态交互按钮的形式，即在鼠标处于不同的位置产生不同的响应,电影剪辑（Movie Clip）：是动态视频剪辑元件，不同于上面两种形式的是它有自己独立的时间轴，是动态的元件形式,Flash中元件分为三种形式：,网络动画设计与制作,层（Layer）：是在近期的图形处理软件中较常见的名词 在动画中有多个对象需要处理编辑，为了便于处理和控制各个对象的出场顺序以及在时间轴上的停留时间，用层技术可以更好地实现这一目的，减少编辑的出错机会库（Library）：在Flash中库是用来存放元件的 可以通过选择“窗口”“库”命令来实现对元件的调用 可以通过选择“文件”“导入库”命令来将外部的元件导入指定的图片库中,网络动画设计与制作,网络动画设计与制作,工具栏,工具栏：用简单的图形按钮代表一些常用的命令和程序，以便创作时可以轻松地通过点击鼠标左键来完成相关命令菜单栏：Flash 8中文版的菜单与Windows操作系统的菜单非常相似,网络动画设计与制作,时间轴,网络动画设计与制作,网格：视图-网格标尺：视图-标尺 修改-文档辅助线：视图-辅助线 视图-对齐-辅助线,使用网格、辅助线和标尺,网络动画设计与制作,绘图工具箱绘制直线、椭圆和矩形 使用铅笔、钢笔和笔刷画图使用颜色与填充橡皮工具,4、Flash 8工具箱,网络动画设计与制作,绘图工具箱,任意变形工具,墨水瓶工具,网络动画设计与制作,直线工具,例子来学习直线工具的用法：,选中绘图工具箱的直线工具在舞台上单击一点作为直线段的起点，拖动鼠标到某一位置放开，即可看到一条直线段。在舞台下方的属性面板中为直线工具的属性选项，包括颜色、粗细、线型等，shift键，alt键,网络动画设计与制作,利用直线工具绘制高速公路,网络动画设计与制作,网络动画设计与制作,在绘图工具箱中，用椭圆工具来绘制椭圆和圆形,椭圆工具,椭圆工具属性面板,网络动画设计与制作,椭圆工具的使用,利用椭圆工具的绘图方法和图形对象的移动特征制作一个玩偶头像。主要步骤：1、文件/新建，生成Flash文档，大小130像素*130像素，背景为白色。,网络动画设计与制作,2、显示标尺，视图/标尺,网络动画设计与制作,3、拖动两条辅助线，一条是水平的，一条是垂直的。,网络动画设计与制作,4、绘制一系列的空心椭圆，将笔触颜色设置为#00CC00，将鼠标放在了中心，按下Alt键的同时拖动鼠标标，从中心向周围绘制椭圆。,网络动画设计与制作,5、移动水平辅助线，将笔触颜色为#FF0000,画一个椭圆。,网络动画设计与制作,6、移动水平辅助线，将笔触颜色设置为#FF9900,网络动画设计与制作,7、移动辅助线，将笔触设为#330000，按下Alt+Shift从吣向周围画一个正圆。,网络动画设计与制作,8、移动辅助线，将笔触设为#669900，按下Alt+Shift同时画一个正圆,网络动画设计与制作,9、将多余的边删除。,网络动画设计与制作,10、选择选择工具，选中工作区的对象，将笔触设置为#330000，此时玩偶的头像将会变成一种颜色。,网络动画设计与制作,11、画玩偶的眼睛，将工具箱中的笔触颜色设置为无色状态，选择灰色放射性渐变填充，画一个正圆。,网络动画设计与制作,矩形工具,矩形工具可以绘制各种矩形和正方形,绘制矩形的操作和绘制椭圆的基本相同，如下：,选取工具箱中的矩形工具在舞台上拖动鼠标绘制矩形，当按下Shift键时绘制正方形,绘制的矩形和正方形,网络动画设计与制作,将填充颜色改为背景色，则绘制出空心图形 选择工具箱下选项区中的圆角半径工具，打开“矩形设置”对话框，设置矩形的圆角半径如边角半径为20。确定后，画出的矩形如图“绘制圆角矩形”,绘制空心矩形,矩形设置,绘制圆角矩形,网络动画设计与制作,多角星形工具 它比矩形工具的属性面板多了一个选项按钮。,网络动画设计与制作,星形，边数为9，顶点值为0.5星形，边数为5，顶点数为0.5多边形，边数为8，顶点数值0,网络动画设计与制作,铅笔工具是常用的画线工具铅笔工具有3种绘图模式：,使用铅笔工具,伸直：适于绘制规则线条，并且绘制的线条会分段转换成与直线、圆、椭圆和矩形等规则线条中最接近的线条 平滑：适于绘制平滑曲线，将曲线的抖动部分忽略 墨水瓶：徒手模式，适用于绘制接近徒手画出的线条,网络动画设计与制作,选取铅笔工具在选项区中选择铅笔工具的绘图模式分别选取3种模式，在舞台上拖动鼠标绘图,3种绘图模式的比较,绘图模式,网络动画设计与制作,使用钢笔工具,使用钢笔工具能够绘制多节点曲线，并能够增加和删除曲线上的节点。通过锚点的控制可以准确地绘制直线和平滑曲线 使用方法：,1选取工具箱中的钢笔工具2在场景中单击鼠标后放开，设定第一个点位置，然后在另一点单击，则两点自动连成直线 3在场景中单击并拖动控制手柄，松开鼠标，然后在另一点单击并拖动控制手柄以调整曲线，则绘制一条曲线，两点的控制手柄与曲线相切,使用钢笔工具绘制曲线,网络动画设计与制作,4按下Ctrl键，然后单击，或者直接单击曲线，当鼠标移动到曲线上时，在光标右下角将出现一个“+”号，单击曲线，可以增加一个锚点5当鼠标移动到锚点上，在鼠标的右下角出现一个“”号，单击，即可删除该锚点,使用钢笔工具绘制曲线,网络动画设计与制作,绘制eagle对象绘制功能：可以使绘制的图形成为独立的对象，chicken.fla,网络动画设计与制作,利用钢笔工具画一个简单图形,网络动画设计与制作,添加/删除锚点 1、当钢笔工具在没有锚点的地方单击，钢笔工具在右下角出现一个加号，表示在路径上增加一个锚点。2、删除锚点，在使用钢笔工具单击所选对象上的锚点，在钢笔的右下角会出现一个减号，表示可以删除锚点。,网络动画设计与制作,要移动锚点时，可以用部分选择工具，单击并拖动要移动的锚点，也可以利用方向键来移动。,网络动画设计与制作,使用笔刷工具,使用笔刷工具可以产生毛笔画出来的效果，可以对绘制的图形上色，还可以创造出许多特殊的效果,笔刷工具的选项,笔刷工具的工作模式,网络动画设计与制作,标准绘画：笔刷画出来的图线覆盖先画的图线和背景颜色。图（a）为原有图形，图（b）为使用标准绘画模式绘制线条后的效果图 颜料填充：笔刷只能在空白和原有的颜色填充区域画线，原有图线将被保留，透过笔刷颜色显示出来，如图（c）所示 后面绘画：笔刷在空白区域画线，而其线条和图形将保留原状态不变，如图（d）所示 颜料选择：笔刷将填充选择的部分，所以在填充前必须先选择一个图形区域 内部绘画：笔刷画出的线条只能在起始点所在的图形区域内有效，如果起始点在空白区域，那么只能在空白区域内画线，现有图形区域将不受影响,笔刷工具五种工作模式：,网络动画设计与制作,使用刷子工具,绘制流程：首先这幅图像是在3个图层中制作完成的，每个图层中放置一个对象，分别是房子和田间小路，小孩子和右上角的标记。以下是关于刷子这个例子,网络动画设计与制作,主要的操作步骤：1、新建一个文件，文件的大小设置为550像素*450像素，背景为白色。2、将文件中现有的“图层1”重命名为house,网络动画设计与制作,3、选择工具箱中的刷子工具，在选项区中选择笔刷形状的第2种，笔刷大小的第4种，工具箱中的填充色设置为#303078，然后使用刷子工具绘制出房子的大致轮廓。,网络动画设计与制作,4、选择较大一些刷子工具，将空白的区域涂满#303078。,网络动画设计与制作,5、使用步骤3设置笔刷的大小与形状，来绘制其他房子的轮廓。,网络动画设计与制作,6、重新设置笔刷的形状和大小，在选项中选择笔刷形状的第4种，笔刷大小的第5种，将工具箱中的填充色设置为#303078，然后为房子添加窗户。,网络动画设计与制作,7、绘制田间小路，在选项区中选择笔刷形状的第1种，笔刷大小的第6种，将工具箱中的填充颜色设置为#4EB450,网络动画设计与制作,8、在选项区中选择笔刷形状的第1种，笔刷大小的第3种，将工具箱中的填充设置为#FDB068，绘制出太阳的光芒。,网络动画设计与制作,9、添加一个新的图层，命名为ME，给house加锁，防止该图层的内容被修改。,网络动画设计与制作,10、在ME图层中制作水孩子，在选项中选择笔刷形状的第1种，笔刷大小的第3种，将工具箱中的填充色设置为#000000，绘制水孩子的轮廓。,网络动画设计与制作,11、选择笔刷形状的第1种，笔刷大小的第2种，将填充色设置为#000000，绘制水孩子的脸部。,网络动画设计与制作,12、选择颜料桶工具，将工具箱中的填充颜色设置为#008CDE，给水孩子身体进行添加色。,网络动画设计与制作,13、只让水孩子的下半身被水覆盖，选用线条工具，将直线的颜色设置为#990000，在水孩子的腰部绘制一条直线。,网络动画设计与制作,14、使用选择工具双击直线，单击选中直线上半部分的填充，然后删除。,网络动画设计与制作,15、再添加一个新的图层，命名为LOGO，并将ME图层加锁。,网络动画设计与制作,16、制作图像右上角的LOGO标记，选择笔刷形状第4种，笔刷大小的第3种，将工具箱中的填充色设置为#003399。完毕,网络动画设计与制作,（a）,（d）,（c）,（b）,（e）,（f）,笔刷模式效果,网络动画设计与制作,使用颜色,“混色器”面板 填充和描绘混色器面板“颜色样本”面板 混色器的导入和导出,颜色有两种类型：固定色和渐变色,网络动画设计与制作,“混色器”面板：颜色的基本操作主要通过“混色器”面板来实现,“混色器”面板,“混色器”弹出菜单,单击混色器右上角的 按钮，弹出右图所示的菜单。通过这个菜单进行色彩、透明度、色度、饱和度和亮度的设置,网络动画设计与制作,填充和描绘混色器面板,单击“混色器”面板中的笔触颜色工具和填充颜色工具，或者单击绘图工具箱中的笔触颜色工具和填充颜色工具，将弹出如下左图所示的混色器，用户可以从中选择一种色彩进行填充或描绘。如果描绘和填充颜色混色器中没有想要的颜色，需要自己调制时，可以单击面板右上角的小图标，进行颜色调制。弹出的对话框如右图所示,描绘和填充颜色混色器,颜色调制面板,网络动画设计与制作,使用颜料桶工具,单色填充 渐变填充 位图填充,使用颜料桶工具,颜料桶工具选项,不封闭空隙：不封闭缺口，只有区域完全闭合时才能填充 封闭小空隙：封闭小缺口，当区域存在较小的空隙时才可以填充 封闭中空隙：封闭中等缺口，当区域存在中等缺口时可以填充 封闭大空隙：当区域存在大缺口时可以填充,网络动画设计与制作,使用滴管工具,滴管工具的作用是拾取工作区中已经存在的某种线条或填充样式，并将其应用于下次绘图中。使用时，只需把滴管工具移动到需要取色的线条或图形中单击即可 当鼠标移动到某个线条上面时，鼠标将变成一个滴管和一支笔的形状，此时单击鼠标吸取的是线条的属性，这时工具将变成墨水瓶工具 当鼠标移动到图形填充上时，滴管的右下方会出现一个刷子，单击鼠标，光标处填充的颜色属性就被吸取了，这时的鼠标形状会变为颜料桶，可以使用选取的颜色填充图形,（a）滴管工具的鼠标,网络动画设计与制作,（b）绘制图形,（c）填充图形,滴管工具的使用方法如下：用滴管工具选取图（a）中的线条颜色，然后再选取椭圆工具绘制一无填充椭圆图形，如图（b）所示，发现其线条和图（a）中的线条相同选取图（a）中的填充色，然后单击图（b）中的椭圆图像，填充结果如图（c）所示,网络动画设计与制作,墨水瓶工具,（a）绘制图形,墨水瓶工具可以以一种单色修改图形中已经存在线条的属性，或为一个区域添加封闭的边线 墨水瓶工具的使用方法如下：,选取椭圆工具，绘制一无填充的椭圆和一无边线的椭圆填充区域，如图（a）所示,网络动画设计与制作,（b）墨水瓶工具修改后的图形,单击绘图工具箱中的墨水瓶工具按钮，然后在属性面板中修改笔触颜色、线型和线宽等参数，设置线宽为6，线型为实线，颜色为蓝色鼠标变成墨水瓶的形状，然后分别在上面两个椭圆上单击，效果如图（b）所示，无填充的圆周变成墨水瓶所设线型，而无边线的填充区域被自动加上一边线，边线属性同墨水瓶属性,网络动画设计与制作,橡皮工具,橡皮工具五种擦除模式：,标准擦除：把处于同一层的图形都擦除，但文字不受影响 擦除填色：仅擦除填充区域，线条不受影响 擦除线条：仅擦除线条，填充区域不受影响 擦除所选填充：仅擦除图形中选中的填充区域，无论线条是否被选中都不受影响 内部擦除：仅擦除鼠标拖拽的起始点所在的填充区域，线条不会被擦除。如果起始点落在空白处，将不擦除任何图形,橡皮工具选项,网络动画设计与制作,选中绘图工具箱中的椭圆工具，绘制一个椭圆，如图（a）所示选中橡皮工具，在选项中选择水龙头按钮，分别在场景中的填充区和边线上单击来删除填充区和边线，如图（b）所示,橡皮工具的使用举例如下：,（a）绘制的椭圆,（b）水龙头工具擦除,网络动画设计与制作,先后选中5种擦除模式，在选中图形的基础上对图形进行擦除，其效果如下图（c）所示,（c）5种擦除模式效果,网络动画设计与制作,使用线条工具绘制一条直线，再使用选择工具将它转换成曲线再使用线条工具绘制直线，连接曲线的两个端点，将它也拉成曲线绘制叶脉，并对不满意处用选择工具修改利用颜料桶工具给树叶上色利用任意变形工具变形并且改变中心点到叶柄处，旋转复制树叶，粘贴到中心位置，变形使用刷子工具，选择后面绘画模式，画出树枝形状组合树叶和树枝,实例演练：绘制一片树叶/树,网络动画设计与制作,网络动画设计与制作,网络动画设计与制作,实例：绘制特殊图案,网络动画设计与制作,任意变形工具自由缩放扭曲封套旋转倾斜中心点功能与修改-变形命令功能一致,网络动画设计与制作,实例：绘制花朵,变形面板,网络动画设计与制作,纯色填充线性填充放射状填充位图填充颜料桶工具的使用,混色器,网络动画设计与制作,功能：用于改变颜色渐变的宽度，方向以及渐变的半径实例练习：利用椭圆工具、混色器及填充变形工具制作如右下图所示的按钮效果,填充变形工具,网络动画设计与制作,使用椭圆工具，选择填充色为无，绘制一个正圆形打开混色器，选择放射状，设置好颜色，使用颜料桶工具在圆形偏下方填充选择填充变形工具，做渐变色范围及方向的修改新建图层，在上方绘制一个椭圆形，使用线性渐变填充使用填充变形工具，改变渐变颜色的方向和渐变半径的大小，适当调整位置,步骤,网络动画设计与制作,综合练习:渐变工具的使用Tom.flaMv场景,网络动画设计与制作,网络动画设计与制作,网络动画设计与制作,文本形式：动态文本，静态文本，输入文本动态文本是指动态更新的文本；输入文本是允许用户输入的文本，如调查表等。这两种类型的文本制作都要配合actionscript,在后面讲述脚本的时候会提到。Flash 8中文本的两种输入方式：不固定宽度的单行方式 固定文本宽度的输入方式,文本工具,网络动画设计与制作,文本工具的使用方法：,选择绘图工具箱中的文本工具在舞台下方的属性面板中设置文本的属性,文本工具属性面板,网络动画设计与制作,在场景中单击，采用不固定宽度方式输入，文本框右上角的控制点为小圆圈 在场景中用鼠标拖出文本输入的宽度，此时使用固定宽度文本输入方式，在文本框右上角的控制点为小方形,不固定宽度输入文本,固定宽度输入,要编辑已存在的文字，只要选中文字工具后单击文本框区域即可用鼠标选中文字，可以使用“剪切”、“复制”、“粘贴”等命令来编辑文字,网络动画设计与制作,对象的种类对象的排列和对齐操作文本对象到图形对象的转换位图对象的处理,5、对象操作,网络动画设计与制作,5个类型：图形，组合，文本，位图和元件图形：一般有轮廓和填充两个部分组合(ctrl+G)：可以把图形的轮廓和填充组合成一个整体，或多个图形对象组合在一起文本：位图：元件：分为三类图形元件、按钮元件和影片剪辑,对象的种类介绍,网络动画设计与制作,移动对象的方法,使用鼠标移动对象 使用方向键移动对象 使用信息面板移动对象 在X、Y编辑框中输入要移动的位置，然后按Enter键,网络动画设计与制作,复制和粘贴对象步骤,选中图像 旋择“编辑”“拷贝”，将图像复制到Windows剪贴板上 选择“编辑”“粘贴”，将复制的图像粘贴到场景中 选择“编辑”“粘贴到当前位置”，将拷贝的图像原位粘贴到场景中 选择“编辑”“选择性粘贴”，可进行选择性粘贴，其操作过程和Word字处理软件相似。Flash可以按照指定格式粘贴或嵌入剪贴板中的内容。还可以创建对象链接，以连接电影中的信息,网络动画设计与制作,删除对象：先选中对象，再按照以下4种操作之一操作即可删除对象：选择“编辑”“清除”“编辑”“剪切”命令 按Delete 键 按Backspace键，即可,网络动画设计与制作,对象组合,选取场景中要组合的对象选择“修改”“组合”命令，组合选中的对象,选择需要组合的对象,对象组合成一个整体,组合对象步骤如下：,网络动画设计与制作,选择“编辑”“编辑所选项目”命令，或双击所选区 域，可以发现只有属于该组的对象才正常显示。此时，用户只在“组合”的操作场景中。工作区左上角的场景标记右侧出现多了一个组标记 编辑完成后，选择“编辑”“编辑全部”命令，可以回到场景编辑状态 选择“修改”“取消组合”命令，可以取消对象组合,群组场景,网络动画设计与制作,叠放对象,在Flash中，同一层里，后画的图形会覆盖先画的图形；如果组成了群组，则后画的图形不会覆盖先画的图形 如果需要调整各群组之间的层次顺序，可以先选中要调整的群组，然后选择“修改”“排列”命令，这时会弹出子菜单,排序子菜单,网络动画设计与制作,对齐对象,Flash 8中，可以通过对齐命令对多个选定对象进行对齐排列 可以通过如下方式打开对齐面板：,单击工具栏中的“对齐”按钮选择“窗口”“对齐”命令选择“修改”“对齐”的子菜单中的具体命令,“对齐”面板,网络动画设计与制作,打散对象,打散对象：即分离组件，使将组、文本、位图、元件以及 从外部嵌入的对象转换为可以编辑的元素，从而减小图形的大小 如果将导入的位图打散，则意味着将导入的位图转换为元件，相当于使用绘图工具绘制的图形，所以可以使用绘图工具对其进行进一步操作 如果打散的对象是从其他应用程序链接过来的，对象将切断与源应用程序的链接，而直接嵌入到Flash作品中去,网络动画设计与制作,Flash中的自动对齐功能（1）对象对齐（2）像素对齐（3）贴紧对齐,网络动画设计与制作,为了制作一些文字特效，需要将文本转化为图形执行修改-分离（ctrl+B），相当于把每个字母由组合在一起的状态分离成单个状态再执行修改-分离，将文本属性完全转换为图形属性实例：制作霓虹灯效果,将文本转化为图形对象,网络动画设计与制作,效果图,网络动画设计与制作,输入文本，执行两次Ctrl+B，将文本转换为图形属性选择墨水瓶工具，笔触颜色设置为黄色，单击各文字边缘，删除黑色填充选择所有图形，执行修改-形状-将线条转换为填充（提示：这步操作使线条具备填充的属性，这样可以对线条进行图像效果的处理）,步骤,网络动画设计与制作,执行修改-形状-柔化填充边缘，设置距离为8px,步骤数为10，方向为扩展（提示：距离指柔化范围，步骤指柔化的渐进步数，数字越大，效果越好，但越占系统资源，方向是指向外柔化还是向内）,网络动画设计与制作,矢量图形使用称为矢量的线条和曲线（包括颜色和位置信息）描述图像。位图图形由排列成网格的称为像素的点组成。图像由网格中每个像素的位置和颜色值决定，每个点被指定一种颜色，如果放大位图，就会看到这些点就像马赛克那样拼合在一起形成图像,位图的处理,网络动画设计与制作,分离方式：仅仅是组合方式上的转换，本质上并没有发生很大的变化转换位图为矢量图的方式：修改-位图-转换位图为矢量图（完全矢量化）,转换方式,网络动画设计与制作,认识元件和实例创建元件创建按钮编辑元件使用元件实例导入图形库资源,6、元件、实例和库,网络动画设计与制作,元件：是指一个可重复使用的图像、动画或按钮将元件放到工作区应用于动画的制作过程中就成为实例（instance）元件有三种类型：,影片剪辑元件 按钮元件 图形元件,认识元件和实例,网络动画设计与制作,元件只需创建一次，然后即可在整个文档或其他文档中重复使用。用户创建的任何元件都会自动成为当前文档的库的一部分。每个元件都有自己的时间轴。可以将帧、关键帧和图层添加至元件的时间轴，就好像可以将它们添加到主时间轴一样。实例是指位于舞台上或嵌套在另一个元件内的元件副本。元件只存在于库面板中。要使用元件，可以将它从库面板中拖动到舞台上。在拖动到舞台上之后，元件立刻变成了实例。实例可以与它的元件在颜色、大小和功能上差别很大，就像“演员”可以化妆到面目全非一样。,网络动画设计与制作,元件与实例的关系 实例来源于元件，舞台上的任何实例都是由元件衍生的。如果元件被删除，则舞台上所有由该元件衍生的实例（除非已经解除与元件的关系）也将被删除。如果元件被修改，则舞台上所有由该元件衍生的实例将自动更新。,网络动画设计与制作,创建元件,把工作区中的现有元素转换成元件 创建新元件将动画转换为影片剪辑 复制元件,网络动画设计与制作,选中工作区中的某个元素选择“修改”“转换成元件”命令，这时弹出“转换为元件”对话框，输入元件的名称并选择元件类型 选择“窗口”“库”命令，打开库面板，即看到刚才建立的新元件,把工作区中的现有元素转换成元件,“转换为元件”对话框,网络动画设计与制作,创建新元件,创建新元件方法如下：,选择“插入”“新建元件”命令，将弹出“创建新元件”对话框单击库面板中的按钮，在弹出的菜单中选择“创建新建元件”命令 单击库面板最底下的按钮，也可以打开“创建新建元件”对话框，输入元件的名称，选择元件的类型，单击“确定”按钮后，即可新建一元件,“创建新元件”对话框,网络动画设计与制作,元件编辑模式,使用绘图工具绘图或导入媒体等建立元件的内容 当建完元件后单击下图中的“场景1”，返回到场景编辑状态,网络动画设计与制作,将动画转换为影片剪辑,将动画转换为影片剪辑其转换方法如下：,在时间轴任意一个单元格上右击，在弹出的快捷菜单中选择“选择所有帧”右击，在弹出的快捷菜单中选择“复制帧”命令，或者直接选择“编辑”“复制帧”命令，即可将所有帧都复制到剪贴板上选择“插入”“新建元件”命令，在弹出的对话框中输入元件名称，选择影片剪辑作为元件的类型，然后单击“确定”按钮，则舞台切换到元件编辑模式，用户可以编辑元件,网络动画设计与制作,单击时间轴的第一帧，并选择“编辑”“粘贴帧”命令，将刚才复制到剪贴板上的动画粘贴进来；或在第一帧上右击，在弹出的快捷菜单中选择“粘贴帧”，也可将动画粘贴到元件编辑模式舞台上选择“编辑”“编辑所有”命令，回到电影编辑模式；或者单击舞台左上方的场景编辑按钮,网络动画设计与制作,复制元件的方法如下：,复制元件,在库面板中选择一个元件单击库面板中的按钮，从弹出的菜单中选择“直接复制”命令，这时会弹出“元件属性”对话框，输入新元件的名称并选择所复制的元件的类型。确定后库窗口会增加一个与被复制元件一样的新元件，只需要在元件编辑模式下对它进行一定的修改就可以成为一个新元件了,网络动画设计与制作,按钮,按钮：是元件的一种类型,弹起：光标在按钮范围以外时按钮的样式指针经过：光标在按钮范围以内时按钮的样式按下：光标在按钮范围以内按下鼠标左键时按钮的样式点击：按钮的感应范围元件的定位准星：一般要求对象对齐，使用对齐面板,按钮有以下四种状态：,按钮时间轴,网络动画设计与制作,创建按钮的方法如下：,创建按钮,选择“插入”“新建元件”命令，或者按快捷键Ctrl+F8在“元件属性”对话框中输入新建按钮的名称，并选择Button作为元件的类型，确定后Flash自动切换到元件编辑模式，时间轴的第一行显示4个连续的帧 在时间轴窗口单击第一帧（空白关键帧），然后使用绘图工具、导入图像或者使用其他元件的实例制作好该帧的按钮外观,网络动画设计与制作,创建按钮,单击第二帧，并选择“插入”“关键帧”命令，或右击，在弹出的快捷菜单中选择“插入关键帧”修改或重新制作一个图形，作为鼠标经过状态的按钮图重复第4步和第5步，制作其他按钮状态时的外观完成以上步骤后退出元件编辑模式，回到场景编辑模式。然后可以从库面板中把做好的按钮元件拖到工作区中建立实例。,网络动画设计与制作,测试按钮,激活/禁止按钮。选择“控制”“启用简单按钮”命令，该菜单项出现一个对钩符号，表示激活按钮。再次选择此按钮，按钮又回到未被激活的状态 选择激活的按钮。因为按钮被激活后，单击按钮将执行指定的动作，因此要选择激活的按钮，必须拖拽鼠标拖出一个矩形框将按钮包围，释放鼠标后就选中按钮。选中后用方向键移动按钮，也可以在“属性”面板中修改按钮实例的属性 测试按钮。使用激活按钮的方法在编辑工作区中直接测试，也可以选择“控制”“测试电影”命令来测试按钮,网络动画设计与制作,在当前位置编辑 在新窗口中编辑元件 在元件编辑模式下编辑元件退出元件编辑模式,编辑元件,网络动画设计与制作,在当前位置编辑,选中一个元件的实例，选择“编辑”“编辑位置”命令，或者右击，在弹出的快捷菜单中选择“在当前位置编辑”，或直接双击,弹出菜单,网络动画设计与制作,在新窗口中编辑元件,在工作区选中一个元件实例后，右击，从弹出的快捷菜单中选择“在新窗口中编辑”，选中的元件在新的独立窗口中出现,网络动画设计与制作,在元件编辑模式下编辑元件,选中一个元件实例，然后右击，从弹出的快捷菜单中选择“编辑”，或者选择“编辑”“编辑元件”或“编辑所选项目”命令,网络动画设计与制作,退出元件编辑模式,当编辑完元件后，要退出元件编辑模式，可以使用以下方法：,单击工作区左上角的场景名称按钮，例如，单击如下图中所示的场景1选择“编辑”“编辑文档”命令,退出元件编辑模式,网络动画设计与制作,改变实例属性 为实例交换元件 改变实例类型 打散实例,使用元件实例,网络动画设计与制作,改变实例属性,选中一元件的实例，“属性”面板变为该实例的属性。在该面板中，用户可以改变实例的属性,实例“属性”面板,网络动画设计与制作,为实例交换元件的步骤如下:,为实例交换元件,在工作区选中一个实例单击实例属性面板中的“交换”按钮，弹出“交换元件”对话框，在其中的目录里列出了该动画已有的可以作为更换的元件。单击另一元件，确定后即完成交换,网络动画设计与制作,改变实例类型,在Flash 8中，改变实例类型很简单，只要选中实例，然后在“属性”面板中的下拉列表框中选择实例的类型即可,改变实例类型,网络动画设计与制作,打散实例,打散实例：可以切断它与元件的联系，成为非群组的形状和直线的集合从而可对实例的局部进行较为细致的操作,选中需要打散的实例选择“修改”“分离”命令，将实例打散为图形元素的组合，或使用快捷键Ctrl+B使用绘图工具修改元素,打散实例的步骤如下：,网络动画设计与制作,导入图形 转换位图为矢量图,导入图形,5.6 导入图形,网络动画设计与制作,导入图形,导入文件的方法如下：,选择“文件”“导入”命令在弹出的“导入”对话框中选择需要导入的文件，为方便浏览，可以选用缩略图的形式,导入文件,网络动画设计与制作,导入系列文件提示框,导入图形,如果输入的文件名称以数字结尾，即表示该文件为一个系列的文件之一。这时，会弹出一个提示框，询问是否将相同系列的文件全部导入，如下图所示。回答“是”，则将该系列文件全部导入,网络动画设计与制作,导入文件只是获得位图的一种方式，也可以在其他程序中直接复制位图到Flash中，主要步骤如下：,导入图形,在其他程序中拷贝图片，将图形复制到剪贴板中在Flash中选择“编辑”“粘贴”命令如果作为对象粘贴，可选择“编辑”“选择性粘贴”命令，在弹出的对象属性选择框中选择想要的粘贴方式,网络动画设计与制作,将位图矢量化的方法如下：,转换位图为矢量图,用上述方法导入一张位图，然后选中导入的位图 选择“修改”“转换位图为矢量图”命令，弹出“转换位图为矢量图”对话框修改对话框中的参数，单击“确定”按钮，就完成位图矢量化,“转换位图为矢量图”对话框,网络动画设计与制作,公用库 共享库资源,库资源,网络动画设计与制作,为了方便调用元件，减少重复工作，提高工作效率，在Flash中附带了很多元件，都保存在公用库里，选择“窗口”“公用库”命令，弹出“学习交互”、“按钮”、“类”子菜单,公用库,“学习交互”、“按钮”、“类”公用库面板,网络动画设计与制作,两种不同的共享库资源方法：,共享库资源,对于运行时共享资源 源文档的资源是以外部文件的形式链接到目标文档中的，运行时资源在文档回放期间（即在运行时）加载到目标文档中。在制作目标文档时，包含共享资源的源文档并不需要在本地网络上可供使用。但是，为了让共享资源在运行时可供目标文档使用，源文档必须发布到URL上对于创作期间的共享 可以用本地网络上任何其他可用元件来更新或替换正在创作的文档中的任何元件，可以在创作文档时更新目标文档中的元件。目标文档中的元件保留了原始名称和属性，但其内容会被更新或替换为所选元件的内容,网络动画设计与制作,掌握图层创建和编辑 掌握图层的顺序,7、图层的使用,网络动画设计与制作,创建新层,创建一个新层的方法有：,选择“插入”“时间轴”“图层”命令 直接单击图层窗口中的插入图层按钮 在某一图层上右击，在弹出的快捷菜单中选择“插入图层”命令,新增图层,网络动画设计与制作,层的查看,层的隐藏和显示 显示轮廓,层的查看,隐藏图形,网络动画设计与制作,编辑图层,层的选取 删除图层 复制图层 锁定图层 层的命名 改变图层顺序 创建图层文件夹,编辑图层,网络动画设计与制作,层的选取,选择一个图层的方法如下：,在时间轴窗口单击图层的名称 在时间轴上单击某一帧，将选中该帧所在的层 在舞台上选中一个对象，则该对象所在的图层被选中,网络动画设计与制作,删除图层的方法如下：,删除图层,选中要删除的一个或者多个图层 单击时间轴窗口中的垃圾箱按钮或将图层拖拽到垃圾箱按钮 右击并在弹出的快捷菜单中选择“删除图层”命令,网络动画设计与制作,复制图层,复制图层的方法如下：,选中要复制的图层 选择“编辑”“时间轴”“复制帧”命令 创建一个新层 单击新层，选择“编辑”“时间轴”“粘贴帧”命令,网络动画设计与制作,锁定图层的方法如下：,锁定图层,单击时间轴中的锁形图标，可将所有层都锁定 如果想锁定某一个层，只需要单击该图层后锁形列下的小黑点，锁定的图层后的小黑点变为小锁 在锁形列中拖拽鼠标，可以锁定多个连续的层 按下Alt键的同时单击某个图层的锁定列，可以锁定其他的所有图层,锁定图层,网络动画设计与制作,层的命名,给图层重新命名的方法是：双击图层的名字，然后输入新