教你用Flash制作幻影文字效果

所属分类: 媒体动画 / Flash教程 阅读数: 47
收藏 0 赞 0 分享

在很多字幕中,经常使用到“幻影”文字效果。今天本教程就教大家利用Flash制作幻影文字效果,该效果的实现方法不是很难,主要就是运用了复制语句和几个基本的电影剪辑属性以及一些简单的程序,再加上颜色对比度的使用技巧即可实现。 推荐给大家,希望对大家有所帮助!

教程如下:

1.新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为600px x 240px,背景为黑色,帧速率12fps。帧速率可以做适当调整。

2.按快捷键Ctrl+F8新建一个名为“文字”的图形元件。点选“工具”面板中的“文本”工具,在该元件的场景中拉一个静态文本框,并输入“柳叶制作”四个字。点选输好的文字,如图1所示设置其“属性”面板。

图1

3.按快捷键Ctrl+F8新建一个名为“文字影片”的影片剪辑元件。按快捷键Ctrl+L打开“库”面板,把“库”中的“文字”图形元件拖入“文字影片”元件的场景中。“文字影片”元件层与帧的结构如图2所示,只有一个“文字”层,共215帧。图2中的“变形”面板中的参数为第35帧中“文字影片”元件的设置参数。右键单击“文字”层的第1帧,在弹出菜单中选择“创建补间动画”命令创建补间动画。

提示:如果有多帧需要创建为补间动画,可先创建“补间”,再创建帧,这是一种“偷懒“的做法,但在“补间”中有多帧的情况下却是“一劳永逸”的。

图2

4.点选“文字”层的第15、35、50、90、150、215帧,按F6键插入关键帧。点选第15、35、50、90、150帧中“文字影片”元件,将它们进行移动,并按快捷键Ctrl+T打开“变形“面板改变其角度,见图2所示。其目的是让该元件能够进行上下左右晃动。

5.按快捷键Ctrl+F8新建一个名为“文字颜色”的影片剪辑元件。双击“图层 1”改名为“颜色”,如图3所示。按快捷键Ctrl+L打开“库”面板,把“库”中的“文字影片”元件拖入“颜色”层的场景中。

图3

6.右键单击“颜色”层的第1帧,在弹出菜单中选择“创建补间动画”命令创建补间动画。点选“颜色”层的第20、40、60、80、100帧,按F6键插入关键帧。

7.分别点选第20、40、60、80帧中的“文字影片”元件,如图4所示设置“属性”面板。选择“颜色”下拉菜单中的“色调”选项,文字的颜色分别为#FF0000、#00FF00、#0000FF、#FFFF00。

提示:改变元件颜色的时候,尽量不使用形状渐变,还是在“颜色”下拉菜单中改变其色调即可,这样可减小文件的体积。另外,最后1帧要和第1帧的设置相同,这样可以保证影片播放的流畅。

图4

8.回到“场景 1”,如图5所示建立“脚本”、“文字”两层,各4帧。把电影剪辑“文字颜色”元件从“库”面板中拖拽到“文字”层的场景中。

图5

9.点选“场景 1”中的“文字影片”元件,给它起个实例名称“text0”。如图6所示。

图6

10.分别点选“脚本”层中的第2、3、4帧按F7键插入空白关键帧。按F9键打开“动作”面板,分别输入如下代码:

第1帧中的代码如下:


复制代码
代码如下:
// 降低图像质量,提高播放速度
toggleHighQuality();
// 控制实例的复制数量
maxlight = 25;
// 控制被复制实例的位移量
speed = 0.06;
dt = 0.5;
// 隐藏实例
text0._visible = 0;

2.第2帧中的代码如下:


复制代码
代码如下:
// 控制实例深度
i = 1;
while (i<=maxlight) {
// 复制实例
duplicateMovieClip("text0", "text" add i, i);
// 对实例进行缩放
this["text" add (i-1)]._xscale += i*0.2
this["text" add i]._yscale += i*0.2;
// 设置实例的透明度
this["text" add i]._alpha = 10 - i*0.2;
// 变量i自加,相当于“i = i+1;”
i++;
}

