第一课 Flash8工作环境
Flash以便捷、完美、舒适的动画编辑环境，深受广大动画制作爱好者的喜爱，在制作动画之前，先对工作环境进行介绍，包括一些基本的操作方法和工作环境的组织和安排。
第一节工作环境简介
1．开始页
运行Flash 8，首先映入眼帘的是“开始页”，“开始页”将常用的任务都集中放在一个页面中，包括“打开最近项目”、“创建新项目”、“从模板创建”、“扩展”以及对官方资
源的快速访问。如图1-10所示。
图 1-10 开始页
如果要隐藏“开始页”，可以单击选择“不再显示此对话框”，然后在弹出的对话框单
击“确定”按钮。
如果要再次显示开始页，可以通过选择“编辑”|“首选参数”命令，打开“首选参数”对话框，然后在“常规”类别中设置“启动时”选项为“显示开始页”即可。
2．工作窗口
在“开始页”，选择“创建新项目”下的“Flash文档”，这样就启动Flash8的工作窗
口并新建一个影片文档。如图1-11所示。
图1-11 Flash 8的工作窗
口
Flash 8的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。
窗口最上方的是“标题栏”，自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。
“标题栏”下方是“菜单栏”，在其下拉菜单中提供了几乎所有的Flash 8.0命令项，通过执行它们可以满足用户的不同需求。
“菜单拦”下方是“主工具栏”，通过它可以快捷的使用Flash 8.0的控制命令。
“主工具栏”的下方是“文档选项卡”，主要用于切换当前要编辑的文档，其右侧是文档控制按钮。在“文档选项卡”上右击，还可以在弹出的快捷菜单中使用常用的文件控制命令。如图1-12所示。
图1-12 文档选项卡
“文档选项卡”下方是“编辑栏”，可以用于“时间轴”的隐藏或显示、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。如图1-13所示。
“编辑栏”下方是“时间轴”，用于组织和控制文档内容在一定时间内播放的图层数和帧数。
时间轴左侧是图层，图层就像堆叠在一起的多张幻灯胶片一样，在舞台上一层层地向上叠加。如果上面一个图层上没有内容，那么就可以透过它看到下面的图层。
Flash中有普通层、引导层、遮罩层和被遮罩层4种图层类型，为了便于图层的管理，用户还可以使用图层文件夹。
1-13
时间轴
“时间轴”下方是“工作区”和“舞台”。Flash 8扩展了舞台的工作区，可以在上面存储更多的项目。舞台是放置动画内容的矩形区域，这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。如图1-14所示。
图1-14 舞台工作时根据需要可以改变“舞台“显示的比例大小，可以在“时间轴”右上角的“显示比例”中设置显示比例，最小比例为8%，最大比例为2000%，在下拉菜单中有三个选项，【符合窗口大小】选项用来自动调节到最合适的舞台比例大小；【显示帧】选项可以显示当前帧的内容；【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素，如所示。
图1-15
选择工具箱中的【手形工具】，在舞台上拖动鼠标可平移舞台；选择【缩放工具】，在舞台上单击可放大或缩放舞台的显示；选择【缩放工具】后，在工具箱的【选项】下会显示出两个按钮，分别为【放大】和【缩小】，分别单击它们可在“放大视图
工具”与“缩小视图工具”之间切换，如图1-16所示。选择选择【缩放工具】后，按住键盘上的Alt
键，单击舞台，可快捷缩小视图。
图1-15 工具箱 图1-16 缩放工具的选项窗口左侧是功能强大的“工具箱”，它是Flash 中最常用到的一个面板，由“工具”、“查看”、“颜色”和“选项”四部分组成。如图1-15所示。 多个“面板”围绕在“舞台”的下面和右面，包括常用的【动作】面板、【属性】/【滤镜】/【参数】面板组，还有【颜色】面板组和【库】面板等。 3．“动作”面板 “动作”面板可以创建和编辑对象或帧的ActionScript 代码，主要由“动作工具箱”、“脚本导航器”和“脚本”窗格组成。如图1-17所示。关于此面板的详细应用，我们会在后面的章节中具体讲解。
图1-17 “动作”面板
4．“属性”面板 使用【属性】面板可以很容易地设置舞台或时间轴上当前选定对象的最常用属性，从而加快了Flash 文档的创建过程。如图1-18所示。
当选定对象不同时，“属性”面板中会出现不同的设置参数，针对此面板的使用在后面的章节里会陆续介绍。
图1-18 “属性”面板
5．“滤镜”面板
Flash8新增了功能，从而大大增强了其设计方面的能力。这项新特性对制作Flash动画产生了便利和巨大影响。它们几乎颠覆了长期以来，对Flash设计能力欠缺的固有偏见，使大家不得不对其刮目相。默认情况下，“滤镜”面板和【属性】面板、“参数”面板组成一个面板组。如图1-19所示。针对此面板的使用在后面的章节里会详细介绍。
图1-19 “滤镜”面板
实例演练——画一片树叶现在我们就来实践一下，练习画一片树叶。打开FALSH 软件，系统会自动建立一个FLASH
文档，在这里我们不改变文档的属性，直接使用其默认值。
（1）新建图形元件执行【插入】|【新建元件】命令，或者按快捷键CTRL+F8，弹出创建新元件对话框，在【名称】文本对话框中输入元件名称“树叶”，【行为】选择“图形”，单击【确定】按钮，如图2-1-9
所示。
图1-1-9 创建图形元件 图2-1-10 “树叶”图形元件编辑场景这时工作区变为“树枝”元件的编辑状态，如图2-1-10所示。（2）绘制树叶图形
在“树叶”图形元件编辑场景中，首先用【线条工具】画一条直线，【笔触颜色】设置为深绿色，如图2-1-11
所示。
图2-1-11 画直线 图2-1-12 拉成曲线 图2-1-13 连接两端 图2-1-14 拉成
曲线
然后用【箭头工具】将它拉成曲线，如图2-1-12所示。再用【线条工具】绘制一个直线，用这条直线连接曲线的两端点，如图2-1-13所示。用【箭头工具】将这条直线也拉成曲线，如图2-1-14所示。
一片树叶的基本形状已经出来了，现在我们画叶脉，在两端点间画直线，然后拉成曲线，
如图2-1-15和图2-1-16所示。
图2-1-15 画叶脉线图2-1-16 直线变曲图2-1-17 完成效果图图2-1-18 被选取状
态
再画旁边的细小叶脉，可以全用直线，也可以略加弯曲，这样，一片简单的树叶就画
好了，如图2-1-17所示。
（3）编辑和修改树叶
如果在画树叶的时候出现错误，比如说，画出的叶脉不是你所希望的样子，你可以执
行【编辑】|【撤销】命令撤销前面一步的操作，也可以选择下面更简单的方法：用【箭头工具】单击你想要删除的直线，这条直线变成网点状，说明它已经被选取，你可以对它进
行各种修改，如图2-1-18所示。要移动它，就按住鼠标拖动，要删除它，就直接按DEL键。按住SHIFT键连续单击线条，可以同时选取多个对象。如果要选取全部的线条，是否得按
住SHIFT键挨个点击呢？不需要，我们用黑色箭头工具拉出一个选取框来，就可以将其全
部选中了，如图2-1-19
所示。
图2-1-19 框选对象图2-1-20 【颜色】选项图2-1-21 调色板
说明：在一条直线上双击，也可以将和这条直线相连并且颜色、粗细、样式相同的整个线条范围全部选取。
（4）给树叶上色
接下来我们要给这片树叶填上颜色。在工具箱中看到这个【颜色】选项了吗？如图2-1-20所示。
单击【填充颜色】按钮，会出现一个调色板，同时光标变成吸管状，如图
2-1-21所示。
说明：你除了可以选择调色板中的颜色外，还可以点选屏幕上任何地方吸取你所需要的颜色。
如果你觉得调色板的颜色太少不够选，单击一下调色板右上角的【颜色选择器】按钮，会弹出一个【颜色】对话框，其中有更多的颜色选项，在这里，你能把选到的颜色添加到自定义颜色中，如图2-1-22
所示。
图2-1-22 【颜色】对话框
在【自定义颜色】选项下单击一个自定义色块，该色块会被虚线包围，在【颜色】对话框右边的【调色板】中单击你喜欢的颜色，上下拖动右边颜色条上的箭头，移到你需要的深浅度上，单击【添加到自定义颜色】按钮，这个色块就被你收藏起来了。下一次要使用时，打开这个【颜色】面板，在自定义色中可以方便的选取你中意的颜色。
好了，现在我们在调色板里选取绿色，单击工具箱里【颜料桶工具】，在画好的叶子上
单击一下，看看什么效果，如图2-1-23
所示。
图2-1-23 填充颜色图2-1-24 填充色在封闭空间内图2-1-25 颜色填充后效果只有一小块颜色？原来，这个颜料桶只能在一个封闭的空间里填色。取消刚刚的填色，现在我们用【橡皮工具】将线条擦出一个缺口，再看效果，如图2-1-24所示。你看，残缺线条的两边都填上了颜色。好，我们还是一块一块的填上颜色吧。但是在填充颜色前，你一定要将树叶图形恢复到使用【橡皮工具】擦除操作前的模样哦。
这时，你可能会想，如果我们刚才先填充颜色再画叶脉就省事多了。是的，你想得一点没错！没关系，随着操作的增加，我们的经验会越来越丰富的。最后填充完的效果如图2-1-25所示。
至此，一个树叶图形就绘制好了。请你执行【窗口】|【库】命令，打开【库】面板，你将发现【库】面板中出现一个“树叶”图形元件，如图2-1-26
所示。
图2-1-26 【库】面板中的“树叶“图形元件
说明：【库】面板是存储Flash元件的场所，我们所创建的元件对象以及从外部导入的图像、声音等对象都保存在这里，这里的元件可以拖放到场景中重复使用。有关【库】面板的详细内容请你参阅第4章的相关内容。
（5）【颜料桶工具】选项
单击【颜料桶工具】后，在工具箱下边的【选项】里有四个选项，可以根据自己的需
所示。
要来确定，读者可以自己试一下，如图2-1-26
图2-1-26 颜料桶工具选项
说明：【颜料桶工具】是对某一区域进行单色、渐变色或位图进行填充，注意不能作用于线条。选择【颜料桶工具】后，在【工具箱】下边的【选项】中单击【空隙大小】按钮,会弹出四个选项，如图1-2-11所示。其中，【不封闭空隙】表示要填充的区域必须在完
全封闭的状态下才能进行填充；【封闭小空隙】表示要填充的区域在小缺口的状态下可以进行填充；【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充；【封闭大空隙】表示要填充的区域在较大缺口状态下也能填充。但在Flash中，即使中大缺口，值也是很小的，所在要对大的不封闭区域填充颜色，一般用笔刷。
3．画一个树枝
现在我们要把这孤零零的一片树叶组合成树枝。你想一想，如果用这么一模一样的树叶，要把它组成树枝，是不是很难看呢？Flash为我们提供了一个很好的工具：【任意变形工具】。利用【任意变形工具】我们可以将前面绘制的那个树叶改变成需要的形状。
【任意变形工具】可以旋转缩放元件，也可以对图形对象进行扭曲、封套变形。当你在工具箱中选择【任意变形工具】后，工具箱的下边就会出现相应的【选项】，如图2-1-34
所示。
图2-1-34 任意变形工具选项
说明：【任意变形工具】的【选项】中共包括5个按钮，从上向下依次是：【对齐对象】、【旋转与倾斜】、【缩放】、【扭曲】和【封套】。你可以用鼠标指向这些按钮，相应的按钮功能就会显示出来。另外，当你选择了【任意变形工具】后，【选项】中的按钮并不是马上都被激活，除了【对齐对象】按钮，其他按钮都是灰色显示，只有你在场景中选择了具体的对象以后，其他4个按钮才变成可用状态。
（1）旋转树叶
选择【任意变形工具】后，单击舞台上的树叶，这时树叶被一个方框包围着，中间有一个小圆圈，这就是变形点，当我们进行缩放旋转时，就以它为中心，如图2-1-35所示。
图2-1-35 变形点图2-1-36 选取变形点图2-1-37 拖动变形点到叶柄处这个点是可以移动的。将光标移近它，光标下面会多了一个圆圈，按住鼠标拖动，将
它拖到叶柄处，我们需要它绕叶柄旋转，如图2-1-36和图2-1-37所示。
再把鼠标指针移到方框的右上角，鼠标变成状圆弧状，表示这时就可以进行旋转了。向下拖动鼠标，叶子绕控制点旋转，到合适位置松开鼠标，效果如图2-1-38所示。
图2-1-38 旋转后的树叶图2-1-39 复制树叶图2-1-40 缩放对象
（2）复制树叶
用【箭头工具】单击舞台上的树叶图形，执行【编辑】|【复制】命令，然后再执行【编辑】|【粘贴】命令，这样就复制得到一个同样的树叶，如图2-1-39所示。
（3）变形树叶
将粘帖好的树叶拖到旁边，再用【任意变形工具】进行旋转。使用【任意变形工具】时，也可以象使用【箭头工具】一样移动树叶的位置。
拖动任一角上的缩放手柄，可以将对象放大或缩小。拖动中间的手柄，可以在垂直和
水平方向上放大缩小，甚至翻转对象。请你将树叶适当变形，如图2-1-40所示。
说明：【任意变形工具】的各项功能也可以使用菜单栏中【修改】|【变形】命令来实现，如图2-1-41所示。
图2-1-41 变形命令
（4）创建“三片树叶”图形元件
再复制一张树叶出来，我们用【任意变形工具】将三片树叶调整成如图2-1-42所示形状。在调整过程中请注意，当调整效果不满意时，也许你的树叶已经不在选取状态，有时
要重新选取整片树叶范围很困难，这就需要多使用编辑撤销，以恢复选取状态。
图2-1-42 树叶组合
如图2-1-42所示的三片树叶图形创建好以后，将它们全部选中，然后执行【修改】|【转换为元件】命令，将它们转换为名字为“三片树叶”的图形元件。
（5）绘制树枝
请注意，以上的绘图操作我们都是在“树叶”编辑场景完成的，现在我们返回到主场
景【场景1】。请你单击时间轴右上角的【场景1】按钮，如图2-1-43
所示。
图2-1-43 切换到【场景1】图2-1-44 画出树枝
单击【刷子工具】，选择【画笔形状】为圆形，大小自定，选择【后面绘画】模式，移动鼠标指针到场景中，画出树枝形状，如图2-1-44所示。
（6）组合树叶和树枝
执行【窗口】|【库】命令，或者使用快捷键CTRL+L，打开【库】面板，你可以看到，【库】面板中出现两个图形元件，这两个图形元件就是我们前面绘制的“树叶”图形元件
和“三片树叶”图形元件，如图2-1-45
所示。
图2-1-45 元件库图2-1-46 完成后的树枝效果单击“树叶”图形元件，将其拖放到场景的树枝图形上，用【任意变形工具】进行调整。元件【库】里的元件可以重复使用，你只要改变它的长短大小方向就能表现出纷繁复杂的效果来，完成效果如图2-1-46所示。