Flash80(中文版)教程与实例解析

内容提要一、根本概念：矢量图，点阵图，元件，库，实例，帧和关键帧，时间轴，层，组合与分别二、Flash三、制作：动作补间动画和外形补间动画四、制作：引导层动画和遮罩动画五、声音的导入和制作影片剪辑一、Flash根本操作与简介1、保存文档：“另存为”保存文件名称、路径Flash源文件的后缀是.fla2、输出动画：“导出影片”命令，可以把作品输出成.swf格式的动画文件3、位图模式：承受点阵方式来记录，从图像左上角第一个点开头，到右下角最终一个点完毕，记录全部像素的颜色值。该存储模式比较适合于内容简洁的图像和真实的照片，但图像在放大和缩小的过程中会失真，占用磁盘空间也较大。位图图像由像素组成，每个像素都被安排一个特定位置和颜色值。数码相机拍摄的照片、扫描仪扫描的稿件以及绝大多数的图片都属于点阵图。位图图像与区分率有关，即在确定面积的图像上包含有固定数量的像素。因此，假设4、矢量图模式：是存储图像内容的轮廓局部。例：一个圆形图案只要存储圆心的坐标位置和半径长度，以及圆形边线和内部的颜色。优点是图像的缩放不会引起图像失真，图像的存储空间比位图方式要少得多，且便于修改。矢量图形由称为矢量的数学对象定义的线条和曲线组成，矢量依据图像的几何特性描绘图像。矢量图形与区分率无关。矢量图形是表现标志图形的最正确选择。二、Flash1、绘制线条〔1〕线条工具：绘制各种类型线段〔2〕钢笔工具：绘制准确的路径、直线或曲线，可调整直线的角度和长度，修改曲线的弧度。〔3〕铅笔工具：可任凭绘制各种线条和外形，有三种模式可供选择2、绘制图形〔1〕椭圆工具：绘制椭圆或圆〔2〕矩形工具：绘制矩形或正方型〔3〕多角星型工具：绘制多边型或星型3、设置图形颜色〔1〕墨水瓶工具填充或转变图形的轮廓线颜色〔2〕颜料桶工具可以为图形填充颜色4、编辑图形〔1〕任意变形工具用于移动、旋转、缩放和变形对象〔2〕 填充变形工具用于变换具有渐变填充的效果〔4〕局部选择工具用于修改图形大小、外形和路径5、对象的组合与分别对象的组合执行“修改”—“组合”命令，可以将多个对象组合为一个整体，对这个整体进展单独的编辑。对象的分别执行“修改”—“分别”命令，可以将整体的图形对象打散，将打散的图作为一个可编辑的元素进展编辑6、 文本工具：可使用任意变形工具使文本变形文本分别为一般图形：“修改”—“分别”成为一般图形。7、元件：是指在Flash中创立的，可以在动画中反复使用的元素。使用元件使得动画制作更为简洁，动画文件尺寸明显减小，播放速度显著提高。图形元件：是可以反复取出访用的图片，用于构建动画主时间轴上的内容，一般是只含一帧的静止图片。按钮元件：是用于创立动画交互把握的按钮，以响应鼠标大事。影片剪辑元件：是可以反复取出访用的一段小动画，可独立于主动画播放。8、元件库、实例：一个Flash动画中创立的元件都存放在元件库中，我们只要把元件库中的元件拖放到场景中，就可以创立一个相应的实例。元件库中的对象可在动画中屡次重复使用。9、顶区：切换和场景名称：用来在动画文件间切换、编辑场景和编辑元件间切换10每个图层都包含一些舞台中的动画元素，上面层中的元素遮盖下面图层中的元素11、时间帧区：Flash影片将播放时间分解为帧，用来设置动画运动的方式、播放的挨次和时间等12、状态栏：指示所选帧编号、当前帧频以及到当前帧为止的运动时间、帧：时间轴以“帧”为单位，生成的动画以“每秒N帧”〕的速度进展播放。：是指在动画表演过程中，此关键帧的表演内容与从前的一些一般帧内容大不一样，而呈现出关键性的动作或内容的变化〔也只有关键帧中的内容才能够选取和编辑。15、声音的导入：建一个图层，选中要添加声音的层，选择声音开头的帧，将声音直接〔在播放时，全部层中的声音组合在一起〕“数据流”类型可把握声音与动画的同步，将声音安排到每个帧中，与动画同时停顿“开头”在其开头的关键帧显示时播放。16、动画是由一幅幅静止的图像，依据确定的速度连续播放形成的画面。Flash中可以制作三种动画：一、逐帧动画：创立每帧动画的内容，然后逐帧播放〔一、逐帧动画——人物扭头在图层1的第1帧，绘制一人物〔或是导入图片；然后在3帧插入关键帧，并对2帧的人头进展变形〔水平翻转+〔注：假设动作太快，可以在二、补间动画：指同一个对象不同状态的变化，其变化效果是由Flash把握的，常用于制作对象的位移、尺寸缩放、旋转、颜色渐变等效果。状态，通过动作补间将两个关键帧中不同的状态的对象补间出来。◆动作补间可以使实例、组合或文本产生位移、变形、旋转、颜色渐变，是Flash中应用最广泛的动画。【总结】移动、颜色渐变、缩放或旋转动画的产生必需有以下的条件：1、至少有两个关键帧。2、必需是同一个对象。补间动画实例〔一、图片的形变1、建一个文档，选择“文件”菜单—导入—导入到舞台，在场景的工作区〔舞台〕中导入一张图片。2、选中25帧，单击右键，插入关键帧，在工具箱中选择任意变形工具，在工作区中修改图片的大小及位置。3、选中第1帧，在属性里找“补间”—“动画”。按Ctrl+Enter键可以观看一下效果。思考：如何做图片与文字间的形变动画？补间动画实例〔二、文字动画〔位置移动〕位置移动：Hay层中的文字从舞台上方移动到舞台中间〔从第1帧——第10帧，整个长15〕Look层中的文字从舞台左边移动至舞台右边〔从第5帧开头——第10帧，第1次位移，然后从舞台右边移至舞台中间〔从第0帧开头——第5帧，第2次位移。详解：1400*200，背景桔黄色21Hay54，黑色3、把文字转换为“元件”，调整文字位置至舞台左上方4Hay5、在Hay层中的第10帧插入关键帧，将文字的位置移动到舞台中间。6、选择Hay层中的第1帧，创立动作补间动画，把动画延长到15帧。7、建一个图层，输入文字Look，大小54，黑色。承受上述方法创立Look图层的动画。k〔从第5帧开头——第01次位移，然后从舞台右边移到舞台中间〔从第10152。补间动画实例〔三、移动的图片1、建文档，选插入菜单中建元件，选图形。2、在元件1〔留意中心是否在“+”上〕、回到场景，选中第1帧，翻开元件库〔按，将库里的元件1拖到场景1的左方，选中5帧，插入关键帧6键，将场景中的元件挪动到工作区的右方。4、选起始帧，在属性里找补间，选择动画。按Ctrl+Enter键可以观看一下效果。2、在第50F6小及位置，会有什么效果？翻转图片后，效果如何？补间动画实例〔四、文字动画〔透亮和缩放效果〕透亮和缩放效果：第1层创立文字，转换为库文件，延长至20帧。第2层在第10帧插入关键帧，将库文件拖入，第20帧插入关键帧，把实例放大，透亮，101300*100，背景白色。2、在图层1上输入文字Macromedia，文字的风格是ArialBlack，大小30，红色。3、选取文字，把文字转换为元件title、建图层，在该层的第0帧上插入关键帧。翻开元件库面板〔或按1键title5、在该层的第20表转变透亮色〔alpha=0〕61071延长到20帧，在第10帧上对齐两个层上的实例的中心点。8、保存文件补间动画实例〔五、旋转渐变动画〔旋转文字〕1、建一个文档，在插入菜单里单击建元件，选择图形。21里围围着“+”写进去几个字。3、回到场景1，按F11键，将库里的元件1拖到场景1里，在20帧左右插入一个关键帧。4、选中第1帧，在属性里找补间—动作，可以在旋转里顺时针或逆时针，并设定旋转的Ctrl+Enter思考：花瓣在不停的转动，步骤如补间动画实例〔六、旋转风车〔旋转和颜色变化〕旋转和颜色变化：制作风车外型，转换为库文件。第30帧、60帧各插入关键帧。第301帧和30帧创立补间动画。详解：1、制作风车外形：绘制一个无描边的黄色矩形利用空心鼠标标工具选取矩形的左下角删除，左上角往下移用实心鼠标工具选取矩形进展组合操作选取组合的矩形，利心任意变形工具调整中心点到底端45度，单击对话框右下角的拷贝并应用变形按钮，完成风车外形绘制。2、将风车转化为库文件33060帧各插入一个关键帧。4、在第30帧转变风车的颜色为红色，60%，缩小风车的大小。51帧和第3帧创立补间动画，旋转是“顺时针”11400*30021命名为背景执行—文件—导入—导入至舞台—导入图片在信息面板上调整导入图片的大小和舞台一样，位置重合32使用文本工具输入“花好月圆”，64号，隶书，红色将文字放在右侧，执行—修改—分别命令，将这4个字分别成单独的文字将分别的文字全部选中，执行—修改—时间轴、分别到图层命令，将这4个字分散到图层。删除默认图层24、选中“花”文字，转换为“图形元件”，名称为“花”，注，册点在“中心”5、选中同上4的方法，把“好”“月”“圆”分另转换为“图形元件”6、选中“花、好、月、圆”图层在第15帧，插入关键帧71515帧。8、将播放指针拖到第1帧，选“花”图形元件实例，水平翻转，在变形面板上设置缩小20394个文字图层创立补间动画10、选中“好”图层的全部帧。拖动鼠标把起始帧拖到第 10帧，同样的方法把“月”“圆”图层的起始帧拖到第20帧，第30帧1160帧，插入帧，保存文件。补间动画实例〔八、图像切换〔使用alpha通道制作图像淡出淡入效果〕1400*300242、执行—文件—导入—导入到舞台命令—导入图像把图层1命名为花朵在信息面板上设置该图像的大小与位置与舞台完全重合把图像转换为名为“花朵”的图形元件，注册点在“中心”3、在花朵层上创立一个层图，命名为“波浪”执行—导入图像在图像转换为名为“波浪”的图形元件，注册点在“中心”4、分别在“花朵”和“波浪”图层的第20帧、81帧、100帧处插入关键帧51帧、锁定、隐蔽“波浪”图层6、选“花朵”元件实例alpha为0100alpha0分别选第1帧和第81帧，创立补间动画7、在时间轴面板上解除“波浪”图层的锁定和隐蔽，将播放指针拖到第1帧选“波浪”元件实例，在属性面板上“颜色”下位列表中选“高级”，设置效果：〔%%%%〕将播放指针拖拽到第100帧，选择“波浪”元件实例，在属性面板上设置与第1帧1帧，第81帧，创立补间动画选择“波浪”图层的第1帧与100帧之间的全部帧，将其拖拽到第90-190帧处8、保存文件。三、外形补间动画：指两个图形对象的变换，其变化效果是由Flash把握的，其动画效果是从一个图形转换为另一个图形。1、外形补间动画也是在两个关键帧中创立出来的，但两个关键必需是两个不同图形对象，通过外形补间可以将两个图形间的转换过程补间出来。2、外形补间的对象只能是分别的可编辑图形，外形补间使图形外形发生变化，一个图形变成另一个图形。3、要对组、实例或位图形图像应用外形补间，必需首先将这些元素分别。要对文本应用外形补间，必段将文本分别〔文本串须分别两次〕【总结】外形渐变动画产生必需有以下条件：1、至少有两个关键帧。2、必需是两个不同的图形，通过外形进展补间，一个图形变成另一个图形。3、只能是分别可编辑图形，必需首先将这些元素分别。外形补间动画实例〔一、文字变形1、在开头帧输入文本文字“1”2、在完毕帧输入文本文字“2”3、把文本文字“1”和文本文字“2”分别。4、在第1帧，的属性面板上创立补间外形动画。5、设置外形补间动画：分布式中间帧平滑，但变形较大角形适合边角和直线较多的图形。外形补间动画实例〔二、由圆变成方1、建一个文档，在工具箱中选择图形工具，场景的工作区〔舞台〕中画一个圆。2、选中25帧，单击右键，插入关键帧，在“工具箱”中选择方形工具，在工作区画一个正方形，且删除圆。3、选中第一帧，在“属性”里找“补间——外形”按Enter键可以观看一下效果添加变形参考点：添加变形参考点可把握图形间对应部位的变形，使得图形间的变换是有规律的。★选择补间外形序列中的第一个关键帧：执行“修改—外形—添加变形参考点命令”。起始外形提示会在该外形的某处显示一个带有字母a的点。★选择补间序列中的最终一个关键帧。完毕外形提示会在该外形的某处显示同样带有字母a的红色圆圈，将外形提示移动到完毕外形中与标记和第一点对应的一点。★重复上面步聚，可添加多个变形参考点。外形补间动画实例〔三、由圆变成字1、建文档，在工具箱中选择图形工具，场景的工作区〔舞台〕中画一个圆。2、选中25帧，插入关键帧，在工具箱中选择文字〔A〕工具，在工作区中写一个字，且删除圆。3、选中字，按Ctrl+B键将其打碎〔或在修改菜单中点击打碎〔分别。按Enter思考：1、将字母A形变成字母B，步骤如何？2、多个文字形变，步骤如何？外形补间动画实例〔四〕“四个小球”变成”“盐城师院”1、添加4个图层，在每个图层的第1帧建立1〔方法是：在图层12、3、4〕2、在图层1的第0帧插入关键帧，输入字“盐”打散，并删掉图层1第10311帧，点击“补间”-“外形”4、依次对图层2、3、4进展与其次、三步相像的操作。Ctrl+Enter思考：如何转变文字消灭的先后挨次？四、制作运动引导线动画利用运引导层绘制路径，将某个图层链接到该运动引导层，使得图层中含的对象沿着所绘制的路径运动，实现自由路径动画效果。可以将多个图层链接到一个运动引导层，使多个对象沿同一条路径运动。制作运动引导线动画◆单击要作引导线动画的图层，单击“添加引导”按钮◆在运动引导层上使用铅笔工具 等绘制路径留意要绘制时选中平滑图标 ，将对象附在自由路径上◆在帧属性面板上创立补间动画补间动画实例——引导层：小球沿着路径运动1、在图层1第1帧，建立一个小球，选中，转换为元件，选择图形元件确定。2、在场景中，点击时间轴左下角“添加引导层”按钮 ，在引导层的第1帧画一个弧线路径。3、在2个图层的第25帧，插入关键帧，在图层1的第一帧，把小球拖到线的一个端点，254、在图层1的第一帧，点击“补间”——“动画”。五、制作遮罩动画利用遮罩层，可以做出聚光灯效果和流淌效果。遮罩层下面的内容就像透过一个窗口一样文字对象、图形元件的实例或影片剪辑的实例。可以将多个图层组织在一个遮罩层炎下来创立简洁的效果。制作遮罩动画〔一：制作遮罩动画1、建文档，400*200，背景黑色2、第1层改名为文字，使用文本工具输入文字，颜色为黄色32层，用椭圆工具绘制无边圆，颜色绿色把圆转换为图形库文件第10帧和第201020帧把圆移到左边。4205、在圆所在层，设置为遮罩层。6、添加背景层，附属于遮罩层，红色矩形，并锁定该图层，放到文字层下面。→按Ctrl+Enter键测试效果。制作遮罩动画〔二1、建一个文档，在插入菜单里单击元件，选择图形。21里围绕“+”画一个长方形3、回到场景1，在第一帧写入“信息科学与技术学院”几个字，在第20帧插入关键帧。、添加一个图层〔图层，将图层2拖到图层1下方，在图层2第1到“信”字处，同时在图层2的第20帧插入关键帧，选中图层2第20帧处，将长方形拖到“院”字处。5、选中图层2第1帧，在属性里找补间，选择动作；选择图层1再单击右键选择遮罩层Ctrl+Enter制作遮罩动画〔二：遮罩层显示美女图1、建一个文件，在该场景的第1层的第150帧的位置插入帧。2、插入一个的图层2，在第1帧绘制一个图形，在第50帧位置插入一个关键帧，并转变图形的位置。32第1帧，在属性中设置补间外形。4、将图层2设置为遮罩层〔选中图层2，在它上面击右键，在弹出的快捷菜单中选“遮罩层”。→按Ctrl+Enter键测试效果。六、用按钮把握动画这三种状态并非缺一不行，而字同样具有按钮功能。〔一、按钮元件：做一个简洁的按钮1、建一个元件，选中“按钮”，回车2、点击顶区的场景切换“弹起”，画一个小矩形块，或是小圆，设置颜色，蓝色3、点击“指针经过”，插入关键帧，把小球转变颜色，红色4、点击“按下”插入关键帧，把小球转变颜色，灰色5、回到“场景1”，按F11，将库中按钮元件，拖入场景中6、CTRL+ENTER，测试动画，看有什么变化。思考：1、如何做文字类的按钮？2、如何某种对象做成按钮？〔二、按钮元件：使用按钮把握火箭1、创立图形原件：火箭2、创立按钮原件：按钮3、将背景设计为蓝色，制作火箭从下到上的动画4、建立图层：按钮层，选择第1帧将按钮拖入5、使用“文字”工具在按钮上书写文字7、选择按钮层，选中“按钮”，打开“动作控制面板”，输入on{release}{gotoAndPlay(2);}意为当鼠标单击该按钮并释放后，从第2帧开头播放。七、制作影片剪辑1、创立星星的图形元件—执行“插入”—“建元件”命令，创立名为星星的图形元件。在编辑元件窗口中制作星星图形，回到场景中2、创立闪星影片剪辑在编辑元件窗口中把星星图形元件拖到舞台上插入两个关键帧，在第1帧的最终帧设置实例的Alpha=20%，缩小，补间动画，旋转。外形补间动画——海岸1400*320，白色背景的文档21为“背景”使用矩形工具画黄色〔#F9E457〕矩形，大小和位置与舞台一样在第4040帧。3、在图层面板上选背景层，插入一个的图层，命名为“波浪1”使用矩形工具和选择工具在舞台上方画土黄色〔#FFB546〕的图形2040在20帧处使用选择工具修改图形外形在第1帧和20帧分别创立外形补间动画4、选中波浪1图层，插入图层，命名为“波浪2”使用矩形工具和铅笔工具在舞台上方画一个橘黄〔#FF7E28〕图形2040在20帧处使用选择工具修改图形外形在第1帧和20帧分别创立外形补间动画52图层，插入一个图层为“海星”执行“文件”—“导入”—“导入到舞台”命令，导入图片文件选中导入的图片，在“变形”面板上设置其缩放比例为“36%”选择调整后的图形，转换为影片剪辑元件，把注册点调整到中心选择“海星”实例，在属性面板上设置Alpha值40%40帧6、选中“海星”图层，插入一个图层，命名为“卵石”使用椭圆工具和选择工具画淡紫色〔#F996666〕和白色的两个椭圆，调整形态使用同上方法，制作其他不同颜色和形态的卵石40帧遮罩动画——水波1、建文档，450*5002、导入“凉亭.jpg”图像〔1〕在信息面板上设置图像的大小和位置与舞台完全重合选择图像，复制将该图层锁定、隐蔽32、命名为“剪辑的背景”执行“编辑”—“粘贴到当前位置”命令，将复制的图像粘贴到“剪裁的背景