FLASH火焰文字效果制作教程
FLASH火焰文字效果制作教程
发布时间:2016-12-24 来源:查字典编辑
摘要:上午突然有点灵感,做了一个火焰效果。看看。大家喜欢不?如果感兴趣。请认真看完此篇文章。那么你就能做出这种效果了。噢,如果你感兴趣。就搬根板凳...

FLASH火焰文字效果制作教程1

上午突然有点灵感,做了一个火焰效果。看看。大家喜欢不?如果感兴趣。请认真看完此篇文章。那么你就能做出这种效果了。

噢,如果你感兴趣。就搬根板凳坐起,慢慢看吧。很复杂的。呵呵。

1、新建影片,设置背景为黑色。帧频为50。这里不一定的。大小也不一定,根据你自己的TEXT的大小来。

FLASH火焰文字效果制作教程2

2、新建一个元件。用于做字体。这里面的字体的制作过程比较复杂。大家要认真看哦。

FLASH火焰文字效果制作教程3

3、选择静态文本框。设置字体、颜色等属性。当然这里也不固定。大家喜欢即可。而且以后我们还要设置字的色相等。

FLASH火焰文字效果制作教程4

4、然后在场景中,打上文本。如果你感觉文本不够大。可以使用自定义缩放工具来进行调节。

FLASH火焰文字效果制作教程5

5、选择墨水瓶工具,然后设置属性。这里的线条粗细可以适当调大点。只要不过份就行了。呵呵。

FLASH火焰文字效果制作教程6

6、然后给文本描上边框。

FLASH火焰文字效果制作教程7

7、选择选择工具。把场景中的东东选中吧。。。

FLASH火焰文字效果制作教程8

8、将线条转化为填充。这一步很关键的。只有这样,我们才能继续加边框。我们现的想法是让文本先出现空心字的效果。如果有不懂的朋友这里要注意了哦。这样可以做空心字的效果哦。。。

FLASH火焰文字效果制作教程9

9、继续选择墨水瓶工具,设置线条的颜色为红色了。只要跟刚才的线条颜色不一样即可。这样是为了好区分。但建议选择跟文字的颜色一样。不是文字的边框哈。

FLASH火焰文字效果制作教程10

10、描上边框。。

FLASH火焰文字效果制作教程11

11、使用选择工具,将里面的黄色线条轻轻的删掉吧。

FLASH火焰文字效果制作教程12

12、使用任意变形工具,调节一下大小吧。

FLASH火焰文字效果制作教程13

13、我们这个时候,就可以使用填充桶工具对他们进行任意填充了。

FLASH火焰文字效果制作教程14

14、假设我们现在的填充样式如下。

FLASH火焰文字效果制作教程15

15、新建一个元件。把文本图形化。

FLASH火焰文字效果制作教程16

16、把刚才建立的文本元件拖到场景中,设置色调。

FLASH火焰文字效果制作教程17

17、继续创建元件。

FLASH火焰文字效果制作教程18

18、把16步骤中所创建的元件拖到场景中,色调化。

FLASH火焰文字效果制作教程19

19、新建一个图层,继续拖16步骤中的元件到场景中,跟第一个图层放置的位置一样。然后设置滤镜效果。

本文出处:http://www.taoshaw.com 如需要转载,敬请注明出处。

FLASH火焰文字效果制作教程20

20、设置图层叠加方式。

FLASH火焰文字效果制作教程21

21、下面,我们来创建一个火焰的元件吧。

FLASH火焰文字效果制作教程22

22、使用铅笔工具绘制出一个叶子型图形。

FLASH火焰文字效果制作教程23

23、在第四帧中添加动作。

FLASH火焰文字效果制作教程24

24、本元件的时间轴效果如下。

FLASH火焰文字效果制作教程25

25、然后在第4、8、12帧分别调节元件的位置。以及大小。

FLASH火焰文字效果制作教程26

26、然后新建一个fife元件。将步骤21开始中所创建的元件拖进来。然后并分布在不同的位置。复制一些吧。

FLASH火焰文字效果制作教程27

27、咦,你或许会问。为啥是绿色的呢。而且是线条呢。这里我是为了显示方便,图层中使用显示线条轮廓的方式来显示的。

28、

26、在text_fire元件中。新建一图层。把刚建立的fire拖进来。

27、这是text_fire图层中时间轴效果。

FLASH火焰文字效果制作教程28

28、继续创建一个元件,绘制另一种火焰的效果吧。

FLASH火焰文字效果制作教程29

FLASH火焰文字效果制作教程30

29、然后在每个帧分别设置火焰的效果。

FLASH火焰文字效果制作教程31

30、下面,我们把文本元件再复制一下。再用文本去遮照火焰效果。

31、回到场景中,这个时候。拖出text_fire吧。然后可能或许会感觉有些单调。那么,我们再绘制一个背景吧。再加一些星光效果吧。

32、再添加代码。把右键屏蔽一下吧。

play();

fscommand("fullscreen", "true");

fscommand("showmenu", "false");

fscommand("allowscale", "false");

//================版权声明开始================//

//★淘沙网:http://www.taoshaw.com

//★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。

//================版权声明结束================//

//创建新右键菜单

myMenu = new ContextMenu();

//隐藏右键菜单

myMenu.hideBuiltInItems();

myMenu.customItems.push(new ContextMenuItem("查字典教程网:http://www.jb51.net", PR));

Stage.scaleMode = 'noScale';

function PR(obj, item) {

getURL("http://www.taoshaw.com", "_blank");

}

//将新菜单赋予给场景

_root.menu = myMenu;

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Flash教程学习
热门Flash教程学习
网页设计子分类