Flash制作漂亮的循环旋转花边效果

平面设计 2021-07-03 14:35www.168986.cn平面设计培训

如果在你制作的文字或动画的周围,镶上循环旋转的花边,定会增加不少的乐趣。要实现这种效果是很简单的。今天长沙网络推广就教大家利用Flash制作漂亮的循环旋转花边效果,教程主要是用flash mx的ActionScript生成这种效果,推荐过来,喜欢的朋友可以跟着一起来学习!

一、创建电影剪辑“图案”

1. 在电影剪辑“图案”舞台时间轴的第1帧,画一个你想设计的图案。如图1中的图形所示


图1 “图案”电影剪辑的制作

2. 绘制“图案”时,应注意将图形偏移舞台的中心点一定的距离,并把图案的中心位置移到舞台的中心点处,如图2所示


图2 图案中心点的确定

3.复制第1帧中的图案后在第2帧插入空白关键帧,按CTRL+SHIFT+V组合键,将第1帧中的图案粘贴到原位置。这一步很重要,只有这样才能保证圆心和半径不变。
4.打开“调色板”(Window----Color Mixer),改变“图案”的颜色。
5.按照第3、4两步的操作,完成第3、4……10帧的图案,注意每帧图案的颜色应有所变化。
6.再建一脚本层。在每一帧上都加上停止(s)命令。完成后的时间轴如图1所示

二、创建动画进入主舞台。

1.将电影剪辑“图案”拖放到主舞台的下方适当位置。
2.选择“图案”,打开properties面板,为“图案”命名为ball. 在第5帧按F5。
3.新建一层,用文字工具绘制标题,如“老顽童工作室”,也可按你的需要绘制其它图形。
4.再新建一脚本层。打开Actions动作面板。为各帧加上脚本。

在第1帧上加上脚本


复制代码
代码如下:
//---隐藏ball图案_root.ball._visible=false;
p=1;
//---复制24个图案while(p<=24){
duplicateMovieClip("ball","ball" add p,p);
//---让复制出的图案排成一个圆 _root["ball" add p]._rotation=p360/24;
p++;
}

在第2帧加上脚本


复制代码
代码如下:
i=1;

在第3帧加上脚本


复制代码
代码如下:
//---将电影剪辑的10个图案随机的赋值给变量Kk=random(10)+1;//---复制的电影剪辑按叠加顺序随机的选择颜色变化
_root["ball" add i].gotoandplay(k);
i++;

在第4帧加上脚本


复制代码
代码如下:
if(i<24){//---下一个电影剪辑
gotoandplay(3);
}

第5帧加上脚本


复制代码
代码如下:
//---反复播放gotoandplay(2);

在测试中,注意调整文字与图案的位置,直到满意为止。

有了这个样板,你就可以只改变图案的式样,而方便地制作出各式各样的循环旋转花边来。

教程结束,以上就是Flash制作漂亮的循环旋转花边效果过程,希望对大家有所帮助!

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by