· 用户注册 · 设为首页 · 加入收藏 · 联系站长 · · ·
 | 网站首页 | 文章中心 | 图片中心 | 影音在线 | 下载中心 | 许愿祝福 | 我要投稿 | 
您现在的位置: 生物小吧 >> 文章中心 >> 网站建设 >> 正文 今天是:
第11课 MC应用范例―仿三维空间效果
作者:佚名    文章来源:不详    点击数:958    更新时间:2010/6/3
         【字体:

第11课 MC应用范例―仿三维空间效果

        素材和源文件素材和源文件下载

  “图形元件”好比“群众演员”,构成了动画剧演出群体的基础,“按钮元件”是“特殊演员”,它的存在使观众与“舞台”更贴近了,那么“影片剪辑元件”到底有何能耐,在动画舞台独领风骚,成为无可替代的“主角”呢?
  
首先,“图形”对象就1帧,“按钮”对象是4帧,而“MC”的长度不受限止,尽管我们的【场景】中可能只有1帧,也不妨碍“MC”中的大千世界。
   再有,
Flash动画的全部优势全能在“MC”中体现,在“MC”中能进行“动画编程”,而且,由于“MC”中可以包含按钮及图形对象,所以“MC”兼有全部动画元件的优势。
   最后,“
MC”中还可以包含“MC”,这就意味着“MC”具有“多重时间轴”特性,这种特性,使最富于想象的动画编导不会受到束缚,可以说:不怕做不到,就怕你想不到!
   创建一个“
MC”也最随意,凡是Flash中的对象它全接受,正因为“MC”具有海纳百川的“肚量”,盖世无双的武功,要做到灵活运用决非易事,经验丰富的人感到得心应手;初学者可能有点无所适从了!关键的一点就是技巧的灵活掌握和经验的不断积累,作为一条捷径,就是借鉴、吸收别人作品中的构思技巧及制作思路。本范例是一个巧妙应用MC创建动画特效的实例,希望能对你有所启示。

学习目的

  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)创建元件
 
步骤1 创建实例所需图形元件
   分别新建名为“光影”、“水波”和“小球”的图形元件,在各自的舞台上,用合适的工具绘制图形,
   光影的制作:画个长条的矩形。宽高为12和140。上面为尖形。线性填充,左边白色ffffff,右边为666666 透明度0

水波的制作:见图,画一个70×70的正圆。混色器选择放射状。左边的色块为,透明度为0 ,中间的色块是ffffff,也就是白色,透明度为100。右边的色块为,透明度为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);
  
   这样可以使MC重复播放。如图4-5-4所示,是“基础MC”图层结构及第21帧效果。

 

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”。

课后练习

鼠标看画:

文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    生物小吧