| 首页 | 视觉资讯 | 平面视觉 | 环艺设计 | CG视觉 | 设计教程 | 人物 |
视觉资讯
设计资讯 网络媒体 设计征集 书刊
平面视觉
画册 包装 VI 招贴 标志 创意 文案 理论
环艺设计
建筑设计 室内设计 景观设计 家装设计
CG视觉
插画 3D视觉 动漫
设计教程
平面教程 网页教程 多媒体教程
人物
设计师 设计公司 人物访谈
您现在的位置: 第一视觉 >> 设计教程 >> 网页教程 >> FLASH教程 >> 正文
Flash制作环形立体旋转的动态文字
作者:佚名 | 文章来源:flash178.com | 时间:2007-3-29 【字体:
本文中我们用flash制作一个环形立体旋转的动态文字动画。

  先看完成效果:

  制作步骤:

  1、启动Flash,选择[文件]--[新建] 命令,新建一个 Flash 文档。按下[Ctrl+J]组合键,打开“文档属性”对话框,设置编辑区的大小为400px×150px,背景色为黑色。

  2、选择[插入] [新建元件]命令,打开“创建新元件”对话框,在“名称”文本框中输入字符film,在“行为”选项区中选中“影片剪辑”单选按钮,如图1所示。

按此在新窗口浏览图片

  3、单击[确定]按钮,进入元件的编辑区。选择工具箱中的“文本工具”,在“属性”面板中设置文本类型为“动态文本”,字体为“方正粗倩简体”,字号为50,颜色为白色,线条类型为“单行”,在编辑区中会产生一个动态文本框。

  4、选中文本框,在“属性”面板的“变量”文本框中输入字符textl,如图2所示。

按此在新窗口浏览图片

  5、单击“场景1”图标,切换到“场景1”。选择[窗口] [库]命令,打开“库”面板,从中拖动film元件到编辑区中。选中film实例,在“属性”面板的“实例名称”文本框中输入字符film,如图3所示。

按此在新窗口浏览图片

  6、选中第1帧,按[F9]键,打开“动作”面板,在命令编辑区中添加如下动作脚本:

// 定义圆环在动画中的位置
xos = 200;
yos = 70;
sineof = 0;
magnitude = 130;
rspeed = 0.0036;
sb = 0.28;
// 设定圆环中动态显示的文本内容,你可以根据自己的需要修改
myText = "Flash178.com";
myLength = myText.length;
i = 1;
// 依次将你设置的动态文本中的每个字母放置到复制的动画片段film中
for (i; i<=myLength; i++) {
 duplicateMovieClip("film", "char"+i, i);
 _root["char"+i]._x = xos;
 _root["char"+i]._y = yos;
 _root["char"+i].text1 = myText.charAt(i-1);
}

  7、分别用鼠标右键单击第2帧和第3帧,在弹出的快捷菜单中选择“插入空白关键帧”选项,插入两个空白关键帧。

  8、在第2帧中添加如下AS动作脚本语句:

i=1;
i = 1;
// 获取当前鼠标坐标,并换算圆环中各文字的偏移及旋转角度
xm = _root._xmouse;
nxm = ((xos-xm)-4*(xos-xm))/6*rspeed;
for (i; i<=myLength; i++) {
 // 离观众越远的文字越小,并且透明度越小,从而产生层次及立体感
 nxn = Math.cos(sineof+sb*i)*100;
 xsubval = Math.abs(Math.cos((sineof+sb*i)/2)*100);
 _root["char"+i]._x = Math.sin(sineof+sb*i)*magnitude+xos;
 _root["char"+i]._alpha = xsubval;
 _root["char"+i]._xscale = nxn;
 _root["char"+i]._yscale = xsubval+15;
}
sineof += nxm;

  9、在第3帧中添加如下动作脚本语句:

gotoAndPlay(_currentframe-1);

  此时的“时间轴”面板如图4所示。

按此在新窗口浏览图片

  10、按[Ctrl+Enter]组合键测试动画效果。

  • 上一篇文章:

  • 下一篇文章:
  • 相关文章
    没有相关文章
    版权申明:
       转载请不要修改任何文字图片链接信息。如需使用本站作品,请与原作者联系,版权归原作者所有。
       第一视觉(www.vision1.cn)依法保护知识产权,如果我们的文章有涉及或侵犯您的有关权益,请联系我站编辑人员,注明网址及文章,我们会即时处理或删除!
    最新热门文章
    普通文章格斗动画制作的理论基础
    普通文章Flash鼠标触发模糊图片变清晰特效
    普通文章Flash实例教程:“蝶恋花”制作过程
    普通文章Flash制作随意飘飞的彩色肥皂泡
    普通文章Flash制作“时空穿梭”视觉特效
    普通文章Flash制作仿苹果界面的互动图标界面
    普通文章Flash制作彩色线条动态图案生长动画效果
    普通文章Flash制作环形立体旋转的动态文字
    普通文章用FLASH做闪烁文字
    普通文章Flash文件的破解与加密方法
    关于我们 | 联系我们 | 版权声明 | 免责声明 | 网站地图
    版权所有 © 2006-2007 第一视觉(Vision1.cn)
    Copyright © 2006-2007 Vision1.cn All rights reserved