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

你的位置:首页>>Flash MX动画乐园>>开 始 制 作(4)

开 始 制 作(4)

发表时间:2006-9-2 下午 11:11:48浏览次数:

(31) 在“建筑”符号中新建一个图层,参照图10-62所示在该图层中绘制风车上的风叶,并将风叶转换为符号,然后在第15帧创建关键帧,将风叶顺时针旋转90°,也就是两个风叶的夹角,在第1帧添加运动动画变形完成“建筑”符号的制作。

图10-62 绘制风车上的风叶

(32) 对“海面”符号进行复制,更名为“天空”,参照图10-63所示对“天空”符号进行修改,将多余的部分删除。

图10-63 “天空”符号

(33) 返回到场景中新建图层6,将该层放到图层4的下面。在第240帧创建关键帧,将“天空”符号拖动到场景中,参照图10-64所示调整其大小,然后在第336帧处创建关键帧,将符号放大,如图10-65所示。在第240帧添加运动变形动画。

图10-64 第240帧 图10-65 第336帧

(34) 在图层4的第240帧创建关键帧,将“建筑”符号拖动到场景中,参照图10-66所示调整其大小和位置,然后在第336帧处创建关键帧,将符号放大,如图10-67所示。在第336帧添加运动变形动画。

图10-66 第240帧 图10-67 第336帧

(35) 在图层4和图层6的第245帧、第331帧创建关键帧,然后单击第240帧处“建筑”符号,在Propertines面板的Color列表框中选择Tint选项,在右侧的色样框中选择白色,将该符号设置为白色,参照此方法将第240帧和第336帧中的“天空”符号以及第336帧中的“建筑”符号均设置为白色,创建淡入淡出效果。

(36) 下面开始绘制第3个镜头,在这里要看读者的绘画功底了,下面图10-68所示为整个室内场景的绘制步骤,注意在绘制前要新建一个电影夹符号,在符号中进行绘制,并且绘制的每一组物体都是一个独立的图层。

步骤1:由2个矩形组成的墙壁 步骤2:由6个矩形组成的桌子

步骤3:由矩形组成的窗户 步骤4:由矩形、圆形和多边形组成的壁挂

步骤5:由矩形和圆形组成的电脑 步骤6:用“钢笔”工具绘制人物

步骤7:用矩形和钢笔工具绘制台灯 步骤8:用钢笔工具绘制植物

图10-68 绘制整个室内场景

(37) 下面绘制电脑屏幕中的QQ面板,新建一个电影夹符号,命名为QQ,参照图10-69所示首先使用矩形工具绘制面板框架,然后新建图层导入头像图片,并将图片转换为矢量图,按顺序排列在面板中。

图10-69 绘制QQ面板

(38) 在图层2的第4帧和第7帧创建关键帧单击第4帧,参照图10-70所示,将“我的好友”标签左侧的头像删除,再将面板中的女主人公的头像向左上方移动一些,此时选择Control→Test Scene命令对当前场景测试,会看到女主人公的头像在闪烁的。

图10-70 制作QQ面板上的动画

(39) 新建一个电影夹符号,命名为“消息框”,参照绘制QQ面板的方法绘制QQ消息框。再新建图层,参照图10-71所示在消息框内输入一段文字,然后在第11帧、第22帧、第32帧、第43帧、第53帧、第64帧和第77帧创建关键帧,在第90帧创建普通帧,接下来按照字数由少到多的顺序对每个关键帧中的文字进行编辑,创建打字动画效果。

图10-71 制作“消息框”动画

(40) 选择电脑,按下F8键将其转换为电影夹符号,命名为“电脑”。双击“电脑”符号进入编辑状态,将第1帧延长至32帧,新建图层2,将一些桌面图标导入到该图层中,再将QQ面板也拖放到该层中。使用变换工具调整其形状使其与显示器的透视角度相适配,如图10-72所示。然后再建图层3,将“消息框”拖放到该图层中,对其形状调整后,将第1帧延长至27帧。此时测试场景动画,可以看到“消息框”时隐时现,像是在发送消息。

图10-72 制作发送消息动画

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