多媒体flash例子的制作过程及作业.ppt

1、 工具箱中选中画方工具，设置边线色为黑色，填充色为光谱的七彩色。 画长矩形，并用油漆桶在矩形形状中由上到下垂直拉出渐变线。 选择箭头工具，在矩形的顶部拉出圆弧；按住ctrl键，用鼠标在矩形的下边分别向里推出拐点，形成单个的扇骨。 将做好的扇骨选中（注意有边线），选择修改转化为元件（图形元件，名称叫元件1）； 用任意变形工具将扇骨元件的中心点垂直下移至两个拐点的中间。,1、制作一个自动开合的折扇的动画,（6）选择窗口设计面板变形，将旋转一项设为40度，直接按回车键。 （7）在第2帧上右击，弹出的快捷菜单中选择“插入关键帧”， 第1帧的内容完全复制到了第2帧上，将变形面板上的旋转值设定为-30度，

2、单击面板右下方的复制并应用变形按钮。 （8）在第2帧上右击后弹出的快捷菜单中选择“插入关键帧”（直接按F6也可以），此时两个扇骨都是被选中状态，此时要单击第2个扇骨，变形面板上的旋转值设定为-20度，单击面板右下方的复制并应用变形按钮。 （9）其他扇骨同理，一直到旋转并复制到40度，共9帧画面。 （10）可以测试动画。 （11）收起折扇有两种方法： a.第10帧上是9个扇骨，11帧上是 8个（删除1个）18帧上是1个扇骨。 b.将1-9帧全部选中，右键复制帧，在10帧上右键粘贴帧，选中10-18帧，右键翻转帧（或修改时间轴翻转帧）。 注：为了让折扇合上后稍微停一会儿，在时间轴第25帧处右击选择

3、插入帧（或直接按F5键）。,2、控制变形（1变成2）,（1）在时间轴第1帧处用文本工具（A）写上“1”（字体、字号自选）。 （2）在第20帧处按F6（或选中第20帧，右击插 入关键帧），然后将“1”改成“2”（依然用文本工具） （3）如果直接在第1帧处单击，在下面的属性面板中选择补间形状，这时时间轴上为虚线，说明动画没有做成功，而补间形状要求关键帧上的内容为形状才可以。因此需将文本打散城形状，单击第1帧，执行修改分离；单击第20帧，执行修改分离，这时动画制作成功了。 （4）这时测试一下动画，执行测试动画，1渐渐变 成了2，但是变得有点别扭，不自然。,（5）单击第1帧，在形状“1”的右侧复制一个

4、“1”出来（左手按住ctrl键，用黑色选中工具向右拖）。 （6）同样单击第20帧，并在形状“2”的右侧复制一个“2”出来。 （7）加控制点，选中第1帧，执行修改形状添加形状提示（执行2次，便有a、b两个控制点出来）。 （8）将a控制点放在右侧“1”的左上角，b控制点放在右侧“1”的右下角。 （9）单击20帧处，已经有了控制点了，依次放在右侧“2”的左上角和右下角即可。 （10）重新测试动画，看到右侧1变2自然一些。,3、多图层变形之雪花变文字,（1）将背景层设置为蓝色背景。 （2）选择文字工具（属性为wingdings，白色，96号字，加粗），输入大写字母“T”，出来雪花的形状。 （3）用箭头

5、工具选中雪花，并按ctrl键，再复制4个雪花出来。 （4）将5个雪花对齐（a.先将左边的第1个放于左上方适当位置 b.将第5个雪花放于右边适当位置 c.全部选中5个雪花，执行窗口设计面板对齐，调出对齐面板 d.点顶对齐和水平居中按钮）。 （5）将5个雪花全部选中，执行修改分离。 （6）一个图层来实现由雪花变文字，因此可以用5个图层实现5个雪花变成5个字母（新建图层成为图层2，选中第2个雪花形状，按Ctrl-x,在图层2的第1帧处执行编辑粘贴到当前位置。同理，新建图层3、4、5执行同样的操作，将雪花分到各层去。 ）,（7）开始写文字flash，可写在第15帧处。可在图层1的第15帧处插入空白关键

