APP资源网_中文资源在线官网_А天堂中文官网_中文在线APP资源下载网

Photoshop打造神秘蓝光发光文字特效 Flash文字特效系列教程:扫描文字

Flash文字特效系列教程:发泡文字

人气:1引自:APP资源网

本例实现的效果是大小不断变化的文字和泡泡。因为涉及到了大小上的变化,所以在制作过程中,要涉及到影片剪辑的高宽(_x,_y)或缩放比例(_xscale,_yscale)等属性。舞台上将要出现的元件只有文字元件和泡泡元件两大类,因此只需制作两个元件即可。然后,使用动态文本,让一样的文字元件显示不一样的文字。并让各个文字和泡泡以不同的速率自动变化大小。因为每个文字或泡泡的缩放过程除了最终的程度不同和缩放的速率不同,其他的步骤都是一样的,在制作过程中主要使用自定义函数来简化程序代码。最后,在舞台上的每个文字和泡泡的onClipEvent事件中写上相应的程序代码,就完成了所有的制作。发泡文字的最终播放效果如图1所示,要实现这一效果,其操作步骤如下: 图1 最终效果 一.制作泡泡元件 1.新建一个电影,在属性面板中设置其尺寸为550pxX400px,选择一种颜色(本例为#336699)作为背景色。 2.选择“插入/新建元件”菜单命令或直接按Ctrl+F8,打开“创建新元件”对话框。创建一电影剪辑,并为其命名为 “mBuble”。 按Shift+F9打开“混色器”面板,将填充方式改为“放射渐变”并在下面的渐变色条上加上3个白色的渐变指针。把位于两头的2个渐变指针的Alpha值设为0,混色器面板如图1所示。 图2 设定泡泡的填充色 3.从工具箱中选取“椭圆”工具。将边框色设定为无,填充色定为上一步设好的圆形放射渐变后,按着Shift键,在舞台中央画一个正圆,如图3所示。 图3 泡泡 4.返回到主场景,按F11打开“库”面板。然后,从中拖几个mBuble到舞台上创建“泡泡”的多个实例。从工具箱中选取“自由变形”工具。使用这个工具调整舞台上的泡泡大小。然后,再将泡泡们摆摆好,图4所示: 图4 摆好的泡泡 二.制作文字元件 1.选择“插入/新建元件”菜单命令,打开“创建新元件”对话框。创建一“电影剪辑”并为其命名为“mText”,从工具箱中选取文本工具,在舞台上拉出一个长条形文本框,并在里面写上“X”, 图5所示。 图5 文本框 2.按Ctrl+F3打开属性面板,将文本类型改为“动态文本”,字体设为“Times New Roman”,字体大小18,变量名也就是这个动态文本框的名字设为txt,属性面板如图图6所示: 图6 设定动态文本 3.回到主场景,打开Library(库)面板,然后,需要写几个字,就从“库”中拖几个影片剪辑“mText”到舞台上。比如,我们要在舞台上显示“Buble”,那么就要拖5个mText到舞台上,以分别对应Buble中的5个字母,可以根据需要自由设置。从工具箱中选择“任意变形”工具。使用这个工具调整舞台上的文字大小。然后,再将文字们摆摆好,效果如图7所示。 图7 摆放文字 4.下面开始设置具体文字。选中最左边的X,然后选择“窗口/动作”或直接按F9,打开“动作”面板。在面板中输入以下ActionScript脚本: onClipEvent (load){ this.txt = B"; //设置要显示的文字 } onClipEvent (enterFrame) { _root.Resizing(this, 3); //调用自定义函数 } onClipEvent (load) { this.iDirection = 1; //初始化iDirection的值 } 程序详解: 第1行指明了下面花括号中的代码要在影片剪辑的load事件发生时才执行。那么,load事件在什么时候发生呢?回答是当影片剪辑被读入内存,但是还没显示出来之前。第2行代码表示将当前影片剪辑中的txt变量的值设为等号右边的字符(串)。this对象指代的就是当前的影片剪辑,而txt就是我们在前几部中设定的那个动态文本框的名字。所以这第2行的意义对于目前这个影片剪辑来说就是,将当前影片剪辑中的动态文本框txt的值设为字符“B”。 5.参照以上步骤,给另外几个mText元件的实例也添加上面的那段代码。不过,要记得把第2行等号右边的东西改成相应的字符,分另为u、b、l和e。现在可以按Ctrl+Enter,预览一下没有动画时的样子即可看见相应的字母出现。如图8所示: 图8 预览动画 三.添加程序代码 1.将层“图层1“的名字改为main,并插入一新图层,为其改名为“action”,如图9所示。选中层“action”的第1帧,然后按F9打开Action面板,并在面板中输入以下代码。 function Resizing(obj, iStep) { obj._xscale += iStep*obj.iDirection; //设定对象obj在x轴上的缩放比例 obj._yscale = obj._xscale; //设定对象obj在y轴上的缩放比例 obj.iDirection = (obj._xscale>iStep*85 || obj._xscale

专题文集:Flash windows
引用标题:《Photoshop打造神秘蓝光发光文字特效 Flash文字特效系列教程:扫描文字》
来源地址:https://www.xjanfang.cn/news/tpart-26590.html