3.第3帧中的代码如下:


复制代码
代码如下:
// 使实例发生位移
dt = dt - speed;
if ( dt>0.5 or dt<-0.5) {
speed = -speed;
}
i = 1;
// 改变实例的位置
while (i<=maxlight) {
this["text" add i]._x = this["text" add (i-1)]._x += i*dt;
this["text" add i]._y = this["text" add (i-1)]._y += i*dt/10;
i++;
}

4.第4帧中的代码如下:


复制代码
代码如下:
// 返回第3帧并运行
gotoAndPlay(3);

好了,代码和整个效果到这里就完成了。以上就是用Flash制作幻影文字效果过程,希望对大家有所帮助!

更多精彩内容其他人还在看

Flash cs3绘制人物高级行走动画教程

本教程向大家介绍Flash cs3绘制人物高级行走动画效果,教程难度不是很大,绘制方法及过程介绍的也非常详细,教程很实用,转发过来,希望大家喜欢
收藏 0 赞 0 分享

Flash CS4来制作漂亮的气泡动画教程

本教程向脚本之家的朋友介绍用Flash CS4来制作漂亮的气泡动画,制作出来气泡真的很好看,制作效果是采用代码形式实现,觉得很不错,转发过来,感兴趣的朋友可以一起来学习
收藏 0 赞 0 分享

flash基础教程:帧、关键帧、空白帧概念及区别介绍

动画的产生是帧来实现的,那什么是帧?帧、关键帧和空白帧之间又有什么区别?本文就为大家介绍一下三者之间的关系
收藏 0 赞 0 分享

Flash教程:动画背景的绘制方法之透视篇(给新手)

Flash动画在网络上的广泛传播,已经成为上网一族喜闻乐见的一种艺术形式。动画背景的绘制方法有很多,也有很多表现方法。这里将结合透视学的基础知识向大家简单的介绍一下动画背景的绘制。
收藏 0 赞 0 分享

Flash AS入门教程:Flash AS3.0制作有年份有日期的时钟

本教程是向大家介绍利用Flash AS3.0制作有年份有日期的时钟,虽然制作时钟老套了点,但它确可以较全面地应用到时间日期和间隔等知识,仍不失为较好的入门练习,转发给大家,希望对大家有所帮助
收藏 0 赞 0 分享

Flash相册制作大师具体该如何使用 Flash相册制作大师使用教程

在本文中我们将会看到的是Flash相册制作大师的具体使用的方法
收藏 0 赞 0 分享

flash基础教程:混色器面板图文介绍

混色器面板是Flash中用于色彩处理的一个重要面板,熟练地使用该面板,可以帮助用户快速地完成色彩的填充,编辑出色彩丰富的图形。本教程为大家详细介绍一下混色器面板,希望对大家有所帮助
收藏 0 赞 0 分享

25个绝对让你应接不暇的Flash网站创意

在Web设计过程中,运用成熟的Flash技术可以把你任意想到的idea表现到产品页面中。这里为你整理发现了25个绝对让你应接不暇的 Flash网站创意,更好地体现网站的互动应用,同时可以让你大饱眼福,一起来欣赏吧
收藏 0 赞 0 分享

教你用Flash制作非常酷的二进制时钟动画

今天在这个教程中我们将学习用Flash做一个不同寻常的,但非常酷的时钟:一个二进制时钟,中间用到了代码,但介绍地很详细,相信很值得大家学习
收藏 0 赞 0 分享

Flash动画特效制作技巧:制作超酷的文字炸开动画效果

本教程向大家介绍Flash动画特效制作技巧,本实例是制作文字炸开的动画效果,制作效果非常酷,制作过程也比较简单,喜欢的朋友可以过来学习一下这种制作方法
收藏 0 赞 0 分享
查看更多