ps中怎么绘制五彩旋转球?
ps中怎么绘制五彩旋转球?
发布时间:2016-12-29 来源:查字典编辑
摘要:一直以来很多朋友都致力于flash动画制作的实践过程中,本人今天有兴趣也制作了一款动画效果,该效果是五彩旋转球,在旋转的过程中点击中间的球体...

一直以来很多朋友都致力于flash动画制作的实践过程中,本人今天有兴趣也制作了一款动画效果,该效果是五彩旋转球,在旋转的过程中点击中间的球体就会发出多种颜色,绚烂无比,如果你有兴趣的话可以看一下,现在本人就把制作的过程分享出来,希望能得到您的认可。

ps中怎么绘制五彩旋转球?1

ps中怎么绘制五彩旋转球?2

ps中怎么绘制五彩旋转球?3

ps中怎么绘制五彩旋转球?4

ps中怎么绘制五彩旋转球?5

1、启动flash cs5,新建一个基于actionscript2的文件,大小设置为800*600,帧频为12fps,背景颜色为灰色。

ps中怎么绘制五彩旋转球?6

2、执行插入-新建元件命令,新建一个名称为t1的影片剪辑元件,选择工具箱里的椭圆工具,在属性面板中设置样式为极细线,填充为无,笔触颜色为紫色,在编辑区域绘制一正圆,设置全居中。

ps中怎么绘制五彩旋转球?7

3、点击时间轴里的新建图层按钮,新建一个图层2,选择椭圆工具,设置属性面板中的颜色,笔触颜色设置为无,类型选择径向渐变,填充颜色设置为#ff0000,alpha设置为0,接着在编辑区域绘制一个正圆,设置全居中。

ps中怎么绘制五彩旋转球?8

4、新建图层3,选择椭圆工具,设置笔触颜色为黄色,填充颜色为无,绘制一个小正圆,并设置全居中。

ps中怎么绘制五彩旋转球?9

5、在时间轴面板中点击新建图层按钮,新建图层4,并选择工具箱里的椭圆工具,设置颜色面板笔触颜色为无,类型为径向渐变,填充颜色为#ffff00,在编辑区域绘制一正圆。

ps中怎么绘制五彩旋转球?10

6、锁定图层4和图层3,选择选择工具,在编辑区域按住鼠标左键拖拽出一个长方形将其一半选择,然后按delete进行删除,同样方法删除下半部分,只留四分之一。

ps中怎么绘制五彩旋转球?11

ps中怎么绘制五彩旋转球?12

7、选择工具箱里直线工具,画一条穿过中心的水平线,接着按住shift键拖拽出另外一条直线,将 它们选中按delete键进行删除。

ps中怎么绘制五彩旋转球?13

ps中怎么绘制五彩旋转球?14

8、右键单击库中元t1从下拉菜单中选择属性选项,打开属性面板,在actionscript链接中勾选仅有的两项,标识符中输入limp,点击确定按钮。

ps中怎么绘制五彩旋转球?15

9、执行ctrl+f8组合键新建一个名称为t2的影片剪辑元件,选择前三帧,右键单击从下拉菜单中选择插入关键帧,选择第一帧按f9打开动作面板输入代码:

var newlimb = "limb" + mcdepth++;

this.attachMovie("limb", newlimb, mcdepth);

this[newlimb]._x = 2;

this[newlimb]._y = 3;

this[newlimb]._rotation =3;

this[newlimb].core = 2;

this[newlimb].depth = 3;

调试并运行。

ps中怎么绘制五彩旋转球?16

10、接着分别选择第二帧和第三帧,分别输入代码并进行调试,

theta = theta + _parent.speed;

if (theta > 329)

{

theta = 1;

}

xbit = Math.sin(0.017 * theta);

this._xscale = xbit * 100;

ybit = Math.cos(0.017 * theta);

this._alpha = 20 + (ybit + 1) * 100;

this.swapDepths(Math.round(this._alpha));

ps中怎么绘制五彩旋转球?17

11、右键单击库中t2影片剪辑元件,从下拉菜单中选择属性,在属性窗口中设置actionscript链接,勾选为actionscript导出,输入标识符为ro,点击确定按钮。

ps中怎么绘制五彩旋转球?18

12、执行插入-新建元件命令,新建一个名称为t3的影片剪辑元件,选择第一帧处按f9键打开动作面板,输入代码:

var numrotos = 8;

for (n = 0; n < numrotos; n++)

{

newroto = "ro" + n;

this.attachMovie("ro", newroto, n + 10);

this[newroto].theta = n * 360 / numrotos;

this[newroto].lvl = n;

}

var speed = 1;

_xscale = 100;

_yscale = 100;

_rotation = 100;

stop();

并调试脚本

ps中怎么绘制五彩旋转球?19

13、按ctrl+f8组合键新建一个名称为q的影片剪辑元件,设置颜色面板,笔触颜色为蓝色,类型为径向渐变,填充颜色设置彩带,两边的颜色数值为#ff0000.

ps中怎么绘制五彩旋转球?20

14、选择工具箱里的椭圆工具,在q元件的编辑区域按住shift键绘制一个正圆。并重新设置大小为50*50.

ps中怎么绘制五彩旋转球?21

15、执行插入-新建元件命令,新建一个名称为q1的影片剪辑元件,将库中的元件q拖拽到q1中,并设置全居中,选择第五、十、十五、二十处插入关键帧,

ps中怎么绘制五彩旋转球?22

16、选择第一帧,将元件的色调设置为红色,采用相同的方法将第五帧处元件设置为蓝色,第十帧处设置为绿色,第十五帧设置为黄色,第二十帧设置为红色。接着在各帧之间建立传统补件动画。

ps中怎么绘制五彩旋转球?23

ps中怎么绘制五彩旋转球?24

17、按ctrl+f8组合键新建一个名称q3的按钮元件,设置在“指针经过”位置上为关键帧,将库中的q1拖拽到编辑区域并设置全居中,在点击处插入帧。

ps中怎么绘制五彩旋转球?25

18、点击场景返回,将库中的元件t3拖拽到舞台并设置全居中,在时间轴面板中点击创建图层命令新建图层2,将库中的元件q3拖拽到舞台并设置全居中。

ps中怎么绘制五彩旋转球?26

19、执行文件-另存为命令,在弹出的对话框中输入名称为“五彩旋转球”,找到一个合适 的保存位置点击保存即可,接着按ctrl+enter组合键进行测试。

ps中怎么绘制五彩旋转球?27

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类