信息发布与网页设计-FLASH教材教学课件.ppt

FLASH 应用基础 信息学院 《信息发布与网页设计》课题组 *;目录;第1章 概述;1.1 FLASH的三种类型文件;1.2 几个重要术语续;1.2 几个重要术语;1.3 三个重要命令;2.1 局部选取工具;2.2 万能变形工具6种状态;2.3 选择工具;第3章 元件、实例、库;3.3 “实例”;3.4 “元件”的应用;Ctrl + B打散；圆被线段分割；间隔填充不同颜色；删除圆外多余线条；变成一个彩色的球； Ctrl + G构成群组，将小球转换为元件；命名为“球”，类型为“图形”； 插入一个新的图层并命名“球1”； 从库中复制名为“球”的元件到新的图层中； Ctrl + B打散，改变新的图层中的彩色球的颜色； 确定球1的起始、中间、结束位置； 插入一个新的图层并命名“球2” ； 从库中复制 “球”元件到新的图层中； Ctrl + B打散，改变球的颜色；确定球2的起始、中间、结束位置； 通过“运动”补间，制作两个彩色球滚动碰撞的动画。;通过新建“元件”，选择类型为“按纽”，可快速制作通用按钮 按纽有四帧，通过改变4桢中按纽的颜色， 设置按钮的四种形态。;MovieClip（电影剪辑）元件有自己独立的时间轴, 与主时间轴无直接关系。 电影剪辑是Flash中最重要的一个方面。它既可包含影片也可以被放置在另一影片中，还可被无限次的嵌套使用。;影片剪辑的创建： 菜单的“插入” → “新建元件” → 类型：电影剪辑；;3.3 “电影剪辑”练习-1;步骤： 第1步，新建一个Flash文件。右击舞台的空白处，选择快捷菜单中的“文档属性”，设置尺寸大小为：500PX、250PX，背景颜色为“黑色”； 第2步，新建一个新元件，名称为“蝴蝶”，“行为”选择“图形” ,绘制一个蝴蝶 ；;第3步，创建一个“电影剪辑”，名称为“butterfly”; 进入其编辑区。单击“窗口”→“库”，将 “蝴蝶”拖到“butterfly”编辑区； 在第7、13、19帧分别插入三个关键帧，选中工具箱中的“任意变形工具”将第7、13、19帧的蝴蝶依次变窄。在第1、7、13帧创建补间“动作”。 ;第4步，再创建一个名称为“fly”，行为选择“电影剪辑” 的新元件；从库中将刚做的“butterfly”元件拖到舞台上，在此层的30帧插入一个关键帧。单击时间轴下面的“运动引导层”按钮，新???一个引导层。单击此层的第1帧，选择工具箱中的“铅笔”工具，画一条曲线，颜色任意，也就是蝴蝶运动的路径。 ; 单击“图层1”的第1帧，选中“butterfly”元件，将它的中心点移至曲线的一端点重合，单击“图层1”的第35帧，选中“butterfly”元件，将它的中点移至曲线的另一端点，然后单击窗口下面的“属性”对话框，补间设置为“动作”。 ;第5步，将刚才做的“fly”元件从库中拖到舞台上，用鼠标选中它，单击窗口下方的“属性”对话框，将它的实例名称改为：“fly”； 第6步，单击第1帧，单击窗口下方的“动作-帧”对话框，加入以下语句： startDrag(fly,true); 在第3帧插入一普通帧。 ;第7步，单击时间轴下方的“插入图层”按钮，新建一图层。在这个层上的第1帧、第2帧、第3帧分别插入三个关键帧，分别加入以下动作语句： 第1帧： 　　number=0;;第2帧： number=number+1; if (number20) { duplicateMovieClip(fly,fly and number,number); setProperty(fly and number,_alpha,100-number*5); 　　setProperty(fly and number,_rotation,30*number+5);setProperty(fly and number,_x,_xmouse+random(20)*number);setProperty(fly and number,_y,_ymouse+random(20)*number);ss=(random(10)+2)*number; setProperty(fly and number,_xscale,ss);setProperty(fly and number,_yscale,ss); 　　 } else { number=0; } ;第3帧： gotoAndPlay(2); ;练习小结1、制作元件-蝴蝶（图片）蝴蝶2、制作元件-butterfly（电影剪辑） 展翅蝴蝶；3、制作元件fly（电影剪辑）让展 翅的1个蝴蝶变成多个随鼠标运动的蝴蝶。;4.1 遮照/被遮照层 插入新的图层并设置为遮照层 被