6、帧，再写flash几个字母，执行修改分离（注意分离2次才能变成一个个字母的形状），同样对齐（底端对齐和水平居中分布）这些字母形状，对于每一个字母形状可以与相应的雪花形状横坐标相同。 （8）将字母分散到不同的图层上去，同前边第6步的操作。 （9）图层1的第1帧上单击鼠标，按shift键，再选第5层的第1帧，这样所有图层的第1帧被选中，补间形状。 （10）为了让雪花依次落下，选中图层2，后移5帧，同理，图层3、4、5依次后移5帧。,4、跳动的球（球由下跳到上，再由上落下，同时阴影也会随着变化）,（1）选择画圆工具(关闭边线色，用黄红放射渐变)画球，在球的左上方用颜料桶单击，球在角上由黄红。 （2）

7、用选择工具单击圆球形状，执行修改转化为图形元件。 （3）在第20帧、40帧处插入关键帧，将第20帧处的球向上移动（可改变一下20帧处球的X坐标与第1帧处的X坐标一致）。 （4）选中第1帧，属性面板中选择补间动作，顺时针旋转2次；第20帧处，补间动作，逆时针旋转2次。 （5）为符合地球引力规律，单击第1帧处，选择缓动（将滑标滑至100；第20帧处，选择缓动（将滑标滑至100 ）,（6）新建图层2（阴影层的动画）。 （7）打开混色器，选择放射状，设为由黑白渐变，注意将白色一端调整alpha值为0% （8）注意一定要选中图层2，在第1帧处画圆，调整一下，并转换为图形元件。 （9）在第20帧、40帧处

8、插入关键帧，将第20帧处的影子放大，变淡（即颜色中的alpha值变小一些）。操作过程是单击第20帧再单击影子元件才可以改变形状和颜色。 （10）单击图层2第1帧，创建补间（动画）。第20帧同理。,5、让元件做曲线运动,（1）在第1帧处画圆，并转化为元件。 （2）第40帧处按F6（右键插入关键帧），并将球 拖至右边。 （3）创建补间（动画），看到球由左右运动了，想 让球左曲线运动，需加引导层。 （4）单击创建引导层的按钮，然后用铅笔画曲线即可 （注意必须在引导层上画曲线，笔触的颜色自选）。 （5）对于球所在的图层，将第1帧的球的中心点放在线 的起始点；将第40帧的球的中心点放在线的终点。 1.选

9、第1帧处飞机，选择调整到路径 有方向的飞机元件，再做 2.用任意变形工具将飞机旋转为 （字体Wingdings,字母Q即为飞机） 与导线方向一致,6、影片剪辑元件的应用游泳的鱼的动画,（1）将原图（鱼1，鱼2，背景）导入到库，即执行文件导入导入到库。调出库面板可看到3个图片。 （2）执行插入新建元件选影片剪辑，新建影片剪辑元件，名称为“摆尾巴的鱼1”，将库中的鱼1拖入此影片剪辑的编辑状态。 （3）选中鱼1执行修改位图转化位图为矢量图（两个值默认就行，值越小越精确），转化后看到除了鱼的轮廓外，鱼身体周围还有白色的选区（因为图片是方的），这时，先用选择工具取消对鱼的图片的选中状态，再选一下鱼周围的

