PC6下载站

分类分类

Flash制作环形文字

关注+2004-11-07作者:蓝点


            
             
              
             
            

               
               

            



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

}

}

}

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

相关文章

更多+相同厂商

热门推荐

  • 最新排行
  • 最热排行
  • 评分最高
排行榜

    点击查看更多

      点击查看更多

        点击查看更多

        说两句网友评论

          我要评论...
          取消