Flash制作跳动的文字镜像效果

此实例实现的是制作一个跳动的文字镜像效果。效果实现主要有两个方面,一是通过延迟不同元件的动画开播时间,实现了文字的先后运动。二是通过对中间帧动画变速调整,实现了跳动的弹性效果。而效果的主要制作步骤也是有两个,一是制作字符模板,二即是制作具体效果。难点在于元件转换、元件替换、中间帧动画调速和简单的播放控制。最终播放效果如图1所示,要实现这一效果,具体制作过程如下

图1 最终效果

一.制作字符模板

1.新建一个电影,在属性面板中设置其尺寸为550pxX400px,选择一种颜色(本例为#FFCCFF)作为背景色。

2.单击或直接按R键从工具箱中选择矩形工具 。将边框色设定为无,填充色设定为#FF99CC,用Rectangle(矩形)工具在舞台上画一个大矩形,盖住舞台的下半部分,效果如图2所示。

图2 在舞台上绘制的矩形

3.单击或直接按T键从工具箱中选取文本工具 ,并在属性面板中。将字体设定为黑体,字体大小设为96,颜色为#FF99CC,在舞台上写一个“X”大写字母,这个“X”将会被作为所有文字的模板,效果如图3所示:

图3 制作的“X”文字模板

4.选中字符“X”,选择“插入/转换为元件”菜单命令或直接按F8,将弹出 “转化为元件”对话框。将“行为”设置为“图形”并在“名称”文本框中为其命名为“char_tpl”,单击确定将字符“X”转化为图形元件“char_tpl”。选中刚转化成图形元件“char_tpl” 的字符X,再次打开“转化为元件”对话框。这一回,将“行为”改为“影片剪辑”,并为其重新命名为“m_char_tpl”,将“图形”元件“char_tpl”转化为“影片剪辑”元件“m_char_tpl。”双击影片剪辑元件“m_char_tpl”的字符X,进入元件编辑模式。选中舞台上的字符“X”,然后选择“窗口/信息”菜单命令或直接按Ctrl+I,打开“信息”面板。接着把其上的Y值(也就是字符X的纵坐标值)改为50,如图4所示。

图4 设置信息面板

5.选中时间线上的第20帧,选择“插入/关键帧”菜单命令或直接按F6,插入一个关键帧。接着在第40帧处,用同样的操作插入另一个关键帧,如图1-30所示。单击时间线上的第20帧,将“信息”面板上的Y值改为-70,这将使文字X上移70个单位。单击时间线上的第1帧,在“属性”面板上将“补间”动画类型选项改为无能无力渐变,加速方式设为100,即慢慢减速。单击时间线上的第40帧,选择“窗口/动作“菜单命令或直接按F9,打开Actions(动作)面板后,在面板中输入以下程序语句:

gotoAndPlay(_currentframe-40);

此ActionScript脚本使影片剪辑“m_char_tpl”元件重新回到第1帧开始播放。这么做可以使落体运动显得更加真实,同时,_currentframe语句的使用,也减少了后面制作中可能会遇到的阻力,此时影片剪辑“m_char_tpl”的时间轴状态如图5所示:

图5 “m_char_tpl”的时间轴窗口

6.回到主场景。将舞台上的X删掉后,这样字符模板就制作完成了。

时间: 2024-11-17 07:45:28

Flash制作跳动的文字镜像效果的相关文章

Flash实现扫描显示文字的效果

本例主要通过几个简单的运动中间帧动画与镂空的文字块来实现扫描显示文字的效果.至于本例的设计思路,可以先参看图1所示的影片图层结构图. 图1 影片图层结构图 1.图中所标示的数字1.2.3.4分别代表了三个图层和舞台本身.也就是说,需要建立用来放置不同对象的三个图层. a)顶层扫描线层:用以放置最右边的首条扫描线. b)镂空文字层:用以放置写有镂空文字的图块. c)扫描线层:用以放置从文字上经过的扫描线. d)底层(舞台):也就是背景. 2. 利用Flash图形层叠覆盖的特性来制作镂空文字色块的方

Flash制作描边立体文字

描边立体文字制作,主要方法是利用图形线条描边产生描边文字再位移成立体感描边文字,最终效果如图1-1所示. 图1-1 描边立体文字 (1)在制作描边立体字之前,我们先要学会如果制作Flash描边文字.使用菜单"文件/新建"新建一个空白文档.在工具箱选用 铅笔工具,在舞台上输入"Flash"四个字,并把属性设置为"ArialBlack",字体为96像素,颜色为"#FFFFCC". 把文字打散,再新建四个图层分别把文字原样复制到四个

