Flash制作环形文字 -pc6资讯

您的位置：首页 → 网页设计 → Flash → Flash制作环形文字

Flash制作环形文字 时间：2004/11/7 2:24:00来源：本站整理作者：蓝点我要评论(0)

　　　　　　　　　　　　

　　　　　　　　　　　　经常使用Flash的朋友都知道，想要在动画中加一个环行文字的效果，其制作步骤是非常繁琐的，但是又要经常用到，该怎么办呢？别着急，现在来教大家制作一个环行文字生成器，只要把这个好东东做好了，以后可以生成任意文字的环行文字，可谓是一次付出，万次回报。（本例的源文件请点击这里下载）
环形文字生成器的主界面非常简洁，只有一个文本框和一个按钮，如图1所示：

图1

　　你只需要在上面的文本框中输入想生成的环形文字的文本，然后按一下右面的OK按钮，就会在下面自动生成相应的环行文字，比如我们输入”Flash”这几个字母，那么生成的环形文字如图2所示：

图2

　　看到这么奇妙的东东，你是不是也跃跃欲试了，别着急，一起来跟我制作吧：）

　　１.首先启动Flash,新建一个影片，设置影片大小为500px*300px(单位为象素)，影片背景色随你的喜好设置即可。

　　2．首先制作文字所环绕的路径。新建一个影片剪辑元件，使用椭圆工具和直线工具绘制一个无填充色的半圆，这个半圆弧将作为生成的环行文字的环绕路径，如图3所示：

图3

　　3．接下来制作一个按钮，具体的样式和风格可以根据您的需要来设置，这里我们绘制图4所示的按钮：

图4

　　４．然后需要制作一个文本框，而且这个文本框要制作成动态的，因为这个文本框中的文本会随着我们所输入的文字而改变，并且这个文本框中的文字会显示为环形的，在属性中设置为动态文本框后，还需要给文本框设置一个变量名text，以便我们可以使用Action动作脚本对其中的文本进行控制，如图5所示：

图5

５．接下来回到主场景中，对主场景进行布置。首先在舞台上方绘制一个文本框，并设置其类型为输入文本，然后设置其变量名为inputtext,然后将前面制作好的按钮拖到其右边，最后分别将半圆和动态文本框拖到舞台中，并且使动态文本框位于半圆直径的最左边，分别设置半圆和动态文本框的实例名为arc和letter0,并将时间轴延长到第10帧，最后整个舞台如图6所示：

图6

　　6.因为环形文字是在点击按钮后生成的，所以需要将Action动作脚本加在按钮上，具体的脚本如下所示；

on (press) {

for (x=1; x<=100; x++) {

removeMovieClip("letter" + x);

}

}//当按下按钮时，清除上一次所生成的环形文字，为当前生成环形文字做准备，x的最大值取100,表示在输入文本框中最多可以输入100个字符

on (release) {

textLength = _root.inputText.length-1;//设置变量textLength的值为输入文本框所输入的文本各数减一

diameter = _root.arc._width;//取得半圆的直径

radius = _root.arc._height;//取得半圆的半径

_root.letter0.text = _root.inputText.substr (0,1);//取所输入的文本的第一个字符

//下面的循环将增加其余的字符，并将其排列成弧形

for (x=1; x<=textLength; x++) {//循环次数为输入文本框中的字符数

_root.letter0.duplicateMovieClip("letter"+x, x);//复制出一个动态文本框

with (_root["letter"+x]) {//对复制出的动态文本框进行如下的操作

_x += radius-(Math.cos ( Math.PI/textLength * x))*radius;

_rotation += x*(180/textLength);

_y += -(Math.sin ( Math.PI/textLength * x))*radius;

//分别设置复制出的动态文本框的坐标和旋转角度，使其位于半径的圆弧上

text = _root.inputText.substr (x,1);//最后设置此动态文本框中的文本为输入文本框中的下一个字符

}

}

}

　　最后发布影片，试一试吧，是不是可以随心所欲的制作出你想要的环形文本了，如果在你平时的动画制作中合理的使用这个小工具，可以在一定程度上提高你的工作效率，真正做到事半功倍。

文章评论

查看所有0条评论>>

热门文章 没有查询到任何记录。