FlashCS3基础与实例教程一.docx
《FlashCS3基础与实例教程一.docx》由会员分享，可在线阅读，更多相关《FlashCS3基础与实例教程一.docx（119页珍藏版）》请在冰豆网上搜索。
FlashCS3基础与实例教程一
第一课FlashCS3工作环境
FlashCS3以便捷、完美、舒适的动画编辑环境，深受广大动画制作爱好者的喜爱，在制作动画之前，先对工作环境进行介绍，包括一些基本的操作方法和工作环境的组织和安排。
1.1工作环境简介
1．开始页
运行FlashCS3，首先映入眼帘的是“开始页”，“开始页”将常用的任务都集中放在一个页面中，包括“打开最近的项目”、“新建”、“从模板创建”、“扩展”以及对官方资源的快速访问。
如图1-1所示。
图1-1开始页
如果要隐藏“开始页”，可以单击选择“不再显示”对话框，然后在弹出的对话框单击“确定”按钮。
如果要再次显示开始页，可以通过选择“编辑”|“首选参数”命令，打开“首选参数”对话框，然后在“常规”类别中设置“启动时”选项为“欢迎屏幕”即可。
2．工作窗口
在“开始页”，选择“创建新项目”下的“Flash文件”，这样就启动FlashCS3的工作窗口并新建一个影片文档。
如图1-2所示。
图1-2 FlashCS3的工作窗口
FlashCS3的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。
窗口最上方的是“标题栏”，自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。
“标题栏”下方是“菜单栏”，在其下拉菜单中提供了几乎所有的FlashCS3命令项。
“菜单栏”下方是“主工具栏”，通过它可以快捷的使用FlashCS3的控制命令。
“主工具栏”的下方是“文档选项卡”，主要用于切换当前要编辑的文档，其右侧是文档控制按钮。
“文档选项卡”下方是“编辑栏”，可以用于“时间轴”的隐藏或显示、“工作区布局”的切换、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。
“编辑栏”下方是“时间轴”，用于组织和控制文档内容在一定时间内播放的图层数和帧数。
时间轴左侧是图层，图层就像堆叠在一起的多张幻灯胶片一样，在舞台上一层层地向上叠加。
如果上面一个图层上没有内容，那么就可以透过它看到下面的图层。
Flash中有普通层、引导层、遮罩层和被遮罩层4种图层类型，为了便于图层的管理，用户还可以使用图层文件夹。
图1-3时间轴
“时间轴”下方是“工作区”和“舞台”。
FlashCS3扩展了舞台的工作区，可以在上面存储更多的项目。
舞台是放置动画内容的矩形区域，这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。
如图1-4所示。
图1-4舞台
工作时根据需要可以改变“舞台“显示的比例大小，可以在“时间轴”右上角的“显示比例”中设置显示比例，最小比例为8%，最大比例为2000%，在下拉菜单中有三个选项，【符合窗口大小】选项用来自动调节到最合适的舞台比例大小；【显示帧】选项可以显示当前帧的内容；【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素。
选择工具箱中的【手形工具】
，在舞台上拖动鼠标可平移舞台；选择【缩放工具】
，在舞台上单击可放大或缩放舞台的显示；选择【缩放工具】后，在工具箱的【选项】下会显示出两个按钮，分别为【放大】
和【缩小】
，分别单击它们可在“放大视图工具”与“缩小视图工具”之间切换，如图1-5所示。
选择选择【缩放工具】后，按住键盘上的Alt键，单击舞台，可快捷缩小视图。
图1-5缩放工具的选项图1-6工具箱
窗口左侧是功能强大的“工具箱”，它是Flash中最常用到的一个面板，由“工具”、“查看”、“颜色”和“选项”四部分组成。
在FlashCS3中，工具箱可以自由地安排为单列或双列显示，单击工具箱上方的三角按钮可以在两种状态之间变换，如图1-6所示，是显示为双列的状态。
多个“面板”围绕在“舞台”的下面和右面，包括常用的【属性】/【滤镜】/【参数】面板组，还有【颜色】面板组和【库】面板等。
面板是Flash工作窗口中最重要的操作对象，下面我们逐一进行介绍。
1.2面板
1．面板的基本操作
（1）打开面板
可以通过选择“窗口”菜单中的相应命令打开指定面板。
（2）关闭面板
在已经打开的面板标题栏上右击，然后在快捷菜单中选择“关闭面板组”命令即可，或者也可直接单击面板右上角的“关闭”按钮。
（3）重组面板
在已经打开的面板标题栏上右击，然后在快捷菜单中选择“将面板组合至”某个面板中即可。
（4）重命名面板组
在面板组标题栏上右击，然后在快捷菜单中选择“重命名面板组”命令，打开“重命名面板组”对话框。
在定义完“名称”后，单击“确定”按钮即可。
如果不指定面板组名称，各个面板会依次排列在同一标题栏上。
（5）折叠或展开面板
单击标题栏或者标题栏上的折叠按钮可以将面板折叠为其标题栏。
再次单击即可展开。
（6）移动面板
可以通过拖动标题栏区域或者将固定面板移动为浮动面板。
（7）将面板缩为图标
在FlashCS3中，面板的操作增加了一项新的内容，这就是“将面板缩为图标”，它能将面板以图标的形式显现，进一步扩大了舞台区域，为创作动画提供了良好的环境。
（8）恢复默认布局
可以通过选择“窗口”菜单中的“工作区布局”|“默认”命令即可。
2．“帮助”面板
“帮助”面板包含了大量信息和资源，对Flash的所有创作功能和ActionScript语言进行了详尽的说明。
“帮助”面板可以随时对软件的使用或动作脚本语法进行查询，使用户更好地使用软件的各种功能。
如图1-7所示。
图1-7“帮助”面板
如果从未使用过Flash，或者只使用过有限的一部分功能，可以从“使用Flash”选项开始学习。
在其上方有一组快速访问的工具按钮，在文本框中输入词条或短语，然后单击“搜索”按钮，包含该词条或短语的主题列表即会显示出来。
3．“动作”面板
“动作”面板可以创建和编辑对象或帧的ActionScript代码，主要由“动作工具箱”、“脚本导航器”和“脚本”窗格组成。
如图1-8所示。
关于此面板的详细应用，我们会在后面的章节中具体讲解。
图1-8“动作”面板
4．“属性”面板
使用“属性”面板可以很容易地设置舞台或时间轴上当前选定对象的最常用属性，从而加快了Flash文档的创建过程。
如图1-9所示。
当选定对象不同时，“属性”面板中会出现不同的设置参数，针对此面板的使用在后面的课里会陆续介绍。
图1-9“属性”面板
5．“滤镜”面板
滤镜对制作Flash动画产生了便利和巨大影响，FlashCS3又新增了复制和粘贴滤镜的功能，使滤镜的使用达到了前所未有的便捷。
默认情况下，“滤镜”面板、“属性”面板和“参数”面板组成一个面板组。
如图1-10所示。
针对此面板的使用在后面的章节里会详细介绍。
图1-10“滤镜”面板
7．“对齐”面板
“对齐”面板可以重新调整选定对象的对齐方式和分布，如图1-12所示。
图1-12“对齐”面板
“对齐”面板分为5个区域：
【相对于舞台】：
按下此按钮后可以调整选定对象相对于舞台尺寸的对齐方式和分布；如果没有按下此按钮则是两个以上对象之间的相互对齐和分布。
【对齐】：
用于调整选定对象的左对齐、水平中齐、右对齐、上对齐、垂直中齐和底对齐。
【分布】：
用于调整选定对象的顶部、水平居中和底部分布，以及左侧、垂直居中和右侧分布。
【匹配大小】：
用于调整选定对象的匹配宽度、匹配高度或匹配宽和高。
【间隔】：
用于调整选定对象的水平间隔和垂直间隔。
8．“颜色”面板
在FlashCS3中已经找不到以前版本的“混色器”面板，替代它的是“颜色”面板，如图1-13所示。
用“颜色”面板可以创建和编辑“笔触颜色”和“填充颜色”的颜色。
默认为RGB模式，显示红、绿和蓝的颜色值，“Alpha”值用来指定颜色的透明度，其范围在0%~100%，0%为完全透明，100%为完全不透明。
“颜色代码”文本框中显示的是以“#”开头十六进制模式的颜色代码，可直接输入。
可以在面板的“颜色空间”单击鼠标，选择一种颜色，上下拖动右边的“亮度控件”可调整颜色的亮度。
图1-13“颜色”面板
9．“公用库”面板
“公用库”面板提供了一些公用的元件，包括学习交互、按钮和类。
可以通过执行“窗口”菜单中的“公用库”级联菜单下的相应命令开启它们。
如图1-15所示是打开的“按钮”公用库面板。
10．“库”面板
Flash文档中的“库”可存储用户在文档中使用而创建或导入的媒体资源，还可以包含已添加到文档的组件，组件在“库”面板中显示为编译剪辑。
如图1-16所示。
在FlashCS3中延用了“单一库面板”功能，可以使用一个“库”面板来同时查看多个Flash文档的库项目。
图1-15“公用库”面板图1-16“库”面板
11,“场景”面板
一个动画可以有多个场景组成，“场景”面板中显示了当前动画的场景数量和播放的先后顺序。
当动画包含多个场景时，将按照它们在“场景”面板中的先后顺序进行播放，动画中的“帧”是按“场景”顺序连续编号的，例如：
如果影片中包含两个场景，每个场景有10帧，则场景2中的帧的编号为11到20。
单击“场景”面板下方的三个按钮可以执行“复制”、“添加”和“删除”场景的操作。
双击“场景名称”可以重新命名，上下拖动“场景名称”可以调整“场景”的先后顺序，如图1-20所示。
图1-17“场景”面板
1.3影片文档的基本操作――旅游风光宣传片特效
对于初步接触Flash的读者来说，掌握FlashCS3制作动画的工作流程，掌握Flash影片文档的基本操作方法是最迫切的一个要求。
1.3范例简介
本例利用时间轴特效制作一个旅游风光宣传片特效，通过这个宣传片特效的制作过程，让读者了解FlashCS3制作动画的整体过程。
范例效果如图1-18所示。
图1-18范例效果
通过本例的学习，读者主要可以掌握如何新建FlashCS3影片文档，如何设置文档属性，如何保存文件，如何测试影片，如何导出影片，如何打开文件，如何修改文件，认识FlashCS3工作环境，认识Flash所产生的文件类型以及了解导入位图和设置时间轴特效等。
1.3.1制作步骤
1．新建影片文档和设置文档属性
（1）启动FlashCS3，出现“开始页”，选择“创建新项目”下的“Flash文件”，这样就启动FlashCS3的工作窗口并新建一个影片文档。
（2）展开“属性”面板，单击“大小”右边的“文档属性”按钮
，弹出“文档属性”对话框。
（3）在“标题”文本框中输入“旅游风光宣传片”，在“描述”列表框中输入对影片的简单描述，设置“尺寸”为600×400像素，设置“背景颜色”为浅蓝色，其他保持默认，如图1-19所示。
图1-19“文档属性”对话框
2．导入位图和设置时间轴特效
（1）选择“文件”|“导入”|“导入到舞台”命令，在弹出的对话框中选择位图（文件路径：
\素材\第1课\1.gif）。
接着在弹出对话框中选择“是”按钮，如图1-20所示，把准备好的3张风景图片导入到舞台中。
图1-20导入位图
（2）单击选中场景中的图片，选择“插入”|“时间轴特效”|“效果”|“模糊”命令，在弹出的【模糊】对话框中单击“确定”按钮，完成第1张图片的特效制作。
按照相同的方法，为第2、3张图片加上模糊特效。
3．保存和测试影片
（1）选择“文件”|“保存”命令（快捷键Ctrl+S），弹出【另存为】对话框，指定影片保存的文件夹，输入文件名，单击“保存”按钮。
这样我们就将影片文档保存起来了，文件的扩展名是fla。
注意：
为了安全，在动画制作过程中要经常保存文件。
按Ctrl+S键，可以快速保存文件。
（2）选择“控制”|“测试影片”命令（快捷键Ctrl+Enter），弹出测试窗口，在窗口中可以观察到影片的效果，并且还可以对影片进行调试。
关闭测试窗口可以返回到影片编辑窗口对影片继续进行编辑。
（3）打开“资源管理器”窗口，定位在影片文档保存的文件夹，可以观察到两个文件，如图1-21所示。
右边是影片文档源文件（扩展名是fla），也就是第
（1）步保存的文件。
左边是影片播放文件（扩展名是swf），也就是第
（2）步测试影片时自动产生的文件。
直接双击影片播放文件可以在Flash播放器中播放动画。
图1-21文档类型
4．导出影片
（1）选择“文件”|“导出”|“导出影片”命令，弹出“导出影片”对话框，指定导出影片的文件夹，输入导出影片文件名，单击“保存”按钮，弹出【导出FlashPlayer】对话框，如图1-22所示。
图1-22【导出FlashPlayer】对话框
（2）在这个对话框中可以设置导出影片的相关参数。
这里我们不做改动，保持目前的默认参数。
单击【确定】按钮，导出影片。
导出的影片文件类型是播放文件，文件扩展名为swf。
5．关闭和打开影片文档
（1）单击影片文档窗口右上角的关闭按钮
，关闭影片。
（2）在“开始”页面，选择“打开最近项目”下的“打开”按钮，弹出“打开”对话框。
在“查找范围”中定位到要打开影片文件所在的文件夹，选择要打开的影片文件（扩展名为fla）。
单击“打开”按钮，这样就把影片文档打开了。
（3）按下快捷键“Ctrl+S”保存文件。
按下快捷键“Ctrl+Enter”测试影片效果，我们得到一个具备动态模糊效果的位图特效影片。
教学后记:
第二课绘制基本形状
线条是最简单的图形，它是复杂图形的基础。
本节中将学习绘制基本形状如三角形、星星、月亮、十字花、圆环、扇形等的方法和技巧。
2.1绘制三角形
三角形的绘制有很多种方法，这里介绍比较常用的两种方法。
一是运用线条工具（或铅笔、钢笔工具）进行线条组合绘制，二是运用多角星形工具直接绘制。
首先学习运用线条工具绘制三角形的方法。
绘制步骤如下：
（1）选择“文件”|“新建”命令或按快捷键Ctrl+N，新建一个Flash文档。
（2）首先绘制一个直角三角形。
选择“线条”工具，在“笔触颜色”区域选择笔触颜色为“蓝色”，
（3）展开“属性”面板，设置笔触高度为“10”，笔触样式为“实线”，端点为“方型”，尖角为“20”，接合为“尖角”，如图2-1所示。
图2-1 设置线条属性
（4）按下Shift键，同时按下鼠标左键在工作区中画出一条垂直的直线，接着再画一条水平的直线，使其与垂直的直线相交。
如图2-2所示。
图2-2 绘制相互垂直的直线
（5）松开Shift键，再画一条直接，将垂直线与水平线封闭起来，形成一个直角三角形。
如图2-3所示。
图2-3 直角三角形
（6）选择“颜料桶”工具
，在“填充色”区域选择填充色为黄色，在封闭的三角形中单击鼠标。
填充三角形如图2-4所示。
图2-4 填充颜色
接下来学习通过复制的方法快速绘制锐角和钝角三角形的方法。
（1）单击选择工具箱中的“选择工具”，在已经绘制好的直角三角形周围拖动框选图形。
（2）按住Ctrl键的同时，拖动鼠标快速复制一个三角形。
如图2-5所示。
图2-5 快速复制三角形
（3）在舞台的空白区域单击鼠标取消对图形的选择，接着将鼠标指针靠近三角形的端点，当指针变为直角时，拖动鼠标改变端点的位置，如图2-6所示，完成钝角三角形的绘制。
图2-6绘制钝角三角形
（4）运用同样的方法可以快速绘制出锐角三角形。
绘制完成的效果如图2-7所示。
图2-7 绘制好的三角形
以上是绘制三角形的第一种方法，即线条组合法，它是通过线条来组合绘制三角形的。
下面学习使用多角星形工具快速绘制三角形的方法。
（1）在工具箱的“矩形工具”上按住鼠标数秒，弹出工具下拉列表，在其中选择最下边的“多边星形工具”
。
如图2-8所示。
图2-8 矩形工具下拉列表
（2）在属性面板中设置笔触颜色为蓝色，填充颜色为黄色，笔触高度为“10”，笔触样式为“实线”，端点为“方型”，尖角为“20”，接合为“尖角”，如图2-9所示。
图2-9 设置多角星形工具的属性
（3）单击属性面板中的“选项”按钮
，在弹出的【工具设置】对话框中设置“样式”为“多边形”，“边数”为“3”，如图2-10所示。
图2-10 设置多角星形工具的属性
（4）在舞台中拖动鼠标绘制三角形，方向和大小均可以通过鼠标指针来控制。
绘制完成的效果如图2-11所示。
图2-11 绘制三角形
2.1.3绘制星星
星星是Flash动画作品中比较常见的图形，绘制时一般使用“多角星形工具”，这个工具可以任意设置边数、顶点大小等，从而绘制出多种形状的星星。
绘制步骤如下：
（1）选择”文件”|“新建”命令或按快捷键Ctrl+N，新建一个Flash文档。
设置舞台背景色为黑色，其他参数保持默认值。
（2）在工具箱的“矩形工具”上按住鼠标数秒，弹出工具列表框，在其中选择最下边的“多角星形工具”
。
如图2-12所示。
图2-12 选择多角星形工具
（3）在属性面板中设置笔触颜色为无，填充色为白色，单击属性面板中的“选项”按钮
，在弹出的【工具设置】对话框中设置“样式”为“星形”，“边数”为“5”，“星形顶点大小”为0.8，如图2-13所示。
图2-13 设置多角星形工具的属性
（4）在舞台中拖动鼠标绘制星形，方向和大小均可以通过鼠标指针来控制。
绘制完成效果如图2-14所示。
图2-14 绘制星星
2.1.3绘制月亮
月亮在不同的时间呈现出不同的状态，有盈亏之分。
下面学习绘制满月和弯月的方法和技巧。
绘制的步骤如下：
（1）选择”文件”|“新建”命令或按快捷键Ctrl+N，新建一个Flash文档。
设置舞台背景色为深蓝色，其他参数保持默认值。
（2）在工具箱的“矩形工具”上按住鼠标数秒，弹出工具列表框，在其中选择“椭圆工具”
。
如图2-15所示。
图2-15 工具下拉列表
（3）在属性面板中设置“笔触颜色”为无，“填充色”为白色，在拖动鼠标的同时按住Shift键，在舞台上画一个白色的正圆，满月绘制完成。
如图2-16所示。
图2-16绘制一个白色圆
下面学习使用形状切割法绘制弯月的方法。
（1）使用“椭圆工具，设置“笔触颜色”为无，“填充色”为白色，绘制一个圆。
接着在白色圆旁边画一个略小的黄色正圆。
如图2-17所示。
图2-17绘制两个圆
（2）使用“选择工具”，将黄色圆移动到白色圆的上面，如图2-18所示。
图2-18移动黄色圆
（3）将鼠标在圆形外任意地方单击，取消对圆形的选择状态，使两个圆形组合到一块。
然后再重新选中黄色圆形，按Delete键将它删除，剩下一个白色的弯月。
如图2-19所示。
图2-19白色的弯月
2.1.3圆环和扇形的绘制
Flash8版本绘制圆环和扇形是比较麻烦的，必须通过多次绘制或形状切割法进行绘制。
FlashCS3则增加了基本椭圆工具，可以更加快捷地绘制出圆环、扇形、弧形等。
下面学习绘制圆环和扇形的方法和技巧，绘制步骤如下：
（1）选择”文件”|“新建”命令或按快捷键Ctrl+N，新建一个Flash文档。
（2）在工具箱的“矩形工具”上按住鼠标数秒，弹出工具列表框，在其中选择“任意椭圆工具”
。
如图2-20所示。
图2-20 选择基本椭圆工具
（3）在属性面板中设置“笔触颜色”为蓝色，“填充色”为黄色，按住Shift键拖动鼠标在舞台上绘制一个椭圆。
如图2-21所示。
图2-21 绘制圆
（4）绘制出的椭圆的中心和弧上出现了2个圆形控制点。
切换到选择工具，拖动圆心处的控制点，从圆心处扩展出新的圆。
如图2-22所示。
图2-22 拖动控制点
（5）松开鼠标后，圆环绘制完成。
如图2-23所示。
图2-23 绘制完成的圆环
其实绘制圆环有更简单的方法。
选择基本椭圆工具后在属性面板中设置“内部半径”值，然后拖动鼠标可以快速绘制出圆环。
设置的参数如图2-24所示。
图2-24 设置内部半径
掌握绘制圆环的方法后，扇形的绘制也就很容易了。
下面简述绘制的步骤。
（1）选择“任意椭圆工具”
，在属性面板中设置“开始角度”为10，“结束角度”为160，内部半径为0，选中“闭合路径”复选框，如图2-25所示。
图2-25 设置参数
（2）拖动鼠标绘制出扇形，如图2-26所示。
图2-26 绘制扇形
2.3绘制渐变色彩的图形
前面我们已经绘制了单色填充的图形，它们色彩单一，填充简单。
而渐变填充色彩绘制的图形色彩丰富，设置复杂，但极富表现力，应用的范围也更广。
本小节就学习渐变色彩图形的绘制方法。
2.2.1渐变填充
渐变填充一般在“颜色”面板中进行调配，它不仅可以对线条的颜色进行调配，还可以对填充色进行调配。
面板中的渐变填充有两种，线性渐变填充和放射状渐变填充。
1．线性渐变
“线性渐变”可以创建从起始点到终点沿直线的渐变，如图2-27所示，“溢出”选项用于控制超出渐变限制的颜色。
它有扩展（默认模式）、镜像和重复三种模式。
选中“线性RGB”复选框可以创建SVG兼容的（可伸缩的矢量图形）线性或放射状渐变。
如果单击渐变定义栏或渐变定义栏的下方就可为渐变添加渐变指针。
FlashCS3最多可以添加15个颜色指针，从而创建多达15种颜色转变的渐变。
沿着渐变定义栏拖动指针可移动渐变指针位置。
将指针向下拖离渐变定义栏可以删除它。
单击颜色右上角的三角形，然后从弹出菜单中选择“添加样本”可保存渐变色至“颜色样本”面板中。
图2-27 “线性”渐变
下面制作“线性渐变”的图形，步骤如下：
（1）在创建好的新文件中，选择“矩形工具”，打开“颜色”面板，单击“类型”后面的小三角，弹出下拉列表，选择“线性”，如图2-28所示。
图2-28 选择“线性”渐变
（2）单击渐变定义栏左边起始端的指针，在弹出的调色板中选择蓝色，同样的方法设置右边结束端的颜色为黄色。
如2-29所示。
图2-29 选择渐变色
（3）单击渐变定义栏的中间区域，增加1个渐变指针，如图2-30所示。
设置渐变色为绿色。
图2-30 增加渐变指针
（4）拖动鼠标在舞台中绘制一个矩形，如图2-31所示，沿直线进行线性渐变的图形就绘制完成了。
图2-31 绘制矩形
绘制好线性渐变的图形后，如果想改变填充的方向，就要用到“渐变变形工具”。
它可以对已经填充好的渐变色进行修改，下面实际操作一下。
（1）单击选择工具箱中的“渐变变形工具”
，如图2-32所示。
图2-32 选择渐变变形工具
（2）单击选择上图中的矩形，线性渐变上面出现两条平行的直线，其中一条上有方形和圆形的手柄。
如图2-33所示。
方形手柄缩放渐变色，圆形手柄可以旋转渐变色方向。
图2-33 渐变变形工具
（3）拖动圆形手柄旋转50度，按住方形手柄向圆心处拖拉，使渐变色缩小一些，效果如图2-34所示。
图2-34 更改后的线性渐变
2．放射状渐变
“放射状渐变”产生从一个中心焦点出发沿环形轨道混合的渐变，它的参数设置和线性渐变是大体相同的。
如图2-35所示，
图2-35 选择“放射状”渐变
下面制作“放射状渐变”的图形，步骤如下：
（1）在创建好的新文件中，选择“椭圆工具”，打开“颜色”面板，单击“
升级会员 