信息化培训之Flash8-教案

滨海一中信息化培训之Flash8一、初步认识flash8软件FLASH是Macromedia公司推出的一种优秀的矢量动画编辑软件，利用该软件制作的动画尺寸要比位图动画文件如GLF动画尺寸小的多，而且不容易失真。用户不但可以在动画中加入声音，视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站。1、认识界面 当首次启动flash8软件时会出现一个开始页，单击“创建新项目”栏目下的“flash”文档按钮，便进入flash8的编辑界面（又称操作界面），如图所示：图1时间轴与图层区图2绘图工具箱工具箱的具体用法：1、箭头工具箭头工具主要用来选取对象，以变对该对象进行操作如：删除，移动等。如图，鼠标单击选择该对象后，可用Delet删除，用鼠标按住不松开，然后拖动到所需要的位置。 另外它还具有切割和变形的功能。当我们用工具箱中的工具绘制出圆、矩形、线条等形状时，用鼠标可以将他们切割。按住鼠标拖动，将不需要的部分选中，如图所示。当鼠标接近我们绘制的图形时，会出现下图，这时可按住鼠标拖动来改变它的外形，如图4-5所示。 重新绘制一个矩形，当按住Ctrl键拖看有什么变化，撤消（Ctrl+Z）后再次按住Ctrl键拖看又有什么不同，请读者朋友试一试。2、部分选取工具它用来修改由铅笔或钢笔所绘制的线条。当用部分选取工具选取所绘曲线时上面会出现一些节点，如图所示，当鼠标点击节点时，节点上会有控制柄出现，如图，拖动控制柄上的点便可修改线条的形状。 3、直线工具使用直线工具用来绘制从起点到终点的直线，在按下鼠标左键进行拖动时如果按住了Shift键，则可绘制水平、垂直或以45度角度增加的直线。注：对应的属性面板中可调节笔触效果。4、套索工具套索工具用来选取不规则的区域以便对所选部分进行操作， 5、钢笔工具选取钢笔工具，用鼠标左键单击起点，然后移动到下一个位置，按住鼠标左键不放拖出所需的线条，然后再用同样的办法绘出到下一点的线条，双击鼠标代表绘制结束。如果绘制不满意，可用部分选取选工具进行调整。如图所示。 6、文本工具文本工具是用来输入文字信息。选择文本工具，再工作区按住鼠标拖出文本框，输入文字，如图所示。7、椭圆工具用来绘制椭圆，在绘制过程中按住Shift键可绘制正圆，如图所示。 8、矩形工具用来绘制矩形，同椭圆工具一样在绘制过程中按住Shift键可绘制正方形。9、铅笔工具它可以绘制任何形状的曲线，点击铅笔工具后，在工具箱下面有个图标，单击后可选择“平滑”绘出的线条比较平滑。按住Shift键可绘制水平方向或垂直方向的直线。10、画笔工具画笔工具也叫刷子工具，由此可见它用来“刷”一些具有刷子效果的曲线，如图。工具箱下面可以调整刷子的大小和形状。11、缩放工具顾名思义，缩放工具用来改变对象的大小情况，包括长、宽、旋转、倾斜等。下图中的小白点代表旋转的中心点，用鼠标可以改变其位置。 图4-12改变长 图4-13改变宽 图4-14 旋转 图4-15 倾斜12、填充变形工具该工具用来对填充（主要指一些渐变类的填充）的方式进行调整，如图所示。对该图中的改变填充的控制点进行调整，分别得到了图4-17、图4-18、图4-19。 13、墨水瓶工具给已绘制好的几何图形添加边框或修改已有边框的颜色、粗细等属性。14、颜料桶工具颜料桶工具也叫油漆桶工具，用来对封闭图形的内部进行填充或修改。15、点滴器使用滴管工具可以从场景中选择线条、文本和填充的样式，然后创建或修改相应的对象。从场景中导入一张图片，执行【修改】下的【分解组件】命令将图片打散。此时用点滴器工具点击一下该照片，然后用椭圆工具去画椭圆我们发现我们导入的图片作为了椭圆的填充，如图所示。用填充变形工具进行修改，如图所示。注：导入的图片只有打散才可以使用点滴器工具。16、橡皮擦使用橡皮擦工具可以擦除当前场景中的对象，当选择橡皮擦后，工具箱下面还有擦除模式，各擦除模式效果如所示。水龙头是用来擦除整块颜色的。17、手形工具手形工具可以将文档窗口中的场景连同对象一起移动。选择手形工具，在场景中按住鼠标左键拖动看有什么变化。18、放大镜选择放大镜工具，用鼠标在场景中点击左键，发现场景以及里面的对象放大了，如果想缩小，按住Alt键的同时单击鼠标左键。按住鼠标左键拖动将需要放大的部分匡住，然后松开鼠标即可。19、笔触色按钮笔触色按钮用来改变线条或所绘几何图形边框的颜色。20、填充色按钮用来改变填充的颜色。二、制作简单的动画制作动画之前的准备工作：文档的设置舞台尺寸的调整、帧频的调整。（一）逐帧动画的制作逐帧动画（FrameBy Frame），这是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。由于逐帧动画的帧序列内容不一样，不仅增加制作负担而且最终输出的文件量也很大，但它的优势也很明显：因为它相似与电影播放模式，很适合于表演很细腻的动画，如人物或动物急剧转身等等效果。创建逐帧动画的几种方法（1）用导入的静态图片建立逐帧动画用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。 （2）绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容。 （3）文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 （4）导入序列图像可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift 3D等）产生的动画序列。 一个完整动画的基本过程：设置文档-进行动画创作-保存-测试影片-导出影片。实例1、导入一个序列的外界图片（马行走的动画）实例2、在舞台上直接制作失量动画（太阳逐渐升起）实例3、文字逐字呈现效果。实例4、红绿灯闪烁效果。（二）补间动画的制作分为形状补间动画和动作补间动画两大类。形状补间动画制作：（必须为打散的图片或文字等）1、形状补间动画实例操作：实例1：圆形变成方形先在场景1中第1帧画一个圆（图1），接下来在第30帧插入一个空白关键帧，然后在第30帧位置画一个正方形。（图2）。 （图1） （图2）接下来创建补间动画。打开属性面板，在补间里选择“形状”（图3）；（图3）这时我们发现中间的绿色过渡帧是实线，说明补间动画创建成功；如果发现中间的紫色过渡帧是虚线，并且第一帧的圆形被蓝色的框线所包围，这里我们需要把小球打散，也就是消除小球的蓝色框线。选中小球，【修改】菜单-执行【分离】命令，然后小球样子如图，不再有蓝色框线包围。 最后再选中第一帧，点开下方的属性面板，把过渡选项里的动作改成形状。这个时候，你会发现时间轴上的帧也发生了变化。紫色帧变成了绿色，并且不再是虚线了。 播放FLASH，一个由红色的圆变成蓝色的方形的变形动画就做好了实例2.字母变形利用文字工具输入字母A，在下方的属性面板里设置好文字的字体和大小。选中字母A，选择【修改】-【分离】，直到没有蓝色框线包围为止，,去掉字母A周围的蓝色框线。 在第30帧插入一个空白关键帧，输入文字C，选中C，再次选择【修改】-【分离】,去掉字母C周围的蓝色框线。然后创建补间动画，把动画的属性改成【形状】，这样，一个文字变形动画就做好了 实例3、窗帘飘动步骤如下：一、创建影片文档和制作动画背景1、 新建一个flash 8影片文档，设置舞台背景颜色为淡蓝色，其他保持默认。2、 将“图层1”从新命名为“风景”，执行【文件】【导入】【导入到舞台】命令，将外部图像文件“风景.jpg”导入到场景中。将风景图片缩小到合适尺寸，选择第80帧，按F5键，增加一个普通帧，以延伸风景图片。3、 新添加一个图层，并将这个图层重新命名为“窗户”。在这个图层上，选择工具箱中的【矩形工具】，设置“笔触颜色”为无，“填充色”为淡黄色，在场景中绘制出一个长方形的窗帘盒。选择【矩形工具】，设置“笔触颜色”为淡蓝色，“填充色”为无，线条粗细为2.5，在舞台上绘制出窗框的形状，再用【线条工具】绘制窗框上的一些线条，画窗框时，要注意保持对称，如图1所示： 图14、 选择“窗户”图层的第80帧，按F5键插入帧。二、创建“窗帘”图形元件1、执行【插入】【新建元件】命令，新建一个名为“窗帘”的图形元件。2、进入新元件的编辑场景，选择【矩形工具】，设置“笔触颜色”为黑色，“填充色”为无，在场景中绘制出一个矩形，再用【线条工具】在矩形上绘制几道线条，如图2所示： 图2 图33、打开“混色器”面板，在其中选择填充类型为“线性”，在颜色条下，设置3个色块，从左到右，依次设置为灰色（#c8c8c8）、白色（#fafafa）和灰色（#c4c4c4）,设置如图3所示：4、选择【颜料桶工具】，选择“选项”中的【封闭大空隙】命令。这样填充以后，窗帘就形成几个颜色快，给人感觉是柔软的纱帘在垂下时形成的褶皱，如图4所示： 图4 图55、按【delete】键把轮廓线条删除，并用【选择工具】调整窗帘的形状，然后，选择整个窗帘形状，执行【修改】【形状】【优化】命令，使它变得有一定弧度，比较圆滑，如图5所示：6、分别选择第35帧和第80帧，分别插入关键帧，然后建立第1帧到第35帧之间的补间形状，第35帧到第80帧之间的补间形状。如图6所示： 图67、在第35帧处，对场景中的窗帘形状进行变形。在这里用【任意变形工具】选项中的【旋转与倾斜工具】，把窗帘进行倾斜变形，并用【选择工具】对窗帘边缘进行适当调整，反复测试，如果发现窗帘形状破损，那就撤销前一步命令，这里需要细致入微，反复调整，直到满意为止，如图7所示：图7 图8至此，“窗帘”图形元件制作完毕，它的动画效果主要是用“补间形状”动画来完成的。自由练习例子：l 人物变脸动画（嘴巴形状的变化）l 物体的移动（如白云从一个地方移动到另一个地方）l 霓虹灯效果2、动作补间动画制作运用动作补间动画，您可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，在Flash的时间帧面板上，在一个时间点（关键帧）放置一个元件，然后在另一个时间点（关键帧）改变这个元件的大小、颜色、位置、透明度等等，Flash 根据二者之间的帧的值创建的动画被称为动作变形动画。构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮等等，除了元件,其他元素包括文本都不能创建补间动画的,其他的位图、文本等等都必须要转换成元件才行，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。形状补间动画和动作补间动画都属于补间动画。前后都各有一个起始帧和结束帧，二者之间的区别如下表所示。区别之处动作补间动画形状补间动画在时间轴上的表现淡紫色背景加长箭头淡绿色背景加长箭头组成元素影片剪辑、图形元件、按钮形状，如果使用图形元件、按钮、文字，则必先打散再变形。完成的作用实现一个元件的大小、位置、颜色、透明等的变化。实现二个形状之间的变化，或一个形状的大小、位置、颜色等的变化。实例1、飞行的飞机实例简介巍巍群山，茫茫云海，轻烟似的白云缓缓飘过，一架飞机由近而远的飞去，渐渐消失在远方，如图3-4-3所示。本例制作不难，但通过它，你可以掌握创建动作补间动画的方法。图3-4-3 飞机飞行动画知识提要 创建动作补间动画 学会利用网上素材,导入到FLASH中做动画素材 制作元件由大变小的效果 制作元件透明度变化的效果（1）创建影片文档步骤1 设置影片文档属性执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为650255像素，【背景色】为白色，如图3-4-4所示。图3-4-4 影片文档属性步骤2 创建背景图层执行【文件】|【导入】|【导入到舞台】命令，将一张风景的图片导入到场景中(图片可以在网上随意搜索一张下载)。用【箭头工具】调整图片在舞台上的位置，使其居于舞台的中央。如果图片大小不合适，再选择【任意变形工具】调整图片大小。选择第100帧，按F5键，添加普通帧。（2）创建元件创建飞机元件新建一个图形元件，名称为“飞机”。在舞台上绘制飞机的形状。（3）创建动画步骤1 创建飞行效果第1帧上将库中的飞机移动动舞台上来，移动飞机到合适位置，在30帧上插入关键帧。将飞机变小，并移到右上角。在【属性】面板上，设置【Alpha】值为20%。用鼠标右键单击图层的中间任意位置，右击选择【创建补间动画】。执行【控制】|【测试影片】命令，观察动画效果，如果满意，执行【文件】|【保存】命令，将文件保存成“飞机.fla”，如果要导出Flash的播放文件，执行【文件】|【导出】|【导出影片】命令，保存成“飞机.swf”文件。自由练习：图形的变化（位置、大小）透明度的变化（由深到淡，逐渐消失的效果等）三、图层的灵活运用1、引导线动画实例1：小球弹跳动画注：引导线的画法。（用铅笔或直接工具）实例2：飞机沿路线飞行具体操作过程：（一）绘制纸飞机1画一个矩形，从左下角向右上角画两条线，如图2-1所示。图2-1 图2-22将左上点拖拽到右上角上方附近如图所示，得到飞机的一侧机翼。如图2-2 图2-3 图2-43绘制另一侧机翼。将右下角向下拖拽，用直线工具连接刚拖过的一个角。如图2-34将多余线条删除，填充颜色。如图2-45将画好纸飞机转换为元件。（二）制作引导层，绘制运动轨迹1、添加引导层，用铅笔工具绘制纸飞机的运动轨迹。 引导层的编辑，和其他图层的编辑方式相同。（如图3-1）图3-12创建引导图层的引导线路径。如图3-2图3-2（三）设置动画效果1.将飞机图层与引导线图层在第20帧处分别插入关键帧，并把飞机层首帧和尾帧的中心点锁定到引导线的两端。如图3