10、白色区域，按del键，删除周围的白色区域。 （4）在第2帧处按F6插入关键帧，用箭头工具选中尾部，单击任意变形工具，中心点移到左下角，向左旋转某角度。 （5）第3帧处要复制第1帧的内容。 （6）第4帧处按F6插入关键帧，用选择工具选中尾部，单击任意变形工具，这时将中心点移到左上角，向右旋转某角度。,（7）影片剪辑“摇尾巴的鱼2”的制作过程同“摆尾巴的鱼1”。 （8）接下来制作“会游泳的鱼1”影片剪辑。 （9）新建影片剪辑元件，名为“会游泳的鱼1”，第1帧处将“摆尾巴的鱼1”放于右侧适当位置；第60帧处按F6，将“摆尾巴的鱼1”放于左侧适当位置；第61帧处按F6，并将“摆尾巴的鱼1”水平翻转（即

11、执行修改变形水平翻转）；120帧处复制第1帧的内容并水平翻转。补间上动作。看到鱼可以摆着尾巴从左游到右，翻转，再从右到左，再翻转，继续向左游 （10）新建影片剪辑元件，名为“会游泳的鱼2”，做法同上步，只不过可让它游的慢一些，可在第1，80，81，180帧处放入关键帧。 （11）回到场景中，建3个图层，在第1帧处分别放上背景，会游泳的鱼1，会游泳的鱼2即可。,7、蒙板动画（即遮罩动画）,（1）将背景设为黑色。 （2）用黄色、arial、150号写文字：Flash。 （3）新建图层2，画球（画圆工具去掉边线色，填充色为任意颜色），并转化为图形元件，将球元件移至舞台的左侧边缘位置处（让球的右边靠近

12、舞台的左边界）。 （4）在图层2的第35帧处将元件移至舞台的右侧边缘位置处（让球的左边靠近舞台的右边界） 。 （5）单击图层2的第1帧，补间动作。 （6）右击图层2，选择遮罩层。 （7）将图层1的文字延迟到35帧处，即在35帧处右击插入帧。 （8）这时测试动画已经出现了蒙板的效果，为了让蒙板走过之后显示处全部的文字，可以新建一个图层，用灰色的字体写上Flash几个字母（注意：图层3不要建在图层1及它的蒙板之上，要建在图层1及它的蒙板之下才行，可以先复制图层1的第1帧到图层3的第1帧处，再改变字体的颜色为灰色）。,8、蒙板不动（遮罩动画的又一种精彩效果）,（1）在图层1的第1帧处写FLASH几个

13、字母，调整到比较大的尺寸。 （2）新建图层2（用来放画面的），可将图层2放于图层1的下面。 （3）执行文件但如导入到库（从c:WINNTWebWallpaper 下找天堂的图片）。 （4）将图片放入场景中，图片很大（为800600像素的）可调整为同舞台大小（550400），x、y坐标为（0，0）。 （5）按住ctrl建，向左再拖一个图片出来，并与右边的图片对齐，选中左边的图片执行修改变形水平翻转，然后选中这两个图片，执行修改转换为元件。 （6）将图层2第1帧处的元件放于舞台左侧。 （7）在图层2的第40帧处按F6，将元件放于舞台右侧。 （8）为图层2补间动作。 （9）将图层1执行右击遮照层，并

14、将图层1延迟到40帧处。,9、打开的画卷（通过蒙板的变形来控制）,（1）在图层1的第1帧处画画轴（用黑红黑的线性渐变），并转换为图形元件；再画画轴的光影（用同样的黑红黑的线性渐变，填充方向是副对角线，此时仍在图层1）。 （2）新建图层2（用来移动的画轴），在第1帧处将画轴放在图层1画轴的右侧，紧挨着图层1中的画轴即可。在图层1的第40帧按F5，在图层2第40帧按F6，并将画轴往右移，右侧盖住光影的右边边界为止，为图层2的画轴补间动画。 （3）必须让光影慢慢显露出来，这时就要借助遮照了，在图层1上新建图层3，用画方工具画一个方块（去掉边线色，用一个其他的颜色画，以免与原来的光影颜色混淆，方块可比

