flash电子教案剖析1

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,flash电子教案剖析,第一节：初 识,FLASH,（,1,）,操作工作界面的剖析,的操作工作界面,对象编辑工具,常规工具栏,绘图工具条,绘图工具条,随着,Flash,软件版本不断升级，其工具越来越贴近用户，在使用时更加得心应手。,【,箭头,】,工具,箭头工具专门用来选取各个元件，在,Flash,里面轮廓线和里面的填充色是分开的，所以想要选中的话就要先框住对象，然后进行移动。,选取元件与改变线段的形状及长度,【,部分选取,】,工具,部分选取工具可显示图形的所有顶点，拖动节点就能对图形任意编辑。,对图形进行编辑,【,任意变形,】,工具,任意变形工具可以轻松实现图形自由的变形。,注意：把图形打散后还可以对图形进行变形。,任意变形效果,【,填充变形,】,工具,填充变形工具是对图形可以进行自由填充，而不拘泥于其他属性。可以根据中心点、角度及范围来调整对象颜色的变化。,填充变形工具,【,线条,】,工具,线条工具可以绘制线条，线条的粗细、颜色及造型均在下边的属性栏里调整。在绘制的过程当中，按住,Shift,不放，可以绘制出,45,度或水平的直线。,线条工具,【,套索,】,工具,套索工具被选取时,其附属选项按钮会出现在选项条中（如下图所示）。,套索工具用于不规则的形状任意圈选对象，它可以配合箭头工具，按住,Shift,键不放，可同时选择多个对象。,【,钢笔,】,工具,钢笔工具可绘制直线、曲线，而且可调整路径上的节点。它可以自由创建和编辑矢量图形。单击鼠标左键确定点的位置，连续单击形成直线组成的折线图。点左键不松手可以调整线的造型。,【,文本,】,工具,文本工具还是用下边的属性框来对文本进行输入和编辑等操作。,【,椭圆,】,工具,椭圆工具可绘制各种椭圆图案，在绘制时按住,Shift,键不放，可绘制正圆形。在拖动的时候有个 小圆标志，也是正圆。而且绘制时可通过下边的属性栏调整圆的边框与填充颜色。,【,矩形,】,工具,矩形工具在绘制的过程中和椭圆工具差不多。按住,Shift,键可绘制正方形。还可点击 更改边角半径设置。,【,铅笔,】,工具,铅笔工具在导引线中使用最多。调整铅笔工具同样在下边的属性栏里进行调整。当铅笔工具被选取时,其附属选项按钮会出现在选项条中，也可以通过这个来更改铅笔工具的设置。,【,刷子,】,工具,刷子工具用于绘制密闭的填充色构成的图形，该工具提供了,5,种模式。,标准绘画,颜料填充,后面绘画,颜料选择,内部绘画,【,墨水瓶,】,工具,墨水瓶工具可以对图形的边线进行填充。如果说在画一个图形的时候没有画外框线，这时就不能用箭头工具直接选择来更改外框线，必须要用到墨水瓶工具来对图形的边线填充。,【,颜料桶,】,工具,颜料桶工具能够填充未填色的轮廓（但是不包括外框线）或是改变现有图形的颜色，其附属选项如下图所示，可根据图形封闭的空隙大小进行选择。,【,吸管,】,工具,用于从别处获取色块和线段的颜色，还可以对位图进行采样。,【,橡皮擦,】,工具,用于擦除整个图象或者是图形的一部分。,橡皮模式：标准擦除（可以擦除矢量色块和矢量线条）、擦除填色（只擦除填充的矢量色）、擦除线条（只擦除矢量线条）、擦除所填色（擦除选种区域中的某部分或全部，未选区域不受影响）、内部擦除（擦除封闭图形的内部区域）,水龙头工具：用于快速擦除矢量色块和线段。,【,手形,】,工具,手形工具用于舞台上的内容超出工作区的时候，使用它可以随意查看所需内容。是个非常方便实用的工具。,【,缩放,】,工具,缩放工具是用于编辑图形的放大和缩小，配合该工具的选项内容，在所需要放大或缩小的区域画矩形，则矩形内的对象就能按最大可容纳的比例显示，而直接选择点击，则可以放大当前编辑视图；如果在点击时按下,Alt,键，则会缩小当前编辑视图。,【,颜色,】,工具,颜色工具是,Flash,绘图当中相当重要的一个工具。里面分为笔触颜色和填充色，你可以根据自己的需要对图形进行编辑。更改时只需要点击它们的下拉菜单即可。,【,选项,】,工具,工具箱中的选项主要是针对工具的调节而设置的，它随着所选工具的不同而显示不同的工具选项设置。但是其中有一些工具是没有调节选项的。,请顺序单击工具条中的工具，了解详细情况。,帧操作,Flash,是一套用来设计动画的软件，可以在关键帧之间补间或填充帧，从而生成流畅的动画。帧和关键帧在时间轴中出现的顺序决定它们在,Flash,应用程序中显示的顺序。,时间轴帧,分帧的应用,时间轴帧,（,1,）,时间轴与帧,（,2,）,在时间轴中处理帧,（,3,）,不同帧的符号,（,4,）,帧标记与帧注释,（,5,）,帧的操作,（,6,）,帧的速度,时间轴与帧,时间轴是以时间为基础的线性表，让使用者以时间的进行为基础，一步步地安排每个动作。在时间轴中可处理帧和关键帧，将它们按照对象在帧中出现的顺序进行排列。,在时间轴中处理帧,可以对帧或关键帧进行如下修改：,插入、选择、删除和移动帧或关键帧。,将帧和关键帧拖到同一层中的不同位置，或是拖到不同的层中。,拷贝和粘贴帧和关键帧。,将关键帧转换为帧。,从“库”面板中将一个项目拖动到舞台上，从而将该项目添加到当前的关键帧中。,不同帧的符号,代表移动渐变动画，用箭头来显示动画的过程。,代表形状渐变动画，也用箭头来显示，以移动渐变动画不同表现在颜色上。,虚线表示在动画的过程中出了问题，这时需要查看开头与结尾的关键帧的属性。,当小写字母 “,a”,出现时，代表这个帧已经被指定某个动作，当播放到这里时，会执行该动作。,帧的操作,插入关键帧,拷贝和粘贴帧,过渡帧,空白关键帧,选取所有帧,帧,插入关键帧,操作步骤：,在时间轴上选取要插入的关键帧的位置,然后点击鼠标右键在快捷菜单中选择 “插入关键帧”，或者按快捷键,F6,。,提示：若要删除关键帧，只要选定关键帧，然后单击鼠标右键，在快捷菜单中选择 “清除关键帧”即可。,拷贝和粘贴帧,操作步骤：,先选择要拷贝的一个帧或多个帧,在被选定的帧上单击鼠标右键，从快捷菜单中选择 “复制帧”命令,在需要进行粘贴的位置单击鼠标右键，从快捷菜单中选择 “粘贴帧”,过渡帧,过渡帧用来连接两个相邻的关键帧。,过渡帧可以有不同的形态。空白关键帧之间的过渡、移动渐变动画产生的过渡帧、无移动渐变动画之间的过渡帧。,过渡帧是不可进行编辑的。,空白关键帧,空白关键帧指在一个关键帧里没有添加任何对象。,注意：使用 “插入”菜单中的 “插入关键帧”命令定义的影格，即使里面不添加对象，也不能叫空白关键帧。,选取所有帧,操作方法：,在图层栏的空白处单击，即可选中所有有效帧。,在影格编辑区单击鼠标右键，从快捷菜单中选择 “选择所有帧”，也可选中所有有效帧。,选取所有帧后的效果,帧,操作方法：,执行 “插入”,/“,时间轴”,/ “,帧”命令，可在选定的帧后插入和选定帧相同的过渡帧。如果选择的是个空白帧，就可在此帧后添加相同的过渡帧。,插入前,插入后,帧的速度,“,视觉暂留”现象。所以一般的影片帧频都是,24,帧,/,秒以上，才能产生连续动作的效果。,帧数越多动画文件越大，在网络上播放时，就有可能出现问题。一般情况下，建议每秒钟播放,12,帧左右。,修改,Flash,动画的帧的速度,改变帧频,分帧的应用,为了能够观察动画的细节，此时就需要用到分帧显示。,如何显示分帧图,改变分帧显示的方式,如何显示分帧图,按下时间轴下方的 ，分帧途中的所有关键帧上的图案都可随时编辑,按下时间轴下方的 ，可将动作对象分帧显示,按下时间轴下方的 ，分帧图以轮廓线形式显现,改变分帧显示的方式,显示分帧时，除了可以指定只显示轮廓边框外，也可以指定显示分帧图的张数，只要按下时间轴下方的 ，就可以从下拉菜单中选择不同的帧数。,图层的作用,图层的概念,创建图层,修改层,选取图层,删除图层,锁定,/,解锁图层,图层的重命名,图层的属性设置,改变图层的次序,查看层,引导图层,遮罩层,图层的概念,图层就像透明的纸一样，在舞台上一层层地向上叠加。图层可以帮助用户组织文档中的插图。,作用：,可以在不影响其他图层上的对象的情况下，在一个图层上绘制并编辑对象,可以利用引导层使绘画和编辑更加容易,可以利用遮罩层帮助动画创建丰富多彩的效果,创建图层,当打开,Flash,的时候，在默认的情况下只有一个图层，若要新增图层，操作：,执行 “插入”菜单下的 “图层”命令,单击时间轴上的,单击红色框体部分图层。,修改层,操作过程：,要绘制、上色或者对图层或文件夹进行修改，需要在时间轴中激活该图层。,当图层名字旁边出现一个铅笔图标时，表示该图层是当前工作图层。,在工作图层中可进行相应修改操作。,选取图层,方法：,单击时间轴上的图层名称,单击属于该层时间轴上的任意一帧,在编辑区选择该层中舞台的对象,若要同时选择多个图层，可先按住,Shift,键或者是,Ctrl,键，再单击所要选择的图层名称,删除图层,方法,单击右键要删除的图层，再快捷菜单中选择 “删除图层”选项,单击时间轴上的 按钮,将要删除的图层用鼠标拖动到 上,锁定,/,解锁图层,单击图层名字右边的锁定栏，就可以锁定图层，再次单击锁定栏可解除堆图层的锁定。,可单击按钮 ，可将所有的图层锁定，再次单击就可解除对所有的图层的锁定,在按住,Alt,键后，单击任意一个图层上的锁定栏，可锁定或解除此图层外的所有图层,在按住,Ctrl,键后单击任意一个图层可锁定或解除所有图层,图层的重命名,在无命名情况下，新图层会按创建顺序自动命名。对图层重命名可更好管理图层。,方法：,用鼠标双击该图层名称，当高亮显示文字时可直接输入新名称，最后再按回车键即可。,用鼠标点击某图层，从快捷菜单中选择 “属性”选项，这时会弹出 “图层属性”对话框，可利用对话框中的各种参数设定新图层。,图层的属性设置,在任意的图层上单击鼠标右键都会弹出快捷菜单，选择其中的 “属性”项，可以在打开的图层属性对话框中设置各种参数。,改变图层的次序,由于图层就像透明的纸一样，在舞台上一层层地向上叠加。因此图层顺序将会影响对象的显示效果。,操作步骤：,将鼠标移动到要改变图层顺序的层上，并按住鼠标左键不放向上或向下移动；,在拖动过程中，会看到一条虚线随着鼠标移动，将该虚线移动到想要的位置，放开鼠标即可。,查看层,时间轴中图层或文件夹名称旁边的 表示它处于隐藏状态。若要显示只需用鼠标再次单击。被隐藏的图层可输出但不能进行编辑。,显示或隐藏图层,引导图层,使用引导图层可制作出沿自定义路径进行运动的动画。 引导层是用层名称左侧的辅助线图标表示的。用户必须在对象所属的图层中增加一个参照层，而且引导图层不会出现在发布后的电影中。,引导层动画实例,添加引导层的操作步骤,步骤,1,：新建一个文件，然后执行 “插入”菜单下的 “新建元件”选项。,“,新建元件”对话框,步骤,2,：在名称中输入新建元件名称，并将其属性指定为图形，单击 “确定” 。,步骤,3,：使用绘图工具，在新增元件中绘制个太阳，如图所示。,步骤,4,：单击 回到舞台上。,步骤,5,：单击库中刚刚绘制好的太阳，按住鼠标右键拖住不放，把它拖到舞台上。如图所示。,步骤,6,：在时间轴第,40,帧的地方单击右键，从快捷菜单中选择 “插入关键帧”选项。,插入关键帧并设置,步骤,7,：分别在两个关键帧处单击鼠标右键,在快捷菜单中选择 “创建补间动画” 。,步骤,8,：单击时间轴上的 按钮，在图层的上方创建一个引导层。,创建引导层,步骤,9,：在引导层上用铅笔工具绘制一条路径，如图所示。,绘制运动路径,步骤,10,：单击图层,1,中的第一个关键帧，然后选择 “太阳”，将其拖动到线条的一个端点，在拖动过程中会有个小圆圈出现在图像对象的中央，当这个小圆圈接近线条的时候，对象 “太阳”会自动贴到该引导线端点。,步骤,11,：同样点击第,2,个关键帧，使 “太阳”贴到引导线的另一个端点。,步骤,12,：单击,Enter,键就会看到 “太阳”沿着引导线来运动了。为了更清楚的观察，可以用显示分帧来看。如图所示。,遮罩层,Flash,的遮罩层与,Photoshop,里的蒙板概念很相似。使用遮罩功能可以产生类似聚光灯扫射的效果，也可以把多个图层聚合在一个遮罩层下边，因此产生丰富多彩的效果。,遮罩层动画实例,遮罩层操作实例,步骤,1,：新建一个文件，然后在元件库里新增一个元件，用文本工具输入 “,Welcome”,。如图所示。,输入文字,步骤,2,：再在元件库里新增一个元件，来画一个圆作为遮罩透通区,(,什么颜色就可以，因为透通区是看不到颜色的,),。如图所示。,画圆,步骤,3,：回到场景中，先把文字 “,Welcome”,拖到舞台。,步骤,4,：再新建一个图层，把元件库里的 “圆”拖进舞台。,步骤,5,：因为文字是不动的，所以在第,40,帧的位置上点鼠标右键，从快捷菜单中选择 “插入帧”；在圆的图层,40,帧位置上插入关键帧，在中间创建补间动画，在第,20,帧的位置再次插入一个关键帧，如图所示。,创建动画,步骤,6,：在场景中把圆移动到右边，如图,(2),所示。,移动圆形,步骤,7,：点击右键圆所在的图层，从快捷菜单中选择遮罩层。如图所示。,使用遮罩层,步骤,8,：按,Enter,键测试影片效果。,影片效果,提示：,Flash,中可以绘制各种各样的遮罩层，因为遮罩层可以使用不规则的填色区域，或导入点阵图作为遮罩层。,元件与图库的编辑,（,1,）,元 件,（,2,）,库的应用,（,3,）,编辑元件,元 件,元件是可反复取出使用的图形、按钮或一段小动画，元件中的小动画可独立于主动画进行播放。它是由多个独立的元素合并而成的，因此缩小了文件的存储空间。,元件的类型,创建元件的方法,元件的类型,影片剪辑元件,是一段,flash,动画，它是主动画的一个组成部分，它可独立于主动画进行播放。,按钮元件,用于创建动画的交互控制按钮，以响应鼠标事件（如单击、滑过等）。,图形元件,是可反复使用的图形，可以是只含一帧的静止图片，也可以制作成由多个帧组成的动画。,创建元件的方法,利用菜单命令新建元件,将对象转换为元件,将动画转换为影片元件,创建按钮,库的应用,库存放了编辑动画需要的各种元件，这些元件可以随时调出使用。若将元件调出放到场景中，就生成了该元件的一个实例。,库面板,在文档之间拷贝库资源,使用库资源,库面板,打开库面板：,单击“窗口”,/“,库”命令或按“,F11”,键。,库面板中各按钮的功能：,宽库视图按钮：,用于展开图库显示各元件的名称、类型、使用次数和最后依次改动的时间等内容。,窄库视图按钮：,使库面板变窄。,切换排序顺序按钮：,改变各元件的排列顺序,新建元件按钮：,单击它可新建元件。,新建文件夹按钮：,可新建文件夹。,属性按钮：,调整库中元件属性。,删除按钮：,删除库中的元件或文件夹。,在文档之间拷贝库资源,通过拷贝和粘贴来拷贝库资源,通过拖动来复制库资源,通过在目标文档中打开源文档的库来复制库资源,使用库资源,共享库资源可以在多个目标文档中使用源文档资源。可使用两种方法共享库资源：,对于运行时共享资源，源文档的资源是以外部文件的形式链接到目标文档中的。,对于创作期间的共享资源，可以用本地网络上任何其他可用元件来更新或替换正在创作的文档中的任何元件。,编辑元件,图形元件属性面板,按钮元件属性面板,动画的基本类型,（,1,）,逐帧动画,（,2,）,运动渐变动画,逐帧动画,逐帧动画是由许多单个的关键帧组合而成的，适合制作一个动画在每个帧上都有关键性变化的情况。,要创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图像。,逐帧动画实例,创建逐帧动画实例,步骤,1,：,新建一个文件，利用属性面板可以设置场景为合适的大小和背景色。,步骤,2,：,选择第,1,帧作为逐帧动画的起始帧，单击右键，在弹出的下拉菜单中选择,“,插入关键帧,”,。,步骤,3,：,在第,1,帧上创建插图。可以使用绘画工具、从剪贴板中粘贴图形，或导入一个文件，这里我们导入一张图片。,步骤,4,：,拷贝第,1,帧的内容，单击第,2,帧，将第,1,帧中的内容粘贴到第,2,帧上，单击,“,编辑多个帧,”,按钮，并用,“,选择工具,”,将图形调整一下位置。,步骤,5,：,重复步骤,4,，完成第,3-10,帧的动作。,步骤,6,：,单击,“,编辑多个帧,”,按钮，取消显示，按,“,Enter,”,键测试动画，保存。,运动渐变动画,运动渐变动画的创建,运动渐变实际上是一个对象移动的两点关键,帧间的变化。在两个关键帧上可分别定义不同的属性，如尺寸、颜色、角度等。,运动渐变动画,实例,形状渐变动画的创建,形状渐变动画与运动渐变一样，但更主要的是外形的改变。,形状渐变动画创建,实例,运动渐变动画的创建实例,步骤,1,：新建一个文件，利用属性面板设置场景为合适的大小和背景色。,步骤,2,：,从电脑中导入图片作为动画的主体。,步骤,3,：选中图片单击,“,修改,”,/,“,转换为元件,”,命令，打开,“,转换为元件,”,对话框，将元件命名为,“,moon,”,。,步骤,4,：在第,30,帧处插入关键帧，并把鼠标放在,1-30,帧中任意一帧，点右键，在弹出的下拉菜单中选,“,创建补间动画,”,。然后单击第,30,帧，把图片拖到右下角。,步骤,5,：将图片移到左上角，单击右键，从弹出菜单中单击,“,时间轴特效,”,/,“,变形,/,转换,”,/,“,变形,”,命令，打开,“,变形,”,对话框。,步骤,6,：在,“,变形,”,对话框中，选取,“,旋转,”,单选项，输入,“,360,”,。,步骤,7,：按,“,Enter,”,键测试效果。,形状渐变动画创建实例,步骤,1,：新建一个文件，在属性面板中设置文档的大小为,550px400px,背景色为浅蓝。,步骤,2,：绘制字母外旋转的圆环。从工具箱选取椭圆工具，然后在属性面板中设置,“,笔触颜色,”,为嫩绿色，,“,填充颜色,”,为无色。单击,“,自定义,”,，在弹出的对话框中将线型设置为虚线，在工作区中拖动一个圆形。,属性面板,“,笔触样式,”,对话框,步骤,3,：选中圆形执行,“,修改,”,/,“,形状,”,/,“,将线条转换为填充,”,命令，再执行,“,修改,”,/,“,形状,”,/,“,柔化填充边缘,”,命令，在其中设置,“,距离,”,为,10px,，,“,方向,”,为,“,扩展,”,，这时出现柔化的边框。,“,柔化填充边缘,”,对话框,柔化后的效果,步骤,4,：选中柔化后的圆圈，执行,“,修改,”,/,“,转换为元件,”,命令，在其中元件的,“,名称,”,为,“,环,”,，单击,“,确定,”,。,步骤,5,：单击图层,1,的第,40,帧，按,F6,键插入关键帧，在单击选中环实例，在,“,属性,”,面板的,“,补间,”,下拉列表中选择,“,动作,”,选项，,“,旋转,”,下拉列表框选择,“,顺时针,”,。,步骤,6,：制作字母变形的动画。单击,“,时间轴,”,对话框左边的,“,插入图层,”,按钮，添加图层,2,，并单击第一帧。,步骤,7,：从工具箱选择,“,文本工具,”,，在属性面板中设置字体为,“,Arial Black,”,，字体大小为,150,，文本颜色为红色，在工作区中输入文本,“,A,”,，并调整其位置到圆的中央。,步骤,8,：按,Ctrl+B,组合键，将文字打散，在图层,2,的第,10,帧处按下,F6,键插入关键帧，并把字母,A,删除。,步骤,9,：从工具箱中选取文本工具，在,“,属性,“,面板,”,中将,“,文本颜色,”,设置成黄色，其他参数与字母,A,相同，然后在工作区中输入字母,B,。,步骤,10,：用同样方法处理字母,B,。在图层,2,的第,20,、,30,帧加入蓝色字母,C,和紫色字母,D,，将它们与,“,环,”,实例的圆心对齐，并将其打散。在图层,40,帧加入红色字母,A,，与第,1,帧相同。,步骤,11,：单击图层,2,，选中所有帧，然后在工作区下方的,“,属性,”,面板的,“,补间,”,下拉列表框中选择,“,形状,”,选项。,步骤,12,：按,“,Enter,”,键测试效果，保存。,声效控制方法,在,Flash,中有两类声音：事件声音和音频流。,事件声音,必须完全下载后才能开始播放，除非明确停止，它将一直连续播放。,音频流,在前几帧下载了足够的数据后就开始播放，可通过和时间轴同步以在,Web,站点上播放。,导入声音,向文档中添加声音,给按钮添加声音,导入声音,操作,：选择,“,文件,”,/,“,导入,”,/,“,导入到库,”,。,可导入到,Flash,的声音文件格式,：,WAV,、,AIFF,（仅限,Macintosh,）、,MP3,如果安装了,QuickTime4,或更高版本，可导入,附加的声音文件格式,：,AIFF,、,Sound Designer II,（仅限,Macintosh,）、只有声音的,QuickTime,影片、,Sun AU,、,System7,声音（仅限,Macintosh,）、,WAV,。,向文档中添加声音,使用,：要将声音从库中添加到文档，可以把声音分配到一个层，然后在,“,属性,”,检查器的,“,声音,”,控件中设置选项。,测试添加到文档中的声音,：可以使用与预览帧或测试,SWF,文件相同的方法。,操作步骤,向文档中添加声音,步骤,1,：如果还没有将声音导入库中，请将其导入库中。,步骤,2,：选择“插入”,/“,时间轴”,/“,图层”，为声音创建一个层。,步骤,3,：选定新建的声音层，从属性面板添加声音。如图所示，可以把多个声音放在同一层上，或放在包含其他对象的层上。,步骤,4,：从“效果”弹出菜单中选择效果选项。,“无”不对声音文件应用效果。,“左声道”,/“,右声道”只在左或右声道中播放声音。,“从左到右淡出”,/“,从右到左淡出”会将声音从一个声道切换到另一个声道。,“淡入”会在声音的持续时间内逐渐增加其幅度。,“淡出”会在声音的持续时间内逐渐减小其幅度。,“自定义” 可以通过使用“编辑封套”创建自已的声音淡入和淡出点。,步骤,5,：从“同步”弹出菜单中选择“同步”选项。,“事件”选项会将声音和一个事件的发生过程同步起来。,“开始”与“事件”选项的功能相近，但如果声音正在播放，使用“开始”选项则不会播放新的声音实例。,“停止”选项将使指定的声音静音。,“数据流”选项将同步声音，以便在,Web,站点上播放。,Flash,强制动画和音频流同步。,给按钮添加声音,给按钮添加声音时，可给按钮的每一种状态添加声音，也可为按钮的每一种状态添加同一种声音，但每帧对应的是一种声音。,给按钮添加的声音和按钮元件一起保存。,谢谢观赏,