快速业务通道

Flash视觉特效之魔幻曲线

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-10


  效果简介:

  本例实现的关键是曲线本身是需要运动的,然后用程序复制和删除它们。另外,读者还要学习如何使用输入文本来设置动态的变量。动画效果请看最后一页。

  设计步骤:

  1.新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为260px x 280px,背景为白色,帧速率30fps。

  2.按快捷键Ctrl+F8新建一个名为“彩线”的影片剪辑元件。点选“工具”面板中的“直线”工具,在“彩线”元件的场景绘制三条直线,线段样式为不规则点状虚线。如图1所示(此图为400%显示,)。
图1   3.点选“箭头”工具,点选线条某一段,改变其色彩,目的是使整个线条变得五颜六色,使整个效果将更加绚丽。

  4.按快捷键Ctrl+F8新建一个名为“变幻彩线”的影片剪辑元件。“变幻彩线”元件中只设置一层,共51帧。见图3所示。
  5.按快捷键Ctrl+L打开“库”面板,将“库”面板中的“彩线”元件拖入到“变幻彩线”元件的场景中。右键单击“图层1”的第1帧,在弹出菜单中点选“创建补间动画”命令创建补间动画。

  6.分别点选“图层 1”的第20、50帧,按F6键插入关键帧。点选第1帧中的“彩线”元件,在“属性”面板中设置其透明度为0%,如图2所示。
图2   7.点选第20帧中的“彩线”元件,按快捷键Ctrl+T打开“变形”面板,并如图3所示把元件放大到120%,旋转45度。这样设计是为了让“彩线”旋转,使效果更加眩目。 图3 ? [1]?[2]?[3]?下一页??
  8.点选第50帧中的“彩线”元件,打开“变形”面板,将其放大到160%,向右旋转140度。同样在“属性”面板中设置其透明度为0%。

  9.点选第51帧,按F7键插入空白关键帧,按F9键打开“动作”面板,输入如下代码:

// 删除复制影片,_target是影片剪辑实例的目标路径
removeMovieClip(_target);

  10.在“场景1”中如图4所示建立“脚本”、“输入文本”层、“文字”层、“变幻彩线”两层,各2帧。把电影剪辑“变幻彩线”剪辑元件从“库”面板中拖入对应的“变幻彩线”层中。
图4
  11.打开“库”面板,把“变幻彩线”元件拖入该层的场景中,点选该元件,起个实例名称“彩线”。如图5所示。
图5

  12.点选“文本”工具,在“输入文本”层的场景中拉出一个文本框,输入数字50,点选该文本框,如图6所示设置“属性”面板。
图6
  13.在“文字”层的场景中拉出一个文本框,设置为静态文本,并输入文字“请输入小于1000的整数”。见效果图。

  14.选中“脚本”层中的第2帧按F7键插入空白关键帧。分别点两帧后按F9键打开“动作”面板,输入如下代码:

  第1帧中的代码如下:

i++;
// 变量n接收输入文本中的用户数据
n = num;
// 隐藏“彩线”元件
彩线._visible = 0;
// 复制“彩线”元件
duplicateMovieClip ("彩线", "彩线" add i, i);
// 旋转被复制影片
_root["彩线" add i]._rotation = i*n;

  2.第2帧中的代码如下:

gotoAndPlay(1);

  好了,效果到这里就完成了。本例主要是利用Flash复制和删除实例的功能,以及动态文本的使用。希望该效果能让读者对影片剪辑属性以及视觉效果的设计有进一步的了解。
?
  该效果源件下载(4.21K)   点击最后一页预览效果 ? 上一页??[1]?[2]?[3]?下一页?? ? 上一页??[1]?[2]?[3]? 关键词:

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号