当前位置:主页   - 电脑 - 图形图像 - Flash
Flash制作跳动的文字镜像效果
来源:网络   作者:来源:网络/责编:编程入门 佚名    更新时间:2010-09-26
收藏此页】    【字号    】    【打印】    【关闭

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

其它资源
来源声明

版权与免责声明
1、本站所发布的文章仅供技术交流参考,本站不主张将其做为决策的依据,浏览者可自愿选择采信与否,本站不对因采信这些信息所产生的任何问题负责。
2、本站部分文章来源于网络,其版权为原权利人所有。由于来源之故,有的文章未能获得作者姓名,署“未知”或“佚名”。对于这些文章,有知悉作者姓名的请告知本站,以便及时署名。如果作者要求删除,我们将予以删除。除此之外本站不再承担其它责任。
3、本站部分文章来源于本站原创,本站拥有所有权利。
4、如对本站发布的信息有异议,请联系我们,经本站确认后,将在三个工作日内做出修改或删除处理。
请参阅权责声明