《flash cs5动画设计实例教程》8.ppt

4）点击【插入】→【新建元件】，命名为loading，影片剪辑类型。点击确定进入该元件的编辑窗口，使用矩形工具绘制一个灰色边框黑色填充的的长条矩形，将矩形边框剪切到剪切板，新建图层2，将边框粘贴到当前位置。 5）选中图层1，在边框下方输入白色文字“loading……”，在第100帧插入帧。选中图层2，在第100帧插入关键帧。选中第一帧中的矩形，使用任意变形工具将其向左压缩，创建第1到第100帧的补间动画。如图所示。 6）回到场景1，新建图层2改名为“loading”，将做好的loading元件放在舞台正中间位置。选中该影片剪辑，在动作面板输入命令： onClipEvent (load) { total = _root.getBytesTotal(); } onClipEvent (enterFrame) { loaded = _root.getBytesLoaded(); percent = int(loaded/total*100); text = percent+"%"; gotoAndStop(percent); if (loaded == total) { _root.gotoAndPlay(2); } } 在第2帧插入空白关键帧。 loading制作完毕。 第二步 制作片头动画 1）新建图层3，改名为“白色背景”。第2帧插入空白关键帧，在舞台上绘制一个无边框745×409的白色矩形。将矩形转换为图形元件，第15帧插入关键帧，将第2帧的矩形缩小，创建第2帧到第15帧的补间动画。第280帧插入帧，锁定该图层。如图所示。 2）新建图层4，改名为“左背景”。第20帧插入空白关键帧，在白色矩形左边绘制一个无边框285×383的圆角矩形，填充色为＃F0F0F0。将矩形转换为图形元件，在第40帧插入关键帧，将第20帧的矩形缩小，创建动画补间完成矩形由小变大的过程。锁定该图层。 3）新建图层5，改名为“右背景”。第20帧插入空白关键帧，同上一步方法，在白色背景右边做一个圆角矩形由小变大的动画。该矩形大小为426.6×381.6。效果如图。 4）新建图层6，改名为“圆圈”。第20帧插入空白关键帧，使用椭圆工具绘制几个白色小圆作为左背景的图案。如图所示。锁定该图层。 5）点击【插入】→【新建元件】，命名为“导航条”，图形类型。点击确定进入该元件的编辑窗口，使用矩形工具和直线工具绘制一个导航条，并在上面输入文字。 6）回到场景1，新建图层7，在第20帧插入空白关键帧，将导航条元件拖放到舞台上方，如右图。 在第35帧插入关键帧，将导航条向下移动到舞台。如图所示。创建第20到第35帧的补间动画。锁定该层。 7）新建图层8，改名为“标题”。在第20帧插入关键帧，在舞台左上角输入文字“My World”，文字属性设置如图 8）点击【插入】→【新建元件】，命名为“女孩”，影片剪辑类型。点击确定进入该元件的编辑窗口，使用椭圆工具和直线工具绘制一个阴井的图形，如图所示。 将该图形转换为图形元件，在第22、70、85帧分别插入关键帧，将第1和第85帧中的图形缩小，创建第1到第22，第70到第85帧的动作补间，完成阴井由小变大，再变小的过程。 9）新建图层2，第24帧插入关键帧，从打开的外部库中将位图Media 13拖放到舞台上，位于阴井上方，将该图片转换为图形元件。在第65帧插入关键帧，并将第24帧的元件向下移动，制作动作补间。完成女孩由井下上升到地面的效果。 10）新建图层3，第24帧插入关键帧，在井的上方绘制一个任意颜色的形状块，使他刚好能遮盖住女孩图形。图层3转换为遮罩层，图层2为被遮罩层。 11）新建图层4，在第85帧插入关键帧，在女孩嘴边绘制一个如图所示的红色圆球，作为泡泡糖。将该图形转换为影片剪辑类型的元件，命名为“泡泡”。双击进入“泡泡的编辑窗口。 12）将图层1的泡泡图形再次选中，转换为图形元件。在第150帧插入关键帧，将第1帧中的泡泡压缩变小，创建第1到第150帧的动作补间，完成泡泡由小变大的过程。第154帧插入空白关键帧。 12）将图层1的泡泡图形再次选中，转换为图形元件。在第150帧插入关键帧，将第1帧中的泡泡压缩变小，创建第1到第150帧的动作补间，完成泡泡由小变大的过程。第154帧插入空白关键帧。 13）新建图层2，第150帧插入空白关键帧，绘制一个如图所示的多角星形并转换为图形元件。 第155和160帧分别插入关键帧，将第155帧中的图形放大，创建第150到第155，第155到第160的动作补间，完成多角星形由小变大，