“图形元件”好比“群众演员”,构成了动画剧演出群体的基础,“按钮元件”是“特殊演员”,它的存在使观众与“舞台”更贴近了,那么“影片剪辑元件”到底有何能耐,在动画舞台独领风骚,成为无可替代的“主角”呢? 学习目的 u 通过mc制作仿三维空间
u 跳转并播放的帧语句应用 u 创建光影效果 范例简介 这个范例通过7排小球,依照三维透视原理排列,错落有致地上下波动,小球接触地面时还荡出几圈波纹,较好地营造了一种三维空间感。
如图4-5-1所示是范例效果。
图4-5-1 仿三维空间效果 制作步骤 本例的特点是简洁巧妙,没用一行代码,动画元素极少,构思相当灵巧,图4-5-2是本例的“图层布局”。
图4-5-2 主场景中的图层结构 其中从【MC1】至【MC7】的图层内容就是7排小球,它们在“舞台”中按一定规律从左到右排列,它们的出现各延迟了6帧,造成“错落有致”的效果。
下面叙述一下实例的制作方法。 (1)创建影片文档 执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】选项后,点击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为550×250像素,【背景色】为黑色,帧频为24帧 单击【确定】按钮。为了让我们在制作的时候能看清,我们先设为墨绿色。 (2)创建元件 水波的制作:见图,画一个70×70的正圆。混色器选择放射状。左边的色块为000000,透明度为0 ,中间的色块是ffffff,也就是白色,透明度为100。右边的色块为000000,透明度为0。如下图
小球的制作:在第一帧上按住shift键画一个30×30的正圆。填充为左白右黑的渐变。第二帧按f6插入关键帧。并在第一帧上输入帧语句stop();命令。 完成后的效果如图4-5-3所示。
图4-5-3 绘制的图形元件效果 步骤2 创建“基础MC”
“基础MC”所要实现的效果是,小球掉到地面产生水波,然后弹起的动画过程。下面,我们就来实现这一过程。 新建名为“基础MC”的影片元件,插入两个新图层,从下往上将图层分别重新命名为“倒影”、“波纹”和“小球”。 从【库】面板中,将“小球”图形元件分别拖放到【倒影】图层和【小球】图层的第一帧,对齐中心后,倒影图层的第一帧小球在十字花中心的正下方5个网格。 注意: 小球图层的第一帧也在对齐场景后,将小球移动到十字花中心的正上方5个网格 调整两个图层中实例的位置后,并将【倒影】图层中小球实例的【亮度】修改为“-71%”。 在两个图层的第20帧插入关键帧,分别调整该帧上实例位置,。将倒影和小球刚好从上下碰撞的位置。倒影球和小球刚好上下并拢。倒影的球上部对准十字花,小球的下部对准十字花,并创建动作补间动画。简易值为-100 在两个图层的第50帧和第70帧插入关键帧 在70帧的关键帧上。将倒影和小球的上下部分别对准十字花。也就是回到第一帧的效果 调整它们的位置后,创建第50帧到第70帧的动作补间动画。简易值为100 在【水波】第21帧插入空白关键帧,将水波图形元件拖放到两个小球的中间,宽高设为32×9并调整实例倾斜度,使之具有透视效果。并对齐场景中心。在第43帧插入关键帧,将该帧上的实例放大,也用任意变形工具左右拉大椭,宽高为280.80,并打开属性面板,将实例【Alpha】值修改为“0%”。回到21帧建立补间动画,简易值设为100 并在时间轴的倒影图层的第70帧输入语句:
gotoAndPlay(1);
图4-5-4 “基础MC”图层结构及第21帧效果 步骤3 创建“MC合成1”元件 执行【插入】|【新建元件】命令,新建一个影片元件,名称为“mc合成1”
新建3个图层,在它的4个图层中,分别放置着4个“基础MC”, 在最上的图层4的第12帧按f7插入空白关键帧。打开库面板。将基础mc拖进场景,打开变形面板,约束打勾。缩放比例为50%。对齐中心。在25帧按f5插入普通帧 在图层3的第16帧按f7插入空白关键帧。打开库面板。将基础mc拖进场景距离图层4的mc向右偏上的位置上,打开变形面板,约束打勾。缩放比例为38%。在25帧按f5插入普通帧。 在图层2的第20帧按f7插入空白关键帧。打开库面板。将基础mc拖进场景距离图层3的mc向右偏上的位置上,打开变形面板,约束打勾。缩放比例为28%。在25帧按f5插入普通帧 在图层1的第25帧按f7插入空白关键帧。打开库面板。将基础mc拖进场景距离图层2的mc向右偏上的位置上,打开变形面板,约束打勾。缩放比例为21%。在25帧按f5插入普通帧 【MC合成1】的内部如图4-5-3所示。
图4-5-5 “合成1 MC”内部图层结构 从图4-5-5的【时间轴】及舞台内容看,其实并不复杂,两个【小球】和【倒影】图层中的对象都是小球实例,不过下面一个小球有一定透明度,模仿“影子”效果,运动方向相反,而【波纹】图层就是“波纹”效果的“动作变形”。
注意:这个MC时间轴的最后一帧要定义一个停止stop(;)动作,这样避免MC重复播放。 (3)布局场景 步骤1 单击【时间轴】顶上的【主舞台】标签按钮,返回【场景】, 添加1个图层。由下到上分别给图层起名为:天光,界面。 天光图层制作:在天光图层上部画一个正圆。放射填充。3个色块都为蓝色。0A0AFE,右边把透明度设为0,在下部画一个550×200的矩形。下对齐。水平中齐。填充选择黑色 在界面图层的第一帧,将库中的光影图形元件拖进场景下半部。第一个设为底对齐和水平中齐。再逐步排列成右边7个光线放射的状态。使用任意变形工具变换角度。可以复制右边的三个粘贴到左边。然后水平翻转。效果如下图: 锁定这两个图层。 步骤2 创建mc图层:
在图层1上添加7个图层,由上到下分别重命名为:Mc1 mc2 mc3 mc4 mc5 mc6 mc7。 在mc2图层的第7帧按f7插入空白关键帧 在mc3图层的第13帧按f7插入空白关键帧, 在mc4图层的第19帧按f7插入空白关键帧, 在mc5图层的第25帧按f7插入空白关键帧, 在mc6图层的第31帧按f7插入空白关键帧, 在mc7图层的第36帧按f7插入空白关键帧, 步骤3 选中mc1图层的第一帧,将库中mc合成1拖放到场景下部那7个天光线条的左边第一个。然后双击此影片剪辑,进入mc元件的编辑状态。对每层的基础mc进行对齐。十字花一定要对准光影线条。图层4放在光影线条的底部。其它的逐步向内排列。并在36帧按f5插入普通帧 如下图所示:
打开库面板,右键点mc合成1,选择重制,名称改为mc合成2,反复重复此重制,复制出6个mc来。名称分别是mc合成3 mc合成4 mc合成5 mc合成6 mc合成7
步骤4 其它6个mc合成组合场景方法同步骤3。在此就不一一说明。 最后在mc7图层的第36帧上输入帧语句:stop(); 这样我们对7个“基础MC”实例摆放了不同的位置,并用绘图工具绘制界面和天光。 场景摆放位置顶图4-5-2主场景中的图层结构 所示。 整个实例效果请参阅源文件“三维空间.fla”。
|
|