Flash CS4动画实例：制作三维弹球动画效果

Flash CS4动画实例：制作三维弹球动画效果 Flash CS4动画实例:制作三维弹球动画效 果 动唇天地 在本例当中会讲到制作三维弹球的方法,做出上下 跳动的效果;里面会用到渐变变形工具等,这个动画效 果制作非常简单(这里以FlashCS4来讲解). 创作步骤: (1)首先启动FlashCS4软件窗El.然后选择Flash 文件使用鼠标左键点击(ActionScript3.0o如图1所示. *?目?lt.Qt*? 一目…fb?晰t懈,?111' 11…?h?F……日) ?…-'……r ?…H-111…?… ?…?1'篓… .^?f …… … ? 图1 (2)选择"工具栏"中的"填充颜色",在弹出的 对话框中"类型"设置为"放射状",如图2所示.用 户如果不满意中心点渐变的位置,还可以在"工具栏" 中点击,"渐变变形工具"按钮,出现椭圆形框之后,点 击鼠标左键拖动中心的小圆形就可以了,如图3所示. 图2 图3 (3)在"图层"面板中单击"新建图层"按钮,图 层取名为"图层2",如图4在画布中选中球体,单击鼠 标右键,选择复制.然后使用鼠标左键单击"图层1" 锁定按钮,在"图层"面板中选中"图层2",如图5所示. 把鼠标指针拖动到画布当中点击鼠标右键选择"粘贴到 当前位置",如图6所示.然后把球体分开,如图7所示. 图5 罄羁暖j 磐素;i' 粘贴哩) _稠坤l_? 蕊 黧l摭 标尺哩) 网格) 辅助线哩) 贴紧喧) 立档属性嗵) 文件信息 图6 簟112期2009年10月:j 轻 松 攀 电 脯 BI爆电脑拿习新革命 轻 松 掌 电 脯 图7 (4)在"工具栏"中选择"任意变形工具"按钮, 在场景中选择"图层2"的球体,把它缩小.如图8所示. 在"图层"面板中调换"图层1"和"图层2"的位置, 这样下面的阴影才会到球体的后面去.然后把阴影拖动 到球体的下面去,如图9所示. 图8 图9 (5)在"图层"面板中,单击锁定按钮,解除"图 层1"的锁定,然后选择"图层1"把球体向上拖动一 点,让它弹起来.如图10所示.在"工具栏"中选择 "任意变形工具"按钮,在场景中点击"图层2"的阴影, 按住"Alt"键把它放大,如图l1所示. (【舞112111]2009年10月 图11 (6)选择"时间轴"面板,分别在"图层1"和 "图层2"第20帧的位置上,单击鼠标右键选择"插人 帧"和"插入关键帧",如图12所示.在第20帧的位 置,选择场景中的球体,把它拖动到阴影那里去.如图 l3所示. 创建补间动画 l创建补间形状 l创建传统补间 l插^帧 删除帧 ?圆匿盈??—?—一 l插入空白关键帧 l灌陈关键帧 转换为关键帧 转换为空白关建帧 l剪切帧 复制帧 }.强 ;涪除帖 选择所有帧 篡制0 ?鞠I鬟^一Ii0 拣瑟 点嚣兰挂? 糍il酾 { 动作 图12 蛔 动苜天地 图13 (7)在"时间轴"面板里选中"图层1",选择"窗 口"I''属性"菜单命令,在第1帧和20帧中间任意的 一 个位置单击鼠标右键,选择"创建补间形状",如图 l4所示.用户自己可以在"时间轴"面板中拖动鼠标所 示的红色小指针,如图15所示.来回拖动,看看是否 球体是向下落的. 删除补间{ __I l…… :==:……一一……一一一,……{ l插入帧l 删除帧l 插入关键帧 插入空白关键帧 嚣舔?嚣麓 转换为关键幢 转换为空白关键帧 剪切帧 复制帧 辅曦虢 涪除帧 选择所有帧 复制动画 将动画复制为Aetio~criDt30 穗静薅 置撼t蠢爱西 翟浮麓 露翻 动作 "舞蕊嚣i?__ II. 羹 图15 (8)使用鼠标左键单击场景中的阴影,在"时间轴" 面板中单击第20帧的位置.然后在"工具栏"中选择"任 意变形工具"按钮,把阴影缩小.如图16所示.让球 体落下来的时候,阴影也跟着变小了. 图16 (9)同样选择"图层"面板中的,"图层2"在"时 间轴"面板中第1帧和第20帧中间任意一个位置上单 击鼠标右键选择"创建补间形状".如图17所示.然后 点击"Enter"键测试一下. }创建朴间动画 —蟹盛翻圈?—?—?l l创建信统补间 ;插A帧 删除帧 ?…一一^ l插^关键帧 ; 插人空白关建帧 ;蠢装 l转换为关键帧 j转换为空白关键帧 ….. l剪切帧 l复制帧 j丧耱 l涪除帧 l选择所有帧I——————一—……,一————…一……——…——一,— ————————————— ;墅i藤 i+gq毒,?:O 绱冁溪 l霉?}警端酝=露l 黧赫橱 麓一薯 }动作 图17 提示琵燃 侵.毒——0——?勰蝴???%??????*燃$瓣r (10)当球体落下来之后,球体有一个压扁的动作. 选择"时问轴"面板中"图层1"的第90帧的位置上单 击鼠标右键,选择"插入关键帧.""图层2"也是同样 第112期2009年lo月 轻 松 擎 电 脯 轻 松 掌 电 脑 EasyComputing 的做法.选择"图层2",在第80帧和第90帧的中间任 意一个位置,单击鼠标右键选择"创建补间形状".如 图18所示. ??蓠怒笺罴 嗣 . 爨1 图18 . ?一一—— 提示装"动作'使用快捷.誊 t|瞄 (11)在"图层"面板中选中"图层1",在"时间轴" 面板中选择第90帧的位置,然后在"工具栏"中选择"任 意变形工具"按钮,点击球体,把球体压扁一点,如图 19所示.再次选择"时间轴"面板中第80帧和第90帧 中间任意一个位置,使用鼠标右键单击选择"创建补间 形状",如图20所示.这样小球就有了以个压扁的动作了. 图19 撼8鬟9…,.纂-l一番its: l?t ?{lE,, ,1.. lI创建补间动画 创建传统补间 插入帧 删除帧 图2O (12)选择"图层1"在"时间轴"的面板当中第 80帧的位置上单击鼠标右键,选择"复制帧",如图21 q6lJ112H]2009x'V10~ 所示.然后在第100帧的位置上点击鼠标右键选择"粘 贴帧".如图22所示.在"图层2"的位置上也是同样 的做法.跟着也在"图层1"和"图层2"第90帧和第 100帧中间任意一个位置,单击鼠标右键选择"创建补 间形状".这样球体就会有一个弹起的动作了.如图23 所示. 图21 嚣l隔叠蠲一ll一瞄it{ii; 删除补间 霸l纂l}{ 瓣瀑舞:嚣嗣 插人帧 删除帧 柿^芒谴帖 插^空白关键帧 清除关键帧 转换为关键帧 转换为空白关键帧 剪切帧 复制帧 图22 图23 (13)再次选择"图层"面板中的"图层1",和上 一 级操是一样的,在"时间轴"面板中选择第1帧的 位置,单击鼠标右键选择"复制帧",然后在第150帧 的位置单击鼠标右键选择"粘贴帧","图层2也是同样 的做法,这样球体就可以向上弹起来了.如图24所示. 然后测试一下效果,如图25所示. 140145 图24 图25 (14)在舞台场景当中选中"图层2"的阴影,然 后在右边的颜色面板中把透明度调整一下,让它的颜色 变浅一点,这样看起来会更有对比质感.如图26所示. 动画天地 最终效果如图27所示. 图27 文/刘倩 窗口fW1 直接复制窗口(F)Ctrl+Alt+K 工具栏(0) 主工具栏fM) 控制器(0) 编辑栏fE1 时间轴(J)Ctrl+Alt+T 工具(K)Ctrl+F2 属性(P)Ctrl+F3 库(L)Ctrl+L,F11 公用库) 第112期2009年10Bf7 轻 松 孥 电 脑 瓤