《Flash CS5中文版应用教程（第二版） 教学课件 ppt 作者 张凡 华漫_ 第1章 Flash CS5基础知识》由会员分享，可在线阅读，更多相关《Flash CS5中文版应用教程（第二版） 教学课件 ppt 作者 张凡 华漫_ 第1章 Flash CS5基础知识（82页珍藏版）》请在金锄头文库上搜索。
1、第1章 Flash CS5基础知识,位图与矢量图的关系 Flash CS5的界面构成 基本文档操作 在Flash中绘制图形 描边和填色 其他编辑工具的使用,本章重点：,Flash CS5是一款优秀的二维动画制作软件，在学习之前，应掌握其界面的基本布局和基本文档操作。而矢量图形是Flash动画的基本元素之一，Flash提供了多种工具来绘制和编辑矢量图形作为动画中的元素。通过本章学习应掌握以下内容：,1.1 位图与矢量图,根据生成原理的不同，计算机中的图形可以分为位图和矢量图两种。,位图是由像素构成的，单位面积内的像素数量将决定位图的最终质量和文件大小。位图放大时，放大的只是像素点，位图图像的四周
2、会出现马赛克，如图1-1所示。位图与矢量图相比，具有色彩丰富的特点。位图中单位面积内的像素越多，图像的分辨率越高，图像也就表现得越细腻，但文件所占的空间越大，计算机处理速度越慢。因此，要根据实际需要来制作位图。,1.位图,矢量图是由数学公式所定义的直线和曲线组成的，内容以色块和线条为主，如一条直线的数据只需要记录两个端点的位置、直线的粗细和颜色等，因此矢量图所占的数据容量比较小，他的清晰度与分辨率无关。对矢量图进行放大、缩小和旋转等操作时，图形对象的清晰度和光滑度不会发生任何偏差，如图1-2所示。,2.矢量图,Flash动画采用了矢量图形技术，制作出的动画文件体积特别小。凭借这一特点，Flas
3、h动画在网络中占有不可替代的位置。,1.2 Flash CS5的界面构成,启动Flash CS5，首先显示出图1-3所示的启动界面。,图1-3 启动界面,启动界面中部的主体部分列出了一些常用的任务。其中左边栏是打开最近用过的项目，中间栏是创建各种类型的新项目，右边栏是从模板创建各种动画文件。 下面来打开一个已有的动画文件。方法：单击左边栏下方 的按钮，在弹出的“打开”对话框中选择配套光盘“素材及结果8.2制作趁火打劫动作动画趁火打劫.fla”文件，如图1-4所示，单击“打开”按钮，即可进入该文件的工作界面，如图1-5所示。,图1-4 选择要打开的文件,Flash CS5工作界面主要可以分为动画
4、文件选项卡、工具箱、时间轴、舞台和面板几部分。下面就来进行具体讲解。,在这里显示了当前打开的文件名称。如果此时打开了多个文件，可以通过单击相应的文件名称来实现文件之间的切换。,1. 动画文件选项卡,工具箱中包含了多种常用的绘制图形的工具和辅助工具，具体使用方法参见“1.4 在Flash中绘制图形”中的相关内容。这里需要说明的是，单击工具箱最顶端的 小图标，可将工具箱变成长单条和短双条结构，此时小图标会变为 形状，如图1-6所示。,2. 工具箱,时间轴用于组织和控制一定时间内的图层和帧中的文档内容。 时间轴左边为图层区，右边为帧区，动画从左向右逐帧进行播放，如图1-7所示。,3. 时间轴,舞台又
5、称工作区域，是Flash工作界面上最广阔的区域。在这里可以摆放一些图片、文字、按钮、动画等。,4. 舞台,5. 面板,面板位于工作界面右侧，利用它们，可以为动画添加丰富的特殊效果。Flash CS5中的面板现在以方便的、自动调节的停靠方式进行排列， 单击顶端的小图标，可以将面板缩小为 图标，如图1-8所示。在这种情况下，单击相应的图标，会显示出相关的面板，如图1-9所示。这样可以使软件界面极大简化，同时保持必备工具可以访问。 将工具箱和各种面板位置调整好之后，可以对调整后的工作区布局进行保存。方法：执行菜单栏中的“窗口|工作区|保存当前”命令，在弹出的图1-10所示的对话框中输入名称，单击“确
6、定”按钮，即可将现在的工作界面保存起来。,1.3 基本文档操作,在熟悉了Flash CS5的界面构成后，下面来学习在制作动画过程中需要频繁使用的基本文档操作方法。,1.3.1 创建新文档,创建新文档有两种方法：一是启动Flash CS5，弹出开始页面对话框，单击“新建”栏下的“ActionScript 2.0”或者“ActionScript 3.0”选项，即可创建一个默认名称为“未命名-1”的Flash文件，如图1-11所示；二是执行菜单中的“文件|新建”命令，在弹出的图1-12所示的“新建文档”对话框中选择“ActionScript 2.0”或者“ActionScript 3.0”选项，单击
7、“确定”按钮。,图1-11创建一个默认名称为“未命名-1”的Flash文件,图1-12“新建文档”对话框,1.3.2 设置文档属性,“属性”面板位于工作区的底部。利用“属性”面板可以很容易地 设置舞台或时间轴上当前选项最常用的属性，也可以在面板中更改对象或文档的属性。选择不同的对象时，面板上显示的项目会有所不同。 当新建一个文档后，其属性面板如图1-13所示。单击“大小”右侧的“编辑”按钮，在弹出的图1-14所示的文档设置对话框中可以对文档尺寸、背景颜色、帧频、标尺单位等参数进行设置，设置完成后单击“确定”按钮即可。 提示：执行菜单中的“修改|文档”(快捷键)命令，也可打开“文档设置”对话框。
8、,1.3.3 保存文档,为了避免出现意外时丢失文档，在文档属性设置好后，一定要及时保存文档。保存文档的具体操作步骤为：执行菜单中的“文件|保存”命令，在弹出的图1-15所示的“另存为”对话框中单击“保存在”下拉列表框后面的下拉按钮，选择要保存文档的文件夹；在“文件名”文本框中输入要保存文件的名称，然后单击“保存”按钮。接着在后面的工作中，通过单击工具栏中的“保存” 按钮，随时对工作内容进行保存。,图1-15“另存为”对话框,1.3.4 测试影片,Flash动画在制作完成后，接下来就是进行播放测试。执行菜单中的“控制|测试影片”（快捷键）命令，即可测试影片。 此外，也可以在播放状态下观赏动画效果
9、，具体操作步骤为：将播放头 定位在第1帧上，然后按键盘上的键，动画就会从第1帧开始播放最后，到一帧停止播放。 如果想循环播放动画，可以执行菜单中的“控制|循环播放”命令，此时该命令会显示被选中，如图1-16所示。然后，在按键盘上的键即可循环播放。,图1-16选择“循环播放”命令,1.3.5 发布影片,在保存完动画后，按键盘上的组合键进行播放，即可在同一目录下将其自动发布为名称与保存的文件相同，但扩展名为“.swf”的文件，如图1-17所示。这种动画可以直接插入网页中（如Dreamweaver）。,图1-17自动生成的动画文件,此外，还可以根据需要将影片发布为.mov、.avi等格式的视频格式，
10、具体参见第7章 “动画发布”中的相关内容。,1.4 在Flash中绘制图形,在Flash的工具箱中包含多种绘制图形的工具，下面就来具体讲解这些工具的使用方法。,1.4.1 利用铅笔工具绘制曲线,（铅笔工具）用于在场景中的指定帧上绘制线和形状，它的效果就好像用真的铅笔画画一样。帧是Flash动画创作中的基本单元，也是所有动画及视频的基本单元，将在后面的章节中介绍。Flash CS5中的铅笔工具有些属于自己的特点，它可以绘制过程中拉直线或者平滑曲线，还可以识别或者纠正基本几何形状。另外，还可以使用铅笔工具修正来创建特殊形状，也可以手工修改线条和形状。 选择工具箱中的 （铅笔工具）的时候，在工具栏下
11、部的选项部分中将显示图1-18所示的选项，其中左侧 (对象绘制)按钮用于绘制互不干扰的多个图形，单击 右侧下的小三角按钮，会出现图1-19所示的下拉选项。 这3个选项是铅笔工具的3个绘图模式。 选择 (直线化）时，系统会将独立的线条自动连接，接近直线的线条将自动拉直，摇摆的曲线将实施直线式的处理，效果如图1-20所示。,图1-18 铅笔工具选项栏 图1-19 下拉选项 图1-20直线化效果,选择（平滑）时，将缩小Flash自动进行处理的范围。在平滑选项模式下，线条拉直和形状识别都被禁止。绘制曲线后，系统可以进行轻微的平滑处理，端点接近的线条彼此可以连接，效果如图1-21所示。 选择（墨水）选项
12、时，将关闭Flash自动处理功能。画的是什么样，就是什么样，不做任何平滑、拉直或连接处理，效果如图1-22所示。,图1-21平滑效果 图1-22墨水效果,选择 （铅笔工具）的同时，在“属性”面板中也会出现图1-23所示的选项，包括笔触颜色、笔触高度、笔触样式、自定义、端点类型和接合类型等。,单击 颜色框，会弹出Flash自带的Web颜色系统，如图1-24所示，从中可以定义所需的笔触颜色；单击笔触宽度，可以自由设定线条的宽度；单击“样式”右侧的下拉按钮，可以从下拉列表中选择所需的线条样式，如图1-25所示；单击 按钮，用户也可以在弹出的“笔触样式”对话框中设置自己的线条样式，如图1-26所示。,
13、在“笔触样式”对话框中共有6种线条类型，下面就对 这6种线条做一下简单的介绍。 实线：这是最适合于在Web上使用的线型。此线型的设置可以通过“粗细”和“锐化转角”两项来设定，如图1-27所示。 虚线：这是带有均匀间隔的实线。短线和间隔的长度是可以调整的，如图1-28所示。,点状线：绘制的直线由间隔相等的点组成。同虚线有些相似，但只有点的间隔距离可调整，如图1-29所示。 锯齿状线：绘制的直线由间隔相等的粗糙短线构成。它的粗糙程度可以通过图案、波高和波长3个选项来进行调整，如图1-30所示。在“图案”选项中有“实线”、“简单”、“随机”、“点状”、“随机点状”、“三点状”、“随机三点状”7种样式
14、可供选择；在“波高”选项中有“平坦”、“起伏”、“剧烈起伏”、“强烈”4个选项可供选择；在“波长”选项中有“非常短”、“短”、“中”、“长”4个选项可供选择。,点描：绘制的直线可用来模拟艺术家手刻的效果。点描的品质可通过点大小、点变化、密度来调整，如图1-31所示。在“点大小”选项中有“很小”、“小”、“中”、“大”4个选项可供选择；在“点变化”选项中有“同一大小”、“微小变化”、“不同大小”、“随机大小”4个选项可供选择；在“密度”选项中有“非常密集”、“密集”、“稀疏”、“非常稀疏”4个选项可供选择。 斑马线：绘制复杂的阴影线，可以精确模拟艺术家手画的阴影线,产生无数种阴影效果，这可能是F
15、lash绘图工具中复杂性最高的操作，如图1-32所示。它的参数有：粗细、间隔、微动、旋转、曲线、长度。其中“粗细”选项中有“极细”、“细”、“中”、“粗”4个选项可供选择；“间隔”选项中有“非常近”、“近”、“远”、“非常远”4个选项可供选择；“微动”选项中有“无”、“弹性”、“松散”、“强烈”4个选项可供选择；“旋转”选项中有“无”、“轻微”、“中”、“自由”4个选项可供选择；“曲线”选项中有“直线”、“轻微弯曲”、“中等弯曲”、“强烈弯曲”4个选项可供选择；“长度”选项中有“等于”、“轻微变化”、“中等变化”、“随机”4个选项可供选择。,“端点”和“接合”选项用于设置线条的线段两端和拐角的类型，如图1-33所示。 端点类型包括“无”、“圆角”和“方形”3种，效果如图1-34所示。我们可以在绘制线条以前设置好线条属性，也可以在绘制完以后重新修改线条的这些属性。,接合指的是在线段的转折处也就是拐角的地方，线段以何种方式呈现拐角形状。有“尖角”、“圆角”和“斜角”3种方式可供选择，效果如图1-35所示。 当选择接合为“尖角”的时候，左侧的尖角限制文本框会变为可用状态，如图1-36所示。在这里可以指定尖角限制数值的大小。数值越大，尖角就越趋于尖锐；数值越小，尖角会被逐渐削平。,1.4.2 利用线条工具绘制曲线,使用
