专 题 |
电脑入门 | 操作系统 | 办公软件 | 电脑DIY | 网页制作 | 等级考试 | 网络专栏 |
会员登陆 | 会员退出
会员注册 | 会员列表
 当前位置:> 网络学院 > 阅读新闻 打印本页


Flash制作环形文字

 时间:2003-4-18 16:23:21
 
  经常使用Flash的朋友都知道,想要在动画中加一个环行文字的效果,其制作步骤是非常繁琐的,但是又要经常用到,该怎么办呢?别着急,现在来教大家制作一个环行文字生成器,只要把这个好东东做好了,以后可以生成任意文字的环行文字,可谓是一次付出,万次回报。(本例的源文件请点击下载)

  环形文字生成器的主界面非常简洁,只有一个文本框和一个按钮,如图1所示:

图1

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

图2

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

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

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

图3

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

图4

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

图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);//最后设置此动态文本框中的文本为输入文本框中的下一个字符

}

}

}

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

 

【】【 】【关闭】来源:铁通呼伦贝尔信息港   

 ·上一条:用Flash制作鬼火效果 (4-18)
 ·下一条:反病毒三大技术 (4-18)
 相关专题:
 尚无信息
 相关信息:Flash制作环形文字
 尚无信息
╣ Flash制作环形文字 会员评论[共 0 篇] ╠
╣ 我要评论 ╠
姓 名:   密 码:   新人注册
  推荐文章  
- 用Flash制作鬼火效果
- Flash光影字效果
热门图片信息
尚无热门图片