PS制作星空阵列文字风效果

  这是一篇效果十分漂亮的photoshop文字特效教程,主要为大家介绍在PS中使用各种滤镜和调整工具制作一款在星空中的阵列文字风效果文字.教程难度不大,制作出来的文字效果还挺漂亮的,先来看看最终的效果图吧! 1.新建画布,填充黑色,用画笔工具在底色上面添加一些点点,制造星空效果,看上去梦幻均匀即可,如果嫌麻烦,可以找一些梦幻背景素材. 2.用文字工具输入文字,选中文字图层右击--栅格化文字--如下图 3.利用选区工具画出方格子,再利用对齐工具--使其排列均匀--如下图 4.将方格子图层都合并为

Flash制作文本框滚动缓冲效果

文本框 效果如下: 今天写了这个效果的代码用在主页的diary里觉得以前用scroll对象来控制文本框,滚动起来比较生硬 其中drag为滚动条名字block为文本框b_up,b_down为上下滚动按钮 主要方法是用block始终跟随drag的位置变化而滚动而b_up,b_down还有鼠标滚轮都是直接控制drag的位置变化的,从而间接控制文本框的滚动 // JTL // http://www.hartech.cn // e-mail: jtl.zheng@gmail.com //初始化函数 fun

flash制作可爱吹泡泡动画效果

简介:本例介绍使用Flash制作一个有趣的"小丑吹泡泡"动画,主要运用了椭圆.直线工具,以及任意变形和渐变填充等方法,操作简洁易懂,适合新手学习. 制作步骤: 1.新建一个Flash文档,Ctrl+F8新建一个元件,命名为"boy".选择椭圆工具,设笔触为黑色,按住Shift键画出一个正圆作为小丑的脸. 图01 2.新建一个图层,命名为"nose",再画一个小椭圆作为鼻子. 图02 3.嘴巴和耳朵都可以都画在鼻子图层上.先用直线工具画出如下两条直

Flash制作逼真的书法动画效果

网上也有不少用毛笔做引导线的动画,小草小时候喜欢中国的书画,长大后当画家的梦想破灭了,但是脑还是带给了我不少新鲜的表现手段!这儿上传一个自己2004年春天作的一个动画,是想用动画来表现毛笔在字上写字的效果.这儿要表现出笔的动作和墨在纸上扩散的效果.力求能通过动画来再现中国笔墨之神韵.(做的不好,请"老闪"们多多指教!) 我们来先看看效果吧! 点击这里下载源文件 1.打开FLASH MX ,新建一个文件,命名为"sheji.fla"并保存文件.在主场景中新建四个图层,

用Flash制作模拟胶片循环播放效果

循环 观看动画效果: 前言: 主要介绍flash中模拟影片循环特效,及如何衔接MC起.始处的连接以达到循环播放的视觉效果. 1.设置文件大小如下图.(这里是根据banner所需大小) 02.新建元件,并在元件里画出做背景的胶片齿卡效果,并转换成mc元件.这里需要注意:各齿卡间距离均匀,避免在播放时出现断点或衔接不齐 03.导图片入库. 04.新建一mc,在mc图层1中插入图片,图层2插入齿卡MC并对齐图层1中的Mc 我建立了3组mc,分别为mc1,2,3(以5张为一组). 05.回到场景里,在第

Flash制作美丽的蜻蜓飞舞效果动画

演示效果: 点击这里下载源文件 制作步骤: 1.新建立一个Flash文档,修改其属性如下图所示: 2.在主场景中把图层1改名为back,这是背景层,我们选择矩形工具绘制一个550*300的矩形正好和舞台重合,在这里要使用混色器面板,设置线性填充效果如下图: 3.之后我们新建一个元件,画一些草,为了让动画效果更好你可以让草也动起来,在这里我制作的是一个静止的图,如下图所示: 4.接下来我们制作蜻蜓动画,蜻蜓动画其实只是蜻蜓的四个翅膀在动,所以我的方法是先建立翅膀静止的元件,然后建立翅膀动的元件,然

Flash制作Mac系统菜单的效果

菜单 首先需要把菜单全部导入,也可以用程序导入到mc.我这里只是写教程,所以只是随便画了个矩形有个效果而已. 不过需要注意的是,必须将单个菜单的坐标对齐到0,0;观看效果: 点击这里下载源文件 // Flash AS代码如下: Stage.align = "TL"; //对其场景为左上角: Stage.scaleMode = "noScale"; //控制动画不自动缩放: function BoxCopy(MacMenuName, step, MenuXW, Max