效果简介:
本例实现的关键是曲线本身是需要运动的,然后用程序复制和删除它们。另外,读者还要学习如何使用输入文本来设置动态的变量。
效果图:
![](/Article/UploadPic/2005-8/2005816201054692.gif)
效果截图
源文件下载:点击这里下载
设计步骤:
1.新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为260px x 280px,背景为白色,帧速率30fps。
2.按快捷键Ctrl+F8新建一个名为“彩线”的影片剪辑元件。点选“工具”面板中的“直线”工具
,在“彩线”元件的场景绘制三条直线,线段样式为不规则点状虚线。如图1所示(此图为400%显示
)。
![](/Article/UploadPic/2005-8/2005816201054122.gif)
图1
3.点选“箭头”工具
,点选线条某一段,改变其色彩,目的是使整个线条变得五颜六色,使整个效果将更加绚丽,见效果图。
4.按快捷键Ctrl+F8新建一个名为“变幻彩线”的影片剪辑元件。“变幻彩线”元件中只设置一层,共51帧。见图2所示。
![](/Article/UploadPic/2005-8/2005816201055371.gif)
图2
5.按快捷键Ctrl+L打开“库”面板,将“库”面板中的“彩线”元件拖入到“变幻彩线”元件的场景中。右键单击“图层1”的第1帧,在弹出菜单中点选“创建补间动画”命令创建补间动画。
6.分别点选“图层 1”的第20、50帧,按F6键插入关键帧。点选第1帧中的“彩线”元件,在“属性”面板中设置其透明度为0%,如图2所示。
7.点选第20帧中的“彩线”元件,按快捷键Ctrl+T打开“变形”面板,并如图3所示把元件放大到120%,旋转45度。这样设计是为了让“彩线”旋转,使效果更加眩目。
![](/Article/UploadPic/2005-8/2005816201055807.gif)
图3
8.点选第50帧中的“彩线”元件,打开“变形”面板,将其放大到160%,向右旋转140度。同样在“属性”面板中设置其透明度为0%。
9.点选第51帧,按F7键插入空白关键帧,按F9键打开“动作”面板,输入如下代码:
// 删除复制影片,_target是影片剪辑实例的目标路径
removeMovieClip(_target);
10.在“场景1”中如图4所示建立“脚本”、“输入文本”层、“文字”层、“变幻彩线”两层,各2帧。把电影剪辑“变幻彩线”剪辑元件从“库”面板中拖入对应的“变幻彩线”层中。
![](/Article/UploadPic/2005-8/2005816201055246.gif)
图4
11.打开“库”面板,把“变幻彩线”元件拖入该层的场景中,点选该元件,起个实例名称“彩线”。如图5所示。
![](/Article/UploadPic/2005-8/2005816201055114.gif)
图5
12.点选“文本”工具
,在“输入文本”层的场景中拉出一个文本框,输入数字50,点选该文本框,如图6所示设置“属性”面板。
![](/Article/UploadPic/2005-8/2005816201055537.gif)
图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复制和删除实例的功能,以及动态文本的使用。希望该效果能让读者对影片剪辑属性以及视觉效果的设计有进一步的了解。