巨野县教师培训flash80教程.doc

巨野县教师培训教程Flash8.0基础2009年11月巨野县教师培训Flash8.0基础教程第一课Flash8.0基础一、Flash基础启动Flash 单击“开始”/“程序”，在程序菜单中找到Macromedia菜单选择Macromedia Flash8.0项。启动Flash后会出现一个窗口，动画制作就在这个窗口中，下面我们来看一下： 二、 基本绘图工具Flash 提供了各种工具，用来绘制自由形状或准确的线条、形状和路径，并可用来对对象进行上色。1线条的绘制与处理线条工具是Flash中最简单的工具。现在我们就来画一条直线。用鼠标单击线条工具，移动鼠标到舞台上，按住鼠标并拖动，松开鼠标，一条直线就画好了。属性面板，在其中，我们可以定义直线的颜色、粗细和样式，如图所示。如果你需要更改线条的方向和长短，可以用选择工具来实现。选择工具的作用是选择对象、移动对象、改变线条或对象轮廓的形状。在工具箱中选择选择工具，然后移动鼠标指针到直线的端点处，指针右下角变成直角状，这时拖动鼠标可以改变线条的方向和长短，如图。将鼠标指针移动到线条上，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线。这是一个很有用处的功能，它可以帮助我们画出所需要的各种曲线形状。2实例演练绘制一片树叶现在我们来实践一下，练习画一片树叶。执行文件/新建命令，弹出新建文档对话框，在类型中选择Flash文档，单击确定，建立一个新的Flash文档，设置文档的属性。（1）新建图形元件执行插入/新建元件命令，或者按快捷键Ctrl+F8，弹出创建新元件对话框，在名称中输入元件名称为“树叶”，选择行为为图形，单击确定按钮。这时工作区变为“树叶”元件的编辑状态。（2）绘制树叶图形在“树叶”图形元件编辑场景中，首先用线条工具画一条直线，设置笔触颜色为深绿色，如图所示。用选择工具将它拉成曲线。再用线条工具绘制一个直线，用这条直线连接曲线的两端点。将这条直线也拉成曲线。一片树叶的基本形状已经绘制出来了，现在我们来绘制叶脉，先在两端点间绘制直线，然后拉成曲线，如图所示。 再画旁边的细小叶脉，可以用直线，也可以将直线略弯曲，这样，一片简单的树叶就画好了，如图所示。（3）给树叶上色。在工具箱中颜色选项单击填充色按钮，弹出一个调色板，同时光标变成吸管状，如图所示。我们在调色板上选取绿色，单击工具箱中的颜料桶工具，在画好的叶子上单击一下，效果如图所示。 树叶图形就绘制好了。执行窗口/库命令，打开库面板，你将发现库面板中出现一个名称为“树叶”的图形元件，如图所示。3、实例演练绘制绘制树枝现在我们要把这孤零零的一片树叶组合成树枝。想一想，如果用多片这样一模一样的树叶组成树枝，是不是很难看呢？Flash为我们提供了一个很好的工具：任意变形工具。利用任意变形工具可以将前面绘制的树叶改变成需要的形状。任意变形工具可以旋转缩放元件，也可以对图形对象进行扭曲、封套变形。选中树叶，在工具箱中选择任意变形工具，工具箱的下边会出现相应的选项，如图所示。（1）旋转树叶选择任意变形工具后，单击舞台上的树叶，这时树叶被一个方框包围着，中间有一个小圆圈，这是变形点，当我们进行缩放旋转时，以它为中心。 变形点是可以移动的。将鼠标移近它，鼠标右下角会出现一个圆圈，按住鼠标拖动，将它拖到叶柄处，便于树叶绕叶柄进行旋转，如图所示。再将鼠标移动到方框的右上角，鼠标变成旋转圆弧状，表示这时就可以进行旋转了。向下拖动鼠标，叶子绕变形点旋转，到合适位置时松开鼠标，效果如图所示。 （2）复制树叶用选择工具选中树叶图形，执行编辑/复制命令，再执行编辑/粘贴到中心位置命令，这样就复制出了树叶图片，如上图所示。（3）变形树叶将粘贴好的树叶拖到旁边，再用任意变形工具进行旋转。使用任意变形工具时，也可以像使用选择工具一样移动树叶的位置。拖动任一角上的缩放手柄，可以将对象放大或缩小。拖动中间的手柄，可以在垂直和水平方向上放大缩小，甚至翻转对象。将树叶适当变形，如图所示。说明：任意变形工具的各项功能也可以执行修改/变形菜单中的命令来实现。（4）创建“三片树叶”图形元件再复制一片树叶，用任意变形工具将三片树叶调整成如图所示的形状和位置。三片树叶图形创建好以后，将它们全部选中，然后执行修改/转换为元件命令（快捷键为F8），将它们转换为名字为“三片树叶”的图形元件。（5）绘制树枝以上的绘图操作都是在“树叶”编辑场景中完成的，现在返回到主场景：场景1，在时间轴的右上角有一个场景1按钮，如图所示，单击它，这样就切换到了场景1。 单击刷子工具，选择一种填充色，在工具箱下边的选项中，选择刷子形状为圆形，刷子大小自定，单击按钮，选择后面绘画模式，移动鼠标到场景中，画出树枝形状，如图所示。（6）组合树叶和树枝执行窗口/库命令（快捷键为Ctrl+L），打开库面板，你可以看到，库面板中有两个刚制作完图形元件，分别为“树叶”和“三片树叶”，如图所示。单击“树叶”图形元件，将其拖放到场景的树枝图形上，用任意变形工具进行调整。元件库中的元件可以重复使用，只要改变它的大小和方向，就能制作出纷繁复杂的效果来，如图所示。第二课 逐帧动画 在Flash8.0中常见的动画形式有三种：逐帧动画、形状补间动画、动作补间动画。一、基本知识逐帧动画是一种常见的动画形式，其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。1、逐帧动画的概念和在时间帧上的表现形式在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。逐帧动画在时间帧上表现为连续出现的关键帧。2创建逐帧动画的几种方法（1）用导入的静态图片建立逐帧动画用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。 （2）绘制矢量逐帧动画在场景中一帧帧的画出帧内容。 （3）文字逐帧动画用文字作帧中的元件，实现文字跳跃、旋转等特效。 （4）导入序列图像可以导入gif序列图像、swf动画文件或者利用其他软件产生的动画序列。二、实例奔跑的豹子实例简介：茫茫雪原上，有一只矫健的豹子在奔跑跳跃，这是一个利用导入连续位图而创建的逐帧动画。步骤1 创建影片文档执行文件/新建命令，在弹出的对话框中选择常规/Flash文档选项后，点击确定按钮，新建一个影片文档，在属性面板上设置文件大小为400260像素，背景色为白色。步骤2 创建背景图层选择第一帧，执行文件/导入/导入到舞台命令，将“雪景.bmp”图片导入到场景中。选择第8帧，按F5键，增加过渡帧，使帧内容延续到第8帧。步骤3 导入gif动画新建一个图层，选择第一帧，执行文件/导入/导入到舞台命令，将“奔跑的豹子”系列图片导入。此时，会弹出一个对话框，如图所示。选择是按钮，Flash会自动把gif中的图片序列按序以逐帧形式导入场景的左上角，如图所示。步骤4 调整对象位置先把“雪景”图层加锁，然后按下时间轴面板下方的编辑多个帧按钮，再单击修改绘图纸标记按钮，在弹出的菜单中选择显示全部选项，如图所示。 最后执行编辑/全选命令，此时时间轴和场景效果如图所示。用鼠标左键按住场景左上方的豹子拖动，就可以把8帧中的图片一次全移动到场景中央了。步骤5 测试存盘执行控制/测试影片命令（快捷键Ctrl+Enter），观察动画效果，如果满意，执行文件/保存命令，将文件保存成“奔跑的豹子.fla”文件，如果要导出Flash的播放文件，执行文件/导出/导出影片命令。第三课形状补间动画、形状补间动画的概念（1）形状补间动画的概念 在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。（2）构成形状补间动画的元素形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”才能创建变形动画。（3）形状补间动画在时间帧面板上的表现形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图所示。（4）创建形状补间动画的方法在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在属性面板上单击补间旁边的小三角，在弹出的菜单中选择形状，此时，一个形状补间动画就创建完毕。2认识形状补间动画的属性面板Flash的属性面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，单击帧，属性面板如图所示。实例（1）一条延长的线实例说明：本例制作一线段由短变长。1新建一个文件，在工具箱中选择直线工具，笔触颜色选红色，在场景中绘制作一短线。2单击图层 1层的第20帧，然后按F6键，在此插入一个关键帧。3单击变形工具，将线段变长。4单击选取第1帧，在属性面板中“补间”选“形状”5、测试影片。（2）实例简介：国庆天安门的夜空绚丽多彩，让我们来给这美丽的夜晚增加点喜庆，挂个大红灯笼来庆祝祖国的生日吧！制作步骤步骤1 创建新文档新建一个影片文档，在属性面板上设置文件大小为400330像素，背景色为白色。步骤2 创建背景图层执行文件/导入/导入到舞台命令，将“天安门.jpg”图片导入到场景中，选择第80帧，按键盘上的F5键，增加一个普通帧。 步骤 创建灯笼形状我们先来画灯笼，执行窗口/设计面板/混色器命令，打开混色器面板，设置各项参数，渐变的颜色为白色到红色，如上图所示。新建一个图层，并将其重新命名为“灯笼一”。选择工具箱中的椭圆工具，设置笔触颜色为无，在场景中绘制出一个椭圆做灯笼的主体，大小为6540像素。接着我们来画灯笼上下的边，打开混色器面板，按照如图所示设置深黄色到浅黄色的线性渐变填充。从左到右三个填充色标的颜色值分别为：#FF9900、#FFFF00、#FFCC00。 选择工具箱上的矩形工具，设置笔触颜色为无，绘制出一个矩形，大小为3010像素，复制这个矩形，分别放在灯笼的上下方，再画一个小的矩形，长宽为710像素，作为灯笼上面的提手。最后用线条工具，在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼就画好了。如图所示（为了能清楚的显示灯笼，可暂时将背景色改为蓝色）。步骤 复制粘贴两个灯笼复制刚画好的灯笼，新建二个图层，在每个图层中粘贴一个灯笼，调整灯笼的位置，使其错落有致地排列在场景中。在第20、40帧处为各图层添加关键帧，如图所示。步骤 把文字转为形状取代灯笼选取第一个灯笼，在第40帧处用文字“国”取代灯笼，在属性面板上，设置文本类型为静态文本，字体为隶书，字体大小为60，颜色为红色。对“国”字执行修改/分离命令，把文字转为形状。依照以上步骤，在第40帧处的相应图层上用“庆”取代另一个灯笼，并执行分散操作所示。步骤 设置文字形状到灯笼形状的转变。在“灯笼”各图层的第60帧及80帧处，分别添加关键帧，现在，在80帧处各“灯笼”图层中的内容为“文字图形”，应该把它们换成“灯笼”。步骤 创建形状补间动画。在“灯笼”各图层的第20、60帧处单击帧，在属性面板上单击补间旁边的小三角，在弹出的菜单中选择形状，建立形状补间动画，如图所示。步骤8测试影片并保存。5实例2添加形状提示练习步骤1 创建新文档 执行文件/新建命令，新建一个影片文档，设置舞台尺寸为300200像素，设置背景色为蓝色#0000FF。步骤2 创建变形对象。我们要在场景中写二个数字“1”，让它们同时变形，一个加形状提示，一个不加形状提示，看看这二个变形有什么不同。先在图层1的场景左边输入数字“1”，在属性面板上，设置文本格式为静态文本、字体为隶书、字号为100、颜色为白色。再建一个图层2，在场景右边输入数字“1”，参数同上，此层是添加形状提示层。然后在两个图层的第40帧处添加关键帧，各输入数字“2”，在第60帧处添加普通帧，使变形后的文字稍做停留。步骤3 把字符转为形状逐一选取各层数字的第1、40帧，执行修改/分离命令，把数字打散，转为形状。步骤4 创建补间动画在图层1和图层2的第一帧处各自建立形状补间动画。步骤5 添加形状提示选择图层2的第1帧，执行修改/形状/添加形状提示命令2次，如图所示。确认工具箱中的对齐对象按钮处于被按下状态，调整第1、40帧处的形状提示，如图所示。 步骤6 添加文字说明新建一层，在两个渐变的下面分别写上“未加形状提示”、“加用形状提示”的说明。在第60帧处加普通帧。至此，这个实例制作完成，测试一下，看看效果，你能体会到添加形状提示的巧妙之处了吧。第四课 动作补间动画一、基本知识动作补间动画也是Flash中非常重要的表现手段之一，与“形状补间动画”不同的是，动作补间动画的对象必需是“元件”或“成组对象”。运用动作补间动画，你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，配合别的手法，你甚至能做出令人称奇的仿3D的效果来。本节详细讲解了动作补间动画的特点及创建方法，并分析了动作补间动画和形状补间动画的区别，我们精心设计的两个实例将带你进一步加深对动作补间动画的了解。1动作补间动画的概念（1）动作补间动画的概念在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。（2）构成动作补间动画的元素构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。（3）动作补间动画在时间帧面板上的表现动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头，如图所示。（4）形状补间动画和动作补间动画的区别形状补间动画和动作补间动画都属于补间动画。前后都各有一个起始帧和结束帧，二者之间的区别如下表所示。区别之处动作补间动画形状补间动画在时间轴上的表现淡紫色背景加长箭头淡绿色背景加长箭头组成元素影片剪辑、图形元件、按钮、文字、位图等形状，如果使用图形元件、按钮、文字，则必先打散再变形。完成的作用实现一个元件的大小、位置、颜色、透明等的变化。实现二个形状之间的变化，或一个形状的大小、位置、颜色等的变化。（5）创建动作补间动画的方法在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在属性面板上单击补间旁边的“小三角”，在弹出的菜单中选择动作，或单击右键，在弹出的菜单中选择创建补间动画，就建立了“动作补间动画”。2认识动作补间动画的属性面板在时间线“动作补间动画”的起始帧上单击，帧属性面板会变成如图所示。二、实例：球体下落并反弹步骤1、创建一个新的动画文件。步骤2、选择“插入”-“新建元件”新建一球体“图形”元件。步骤3、选择椭圆工具，笔触色为无，填充色放谢状渐变色，按“Shift”键，绘制一圆形。步骤4、单击场景1，返回到主场景。步骤5、打开库面板，从库面板中拖动“球体”符号拖到场景中。步骤6、选中第15帧，按“F6”键插入关键帧，并且将该帧中的球体向下移动一段距离。步骤7、在第20帧中插入关键帧，并使用任意变形工具，将该帧中的球体压扁。步骤8、在第30帧中插入关键帧，然后将该帧中的球体向上移动一小段距离，并恢复球体原来的形状。步骤9、选中第114帧之间的任意一帧，单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令。步骤10、重复步骤9，在其他关键帧之间创建移动动画。步骤11、按“Ctrl+Enter”预览动画效果。三、实例：吹风文字1、新建文档。设置画布大小及背景颜色（红色）。3、选择文本工具，在画布上输入黄色字体“发散文字”。4、在文本属性面板上设置文字的大小及字体。5、选择输入的文字，进行“分离”操作，分离为单个字。6、执行“修改”-时间轴-分散到图层。7、选择图层1，单击“删除图层”。8、选取各层中的文字按F8转换成图形元件。9、在“长”的第30帧处按F6插入关键帧。10、用箭头工具将“长”移到该文本的右上角，用自由转换工具将“长”字向右翻转，并斜向上压缩，如图11、在属性面板的“颜色”下拉列表中选择“Alpha”选项，并设置其右侧数值框中的值为“0”12、在第1帧，右键，选择“创建补间动画”，其他设置默认即可。13、同样的方法创建其他层中的文字效果。第五课 引导层动画一、基本知识1、引导动画的概念：将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。2、创建引导路径动画的方法（1）创建引导层和被引导层一个最基本“引导路径动画”由两个图层组成，上面一层是“引导层”，它的图层图标为，下面一层是“被引导层”，图标为，同普通图层一样。在普通图层上单击时间轴面板中的添加运动引导层按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”。（2）引导层和被引导层中的对象引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。而“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。由于引导线是一种运动轨迹，不难想象，“被引导”层中最常用的动画形式是动作补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。（3）向被引导层中添加元件“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头，如图所示。在图中，我们特地把“元件”的透明度设为50%，使你可以透过元件看到下面的引导线，“元件”中心的十字星正好对着线段的端头，这一点非常重要，是引导线动画顺利运行的前提。二、实例：雪花飘飘步骤1、创建新动画文件，设置尺寸为400px300px，灰色。步骤2、创建新元件（图形元件）-雪花。步骤3、选择工具箱中的文本工具，在属性面板中设置字体为“wingdings”,字体大小为“50”，文本颜色为“白色”，在舞台的中心位置输入字符“T”，将出现雪花状。（雨滴形状是“S”）。步骤4、返回主场景，单击时间轴中的“添加运动引导层”按钮，创建一个运动引导层。步骤5、选择工具箱中的铅笔工具，在选项栏中设置铅笔模式为“墨水”，在引导层中绘制一条曲线，作为雪花飘落时的路径。步骤6、选中引导层的第20帧，按“F5”键插入帧。步骤7、从库面板中拖动“雪花”符号到“图层1”中，并使其中心点与路径的起点对齐。步骤8、选中“图层1”的第20帧，按“F6”键插入关键帧，选择工具箱中的选择工具，调整该帧中雪花的中心对齐路径的终点。步骤9、选中第119帧中的任意一帧，单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令。步骤10、重复步骤611，制作雪花沿其他路径飘落的效果。预览动画。第六课遮罩动画1遮罩动画的概念（1）什么是遮罩遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。（2）遮罩有什么用在Flash动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。2创建遮罩的方法（1）创建遮罩在Flash中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键，在弹出菜单中选择遮罩层，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图所示。（2）构成遮罩和被遮罩层的元素遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。（3）遮罩中可以使用的动画形式可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。实例（一）、展开画卷用遮罩实现画卷展开的效果。（1）主场景第1层作为背景层，可导入图片，也可用颜色框作为背景。在第80帧按F5键。（2）添加图层2，命名为“图片”。导入图片，调整图片的大小略小于背景，边界留20像素以上，以备放画卷轴。调整好大小后锁定该层。（3）添加图层3，命名为“遮罩”。选择“无笔触色”，画一个和图片一样大小的矩形。在第60帧按F6键插入关键帧。选择第1帧，打开“信息”面板，注册点选择左上角，在宽度项中输入“1”，如下图所示。设置好后后，可看到在第1帧矩形变成一条线，放在图片左边沿处。设置补间为“形状”。（4）添加图层4，命名为“轴1”。打开“混色器”面板，选择“线性”渐变色，设置两端较暗中间较亮的颜色画卷轴。高度和图片高度一样。画一个颜色更暗一些的小矩形，放在卷轴上端，模拟轴心。复制一个同样的小矩形放在卷轴下端，同时选中卷轴和两个轴心，按F8键转换影片剪辑元件，命名为“卷轴”。设置好场景如下图：（5）添加图层5，命名为“轴2”，从元件库中将“卷轴”导入，和“轴1”并排放置，如上图所示。（6）在“轴2”层第60帧按F6键插入关键帧，将卷轴向右移动到图片右边沿。按下回车键观看卷轴是否和遮罩层的矩形同步动作。如果能够同步，下一步选中遮罩层，选择右键菜单命令“遮罩层”即可完成。（二）红星闪闪制作步骤（1）创建影片文档新建一个影片文档，在属性面板上设置文件大小为400400像素，背景色为黑色（在教程中，我们为了更好地显示场景中的内容，设置背景色为#003333）。选择工具箱中的矩形工具，在场景中绘制出一