neverDhtmlText –

Flash用户总是对文字效果感兴趣-特别1977年一部电影星球大战的文字效果。这个效果相对比较简单,但有个代价就是播放起来可能比较困难。让我继续制作并经常测试动画确认播放不是那么困难,记住文本要清晰,不要让人们读起来感到头痛。

这一节我们来学习一个简单但却很有视觉感受的效果–冲击波效果。说它简单,是因为它所用到的技术只不过是遮罩的一种最基本的应用。下面我们就来看一下这个效果是如何实现的。

放大缩小容器

Power By never-online, BlueDestiny ,

1.首先输入文本,输入简单点的用粗体字,这样读起来要容易些。你将调整这些文本并让它动起来。它将不停地运动,但重要的是要确保文本易读。选择文本,并打散它,直到它成这矢量图形。

先看看效果图

标题

小容器

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

图片 1

新建一个文件,把背景改为黑色。用文字工具选择白色48号黑体字,写上新闪光时代几个字。选中这几个字,按F8把它们转换成图形类图符,命名为text。按Ctrl-C把转换后的图符实例复制到剪帖板上。在第10帧按F5键,这样这10帧的内容将保持不变。

标题

大容器

[Ctrl+A 全选
注:如需引入外部Js需刷新才能执行]


Power By never-online, BlueDestiny ,
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]…

2.接下来是模似远影,使文字向后倾斜。选择自由变表工具下的扭曲子工具。按住S和键,将文本的上边一个角水平地向中间拖动,按住Shift键可使相邻的角协调一致。将这个文本块转换为图形元件。如果你有几个文本块,最个将它们保持为几个小的元件。

新建一个层,按Ctrl+Shift-V把刚刚复制好的文字图符实例粘帖到原来的位置上。现在两层中的文字重叠在一起,为了避免误操作,我们把下面一层锁住。在文字图符上点鼠标右键,选Scale把它缩小一些。双击文字,在弹出的实例参数对话框中选Color标签,并把Alpha值设为80,如下图所示。

您可能感兴趣的文章:

  • js实现移动端微信页面禁止字体放大
  • 移动端点击图片放大特效PhotoSwipe.js插件实现
  • JS简单的图片放大缩小的两种方法
  • JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动
  • javascript
    图片放大缩小功能实现代码
  • js实现用滚动条来放大缩小图片的代码
  • js实现双击图片放大单击缩小的方法
  • JS实现用键盘控制DIV上下左右+放大缩小与变色
  • js实现图片放大缩小功能后进行复杂排序的方法
  • 移动端手指放大缩小插件与js源码

图片 2

图片 3

3.插入一个新层将它设为引导层。确认包含文本的层不是引导层或被连接。你可以将引导层拖到文本下面,以防止它们被连接。引导层上的任何东西都不会被导出到SWF中,Flash
CS3提供了一个新的好的特性,你可以选择导出或不导出隐藏的层。这个选项可以很容易地通过
文件>发布设置>Flash标签来设置。在这一层用线条工具沿文本的角度画一条线。复制并粘帖到适当的位置,水平翻转并将它文本的对面。

在第10帧按F6插入关键帧。同样我们还用Scale把这几个文字放大,比下面一层中的文字稍稍大一些就行,然后设置这一帧中文字的Alpha值为50,如下图所示。在第1帧设置帧属性为运动渐变。

图片 4

图片 5

4.添加第2个关键帧,并将文本缩小到一个很小的点。你要在两个关键间插入几个帧并添加一个补间动画。为了平滑播放,你需要很多帧和一个高的帧频。准确的数依赖于文本的数量,字体和大小。大的影片将消耗更多的系统资源。使用这些因素组合的任何动画效果运行都是困难的。经常测试看看运行效果。

下面我们来做遮罩。首先再新建一个层,我们要在这一层上画一个如下图所示的圆环来,可以采用下面的方法:在层上用不同于背景的任意颜色画一个不带边线的圆来,在旁边再画一个不同于这个圆颜色的小一些的圆,也不带边线。把小圆拖到大圆的正中间,然后选箭头工具在两个圆的外面点一下,再点中间的小圆,按Delete键删除即可。然后选中这个圆环,按F8把它转换为图符。

图片 6

图片 7

提示:

现在我们把这个圆环放在文字的正中间并缩小至下图所示大小,也可以把圆压扁一些。这里将是冲击波起始位置。

你可以在PHOSHOP中输入文字效果并扭曲它。在flash中导入纯色文本位图。它可能导至更多的资源消耗,但可以得到更好的缩放效果。Flash不能很好地缩放位图以及不能得到更好的效果。

图片 8

实例效果:

在第10帧按F6新建关键帧,把这个圆环放大到下图所示大小,让圆环完全套住所有的文字。然后在第1帧设置帧属性为运动渐变。在这一层上按鼠标右键,在弹出的菜单中选Mask,把这一层变为遮罩层。

进入论坛参与讨论:

图片 9

设置好的时间轴窗口如下图所示:

图片 10

这样,全部的工作就做好了。看一看效果吧。大家在做的过程中,也许会遇到效果不太理想的问题,这就需要我们好好调整一下被遮罩层上关键帧的文字大小,Alpha值以及遮罩层上圆环的大小,形状等等,以获取较为理想的冲击感。大家也可以试着在遮罩层和被遮罩层的第1帧帧属性中通过设置Easing值改变圆环和文字移动的速度来改变最终的输出效果。

最终效果图

进入论坛交作业:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图