Flash写字效果：书写星星幻影坠落文字

来源：百度文库 编辑：神马文学网 时间：2024/05/08 04:42:25

Flash写字效果：书写星星幻影坠落文字

PS-动画

大家先来看看效果：

http://space.flash8.net/space/batch.download.php?aid=118176
总的来说，此效果分成两大步骤来完成。。

第一，是先制作一个模拟星星坠落效果的影片剪辑。

第二，是利用做好的这个星星影片剪辑，来做一个遮罩写字的效果。
接下来，我们直接开始吧。

打开Flash8，新建一个场景，

场景大小可以设成800X600，帧频可以设成10，

例图：


我们可以找来一个星星的素材或者直接在flash里面绘制下，

作为一个元件，放入"库"里面，



然后点击库面板左下方的新建按钮，

我们新建一个影片剪辑，


确定后，

我们就进入了影片剪辑"元件1"的编辑场景里，



选中图层的第一帧，

然后把库中的星星元件拖入到场景中，

在图层的第50帧插入一个关键帧，（可按F6） ，

选择第50帧，

把星星垂直移到一段距离（可按shift+键盘方向向下键），

移到正下方，作为坠落的距离，

然后点击左边工具面板的任意变形工具，

可看到星星周围多了许多控制点，


将鼠标移到边星星角上的点附近，

鼠标会变成一个旋转提示，

点住旋转星星一些角度即可，

接着在图层的第1帧与第50帧之间，

右键，然后创建补间动画，



然后可在下方的属性面板中的缓动后面，

数值可调成-100（-100是一个从慢到快的补间动画效果。

而+100则是从快到慢的补间动画效果），

接着再选中第1帧。再选中场景中的星星元件，

即可在下面面板看到选项，

将"颜色"后面选成，Alpha,100%。。。

之后同理，选中第50帧，

调成Alpha,0%即可（这是一个透明度的变化动画设置）。。

现在，一个星星旋转掉落，

透明度逐渐变淡的动画，就完成了。。。

但我们需要做的是星星幻影坠落效果，

所以我们还需要在刚刚的第一层补间动画上面，

再加上同样的星星效果，从坠落的时间长短不同，

来达到一个幻影的效果。。所以，我们再新建几层，

如图面板左下方的第一个按钮即是新建图层按钮，


用上面同样的做法，做成如图示：



然后分别选中图层1到图层5，

在每个图层的补间动画的属性中，

"缓动"数值可以依次设成-100，-60，-20，20，60，

来强化各个图层的星星坠落的时间差，

达到强化幻影的效果。。。。



最后，在最上面再添加一个图层，

在第50帧添加一个空白关键帧（可按F8），

打开"动作-帧"AS面板（可按F9），

添加一个AS语句：this.removeMovieClip() 来控制这整个星星动画。




至此，第一大步骤就算完成了。。。

接着进行第二大步骤的操作。。

再次点击新建影片剪辑按钮，

新建影片剪辑"元件2"，

此时，我们可以看到"库"面板中，

就已经多了一个我们刚刚制作完成的"元件1"的影片剪辑，


这个就是我们刚刚制作的星星坠落动画了，

把它从库中拖入到新建的元件2影片剪辑场景中，

在场景中选中它，

然后在下面的属性面板中，

将它的属性名字改成circle_star  ，


然后新建一图层，选中新图层的第一帧，

左边面板选择文本工具，

在场景中打入我们想要的字，

例如 flash路上，，



调整好文字位置之后，可以按ctrl+B两次，

把文字打散，方便后面的操作。

接下来就是很关键的一步了，

制作文字的遮罩书写效果。。。

在文字的图层上面，

再新建一图层，，

可命名图层为"画笔"层，



然后选中左边面板的刷子工具，

然后每插入一帧，

就画上一点（可按F6，方便操作），

按写字的逻辑，

一点一点的按照"flash路上"这几个字的书写顺序，

描完为止。。。如下图：

 



最后一帧终于也描完了。。。

然后在"画笔"这一图层上，

右键，选择"遮罩层"，

在"画笔"与"文字"层之间，

创建一个遮罩动画

（注意：用来遮罩的图层要放在上面一层，

而被遮罩的图层，则是放在下面一层）   ，

            
再次选中"星星"这一图层，

按照"画笔"图层的制作方法，类同。

每插入新一帧，就在场景中调整星星的位置，

让它跟着上面图层遮罩效果的书写笔画，

笔画动画画到哪里，星星位置就停在哪里

（同样，也可以利用F6，边插入关键帧，边调整位置，方便操作）。










最后再在"画笔"图层上面新建一图层，

在第一帧加上AS语句来控制整个动画，

F9打开"动作-帧"面板，加上：

time=3
_root.star.circle_star._visible = 0;
_root.star.circle_star.i = 1;
_root.star.circle_star.onEnterFrame. = function () {
if (this.i%time == 0) {
  this.duplicateMovieClip ("circle_star"+this.i, this.i);
}
this.i++;
};


这些语句即可。。

现在整个动画制作也就接近尾声了。

点击场景1，

退出元件2影片剪辑的制作，回到主场中，

这时又可发现，

"库"面板中又多了我们刚刚制作的星星随着遮罩文字描绘移动的效果，

把库中的元件2直接拖到主场景中，

然后选中它，在下面的属性面板中，

将它的名字改为star。


整个动画制作到这里，就算是全部完成了。。。

现在按ctrl+enter发布预览，赶快去看看效果吧。
Flash写字效果：书写星星幻影坠落文字 flash写字效果：书写星星幻影坠落文字 flash文字特效动画制作 flash逐帧动画制作教程 引用 flash写字颜色代码 超酷公告板打字机效果【FLASH效果可自由更改文字颜色及文字内容】 [FLASH素材]月亮、星星 透明闪动星星FLASH Qzone纯文字flash打字效果、使用任何空间 幻影粒子教程 (粒子围绕效果) 透明FLASH素材--星星、闪动 透明闪动星星FLASH素材 星星系列的透明FLASH 上海"汉字书写现状"堪忧 七成青年写字不合格 日志彩色边框，图片写字，flash写字代码 图片+flash，flash+flash，flash上写字贴图技巧2 图片+flash，flash+flash，flash上写字贴图 技巧 图片+flash，flash+flash，flash上写字贴图技巧1 图片+flash，flash+flash，flash上写字贴图 图片+flash，flash+flash，flash上写字贴图技巧16 图片+flash，flash+flash，flash上写字贴图技巧0 星星蝴蝶穿插一起的效果【代码】 在FLASH图片上写字的源代码 文字渐隐效果v 图片/文字修饰效果 文字竖排效果