邮件订阅
5ucms模版,Flash制作环形文字
作者: 来源: 日期:2017/1/21 16:51:17 浏览量:25(滞后) 人气:LOADING...(实时) 【

5ucms模版,Flash制作环形文字
经常使用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);//最后设置此动态文本框中的文本为输入文本框中的下一个字符

}

}

}

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

无忧站长学院,建站自然无忧www.5ucms.org

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms插件,Flash游戏制作--考眼力
下一篇:5ucms教程,商业Flash实例制作--信息表单
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms模版,Flash制作环形文字的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org