Dreamweaver | Flash | Photoshop | Fireworks | Asp | Asp.net | Css/HTML | 矢量教程 | Access | Sql Server
网页设计视频教程

你的位置:首页>>Flash MX动画乐园>>网络骑士(4)

网络骑士(4)

发表时间:2006-9-2 下午 10:52:37浏览次数:

(31) 下面我们开始做封面翻动的动画。首先按F5键在“封底”图层的第147处插入普通帧将其延长并将所有图层显示。新建一个图层,命名为“封面”。在该层的第61帧处插入关键帧,从Library面板中拖动“封面2”符号到舞台中,使其与封底组成完整的一本书,如图4-31所示。

图4-31 新建“封面”图层

(32) 单击“封面2”符号,按下Q键启用变换工具,然后拖动变换框的中心到封面的左侧,这样当对封面进行变换时将基于封面左侧,如图4-32所示。

图4-32 调整“封面2”符号的变换中心

(33) 在“封面”图层的第71帧处插入关键帧,参照图4-33所示通过变换框对封面的形状进行变形,使封面翻开一段距离。

图4-33 对封面的形状进行变形

(34) 在“封面”图层的第81帧处插入关键帧,参照图4-34所示继续对封面的形状进行变形,使封面再翻开一些。

图4-34 使封面再翻开一些

(35) 在“封面”图层的第91帧处插入关键帧,参照图4-35所示继续对封面的形状进行变形,使封面再翻开一些,几乎垂直。然后分别在第61帧、第71帧和第81帧上单击鼠标右键,在弹出的快捷菜单中选择Create Motion Tween命令添加运动变形动画,此时按Enter键将会看到封面慢慢翻开。

图4-35 继续对封面进行变换

(36) 下面制作封面继续向左翻动的动画。新建一个图层,命名为“封面2”,在该层的第92帧处插入关键帧,然后单击“封面”层第91帧中的“封面2”符号,按下Ctrl+C组合键对其进行复制,再单击“封面2”层的第92帧,按下Ctrl+Shift+V组合键将复制的“封面2”符号按原位置粘贴到“封面2”层的第92帧处,看起来和图4-35类似。

(37) 单击“封面2”图层的“封面2”符号,打开Properties面板,在其中单击Swap按钮打开Swap Symbol对话框,如图4-37所示。在该对话框中选择“封面1”符号,单击OK按钮将“封面2”符号替换为“封面1”符号。

图4-36 替换符号

(38) 符号替换完成后使用变换工具对其进行调整,如图4-37所示,使封面接近于垂直状态,注意,本步聚是偏向于书脊的左侧。

图4-37 使封面偏向于书脊的左侧

(39) 在“封面2”层的第102帧处插入关键帧,使用变换工具对“封面1”符号进行调整,如图4-38所示,使封面继续向左偏移。

(40) 接下来分别在第112帧、第122帧和第132帧处插入关键帧,使用变换工具对“封面1”符号进行调整,使其逐渐向左偏移,直到封面完全展开,如图4-39所示。然后依次在第92帧、第102帧、第112帧和第122帧处设置运动变行动画。到此为止封面的动画完成了。

图4-38 使封面继续向左偏移

图4-39 封面完全展开

(41) 在层控制区隐藏“封面”图层和“封面2”图层,单击“雷声”图层,再单击

按钮在“封面”图层和“雷声”图层之间新建一个图层,将其命名为“衬页”。在该图层的第61帧创建关键帧,选择矩形工具在舞台中绘制一个与书相同大小的矩形并将其轮廓删除,然后展开Color Mixer面板,在其中设置其填充色为R:228、G:202、B:167,Alpha为30,使衬页透明,如图4-40所示。

图4-40 绘制衬页

网站建设服务 - 友情链接 - 意见建议 - 联系站长 - 论坛 - 网站导航
Copyright 2006-2007 zznj.com Inc. All Rights Reserved
Emai:skyzznj@126.com