详细内容
 
当前位置
动画设计星光滑落的flash文字动画
作者:管理员    发布于:2012-07-03 23:43:44    文字:【】【】【

动画设计星光滑落的flash文字动画

动画设计效果预览:

动画设计分为两步:

一.制作一个星光缓慢滑落的效果影片剪辑。

二.用做好的这个星光滑落影片剪辑,做一个遮罩写字的效果。

下面跟我一起来进行动画设计吧:

1首先打开Flash软件,新建一个舞台场景,场景大小我们可以设成800X600像素,帧速我们设为10,如图:

2我们可以事先准备好一个星星的透明图片素材,也可以直接就在flash里面绘制以下,当做一个元件,先放入“库”里面。

3,点击库面板左下方的加号,新建一个影片剪辑元件。如图;

4,点击确定,进入影片剪辑“元件1”的编辑区,

5;我们首先选中图层的第一帧,把库中刚才准备好的星星元件拖入到舞台中,在图层的第50帧处插入一个关键帧,(快捷键是F6) ,选中第50帧,把星星垂直移到一段距离(按主shift键不动并向下拖动元件就是直线移动),移到正下方,作为坠落的距离,然后我们点击左边工具栏中的任意变形工具,就是图标,可看到星星周围多了几个控制点,

6;我们将鼠标移到这些点的附近,鼠标会变成一个旋转提示标示符,点住旋转星星一些角度即可,然后在图层的第1帧与第50帧之间,点击鼠标右键,然后创建补一个间动画,

7;然后可在下方的属性面板中的缓动后面,数值可调成-100(-100是一个从慢到快的补间动画效果。而+100则是从快到慢的补间动画效果),接着我们再选中第1帧。再选中场景中的星星元件,就可以在下面面板看到属性选项,将“颜色”后面选成,Alpha,100%。。。之后按照这样的步骤,选中第50帧,调成Alpha,0%即可(这是一个透明度的变化动画设置)。。现在,一个星星旋转掉落,透明度逐渐变淡的动画,就完成了。。。 但我们需要做的是星星幻影坠落效果,所以我们就要在刚才的第一层补间动画的上面,再加上同样的星星效果,但是坠落的时间长短不同,来达到一个幻影的效果。。所以,我们就要再新建几层,如图面板左下方的第一个加号按钮就是新建图层按钮,

用以上同样的做法

8;然后我们分别选中图层1到图层5,在每个图层的补间动画的属性中,“缓动”的数值可以依次设成-100,-60,-20,20,60,这样来形成各个图层的星星坠落的时间差,达到强化幻影的效果。。。。

9;最后,在最上面再添加一个图层,在第50帧添加一个空白关键帧(快捷键可按F8),打开“动作-帧”AS面板(快捷键可按F9),添加一个AS语句:this.removeMovieClip() 来控制这整个星星动画。

 

至此,星光滑落的效果步骤就算完成了。
10;接下来我们进行第二大步骤的操作。再次点击新建影片剪辑按钮,新建影片剪辑“元件2”,这个时候,可以看到“库”面板中,已经多了一个我们刚刚制作完成的“元件1”的影片剪辑,

这就是我们刚刚制作的星星坠落动画了,把它从库中拖入到新建的元件2影片剪辑场景中,在场景中选中它,然后在下面的属性面板中,将这个影片剪辑的属性名字改成circle_star  ,

11;我们新建一个图层,选中新建图层的第一帧,左边面板选择文本工具A,在场景中打入我们想要的字,例如我打上 flash路上。

12;把文字位置调整好,快捷键按ctrl+B两次,把文字打散,方便后面的操作。下面就很关键了,我们要制作文字的遮罩书写效果。在文字的图层上面,新建一个图层,我们命名图层为“画笔”层。
13;选中左边面板的刷子工具,然后每插入一帧,就画上一点(可按F6,方便操作),按写字的逻辑,一步步的按照“flash路上”这几个字的书写顺序,描完为止。如下图:

 

14;所有的笔画被描玩了之后;在“画笔”这一图层上,右键选择“遮罩层”,在“画笔”与“文字”层之间,创建一个遮罩动画(注意:用来遮罩的图层要放在上面一层,而被遮罩的图层,则是放在下面一层)   ,
           
15;我们再次选中“星星”这一图层,和“画笔”图层的制作方法一样,每插入新一帧,就在场景中调整星星的位置,让它跟着上面图层遮罩效果的书写笔画,笔画动画画到哪里,星星位置就停在哪里。

 

 

16;最后我们再在“画笔”图层上面新建一个图层,选中第一帧,F9打开“动作-帧”面板,加上as代码来控制整个动画运动效果,代码如下:
time=3
_root.star.circle_star._visible = 0;
_root.star.circle_star.i = 1;
_root.star.circle_star.onEnterFrame. = function () {
if (this.i%time == 0) {
  this.duplicateMovieClip ("circle_star"+this.i, this.i);
}
this.i++;
};
还差一小步。点击场景1,回到主场中,把库中刚才制作的星光随文字滑落效果的元件2直接拖到舞台中,鼠标选中它,在下面的属性面板中,将它的名字改为star。

大公告成,测试一下吧,星光滑落的flash文字 效果很不一般哦.........

脚注信息
版权所有 Copyright(C)2008-2015 龙腾动画(北京龙腾创星科技有限公司) 京ICP备16063988号-3       本站关键词:flash动画制作 

 
QQ在线咨询
咨询热线
010-57477990
7*24咨询热线
13701141129