15、画轴宽一些，但方块的右侧须能盖住最左侧的画轴即可），在第40帧处按F6,用任意变形工具将方块拉宽，方块能盖住最右侧画轴的边缘即可，为方块补间形状，并设置图层3为遮罩。这时测试动画，会看到随着画轴的移动，光影页慢慢显示出来了。 （4）图层1是光影层，可在图层1上新建图层成为图层4，并导入长城的图片，这时蒙板下边蒙了两层。 （5）还可以在长城图层之上新建图层写上文字“不到长城非好汉”。 总结：此例说明，蒙板可以变形，蒙板可以蒙多层。,10、爱护地球（综合动画）,（1）新建文件，将背景设为蓝色。 （2）将素材（1地球，2鹰，3狗，4熊，5虎，6熊猫，7荒山，8孩子）导入到库中，并调出库面板。 （3）

16、执行插入新建元件地球，将地球位图拖过来。 （4）选中地球，执行修改位图转换位图为矢量图（参数默认即可），这时取消对地球图片的选中状态，单击黑色区域，按del键。 （5）新建元件（鹰），将鹰位图拖过来即可。同理新建元件（狗、熊、虎、熊猫、孩子、荒山） （6）到场景中，在图层1上放上地球，并选中地球，相对于舞台水平中齐、垂直中齐。 （7）在图层2上放鹰元件（1帧处将鹰元件放于舞台的左上方，11帧处放于舞台的右下方，16帧处放于舞台的左上方（此帧处的元件将宽高设为100）。 （8）图层2上新建图层3，选中图层2，复制图层2各帧，选中图层3各帧粘贴；将图层3中的鹰元件选中，执行交换（成熊猫，3个关键帧

17、都要换）。 同理，在图层3上新建图层4，将熊猫转换为熊；图层5中将熊转换为虎；图层6中将虎转换为狗；将图层3比图层2晚10帧图层6比图层5晚10帧，图层6到了第56帧。,（9）将图层1图层6都延迟到64帧（为了稍微停顿一下）。 （10）图层6上建图层7，用文本工具写“这里，曾经是他们的家园”。 （11）建立矩形元件，建图层8，图层8的第1帧处让矩形元件盖住第7层的第一个字，第50帧处按F6并将矩形拉宽，盖住第7层所有的字，补间动画并将图层8设为遮罩层。 （12）重新下一段，图层7的第65帧处写“而现在，因为人类 ” ，并延迟到134帧；图层8的第65帧处放上矩形同样盖住图层7的第一个字“而”，

18、130帧处拉宽矩形，让矩形盖住所有的字“而现在，因为人类” （13）在图层2的65帧处放上荒山元件（注意先插入空白关键帧，再把荒山拖过来），放于舞台左上角，并缩小一些；81帧处让荒山盖住舞台；也延迟到134帧处。 （14）在图层7的135帧处写“为了将来，请爱护地球”。 （15）在图层8之上建图层9，图层9的135帧处将“孩子”元件放上，可缩小一些，放于舞台靠左的位置。 （16）建一个“圆”元件，在图层9之上建图层10，图层10的135帧处放上圆，大小盖住小孩的脸；165帧处将圆缩小一些，并从135到165帧处补间动作，将图层10设为遮罩层。 （17）结束时可将第7、9、10层延迟到175帧处，为了有一些停留。,flash作品要求：,（1）用flash 制作一则广告，广告的对象可以是人物，风景，学校，建筑物等。 作品要有一定的主题，能展示出对象的特征。,（2）作品中要求有补间动画（不管是场景中的补间，或是元件的补间都可以）。 （3）至少有1种元件（或场景中）用到多图层。 （4）动画帧频为12，要求至少持续30秒钟。,（6）作品形成*.fla文件（只交.swf和说明文档的为0分）。,（5）用记事本写一个说明文档，文档需说明自己的主题，并详细说明自 己运用的知识点（如所运用的工具箱中的工具，遮罩，引导