文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

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

Flash制作环形文字

时间:2004/11/7 2:24:00来源:本站整理作者:蓝点我要评论(0)


            
             
              
             
            

               
               

            



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

}

}

}

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

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

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

最新文章 Flash CS4基础入门 如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页

人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