flash动画怎么做旋转(合集6篇)

立体图形在我们的生活中无处不在，尤其是立体几何，它要求我们要有很好的立体抽象能力才能处理问题，如果没有很好的立体感，立体几何的问题就无法解决，为了能够从不同角度审视立体图形，在此就利用flash制作一个简单的立体图形，帮助你更好的审视立体图形，培养立体感，本经验仅供参考使用。

1、启动flash cs5， 执行文件-新建命令 ，在弹出的窗口中选择新建一个基于actionscript2的flash文档。

2、找到属性窗口，修改编辑区的大小为800*600像素，帧频为15fps，背景色为黑色。

3、 执行窗口-公共库- 按钮命令 ，在弹出的公共库窗口中找到classic buttons文件夹，在该文件夹中将按钮 arcade button - green和arcade button - blue拖拽到库中。

4、执行插入-新建元件命令，新建一个名称为a的影片剪辑文件，并将库中的两个按钮元件拖拽到编辑区中，重新设置他们的大小为50*50像素，并调整他们的位置，使其布局美观。

5、在舞台上选 择arcade button - green按钮， 右键单击该按钮在弹出的对话框中选择动作选项，打开动作面板，然后输入代码 on(press){delete onEnterFrame;}， 同时检查语法是否有错误。

6、选择舞台上的 arcade button - blue按钮 ，同样方法打开动作面板，接着在动作面板中输入代码： on(press){ onEnterFrame=mm;}， 点击语法检查，查看是否有编译错误。根据错误修改代码内容。

7、选择图层1的第一帧，右键单击从下拉菜单中选择动作，打开动作面板，在该面板中输入代码，一段关于画图的函数代码。

function draw()

{

clear();

lineStyle(1， 0xffffff);

moveTo(A1.x， A1.y， A1.z);

lineTo(A2.x， A2.y， A2.z);

lineTo(A3.x， A3.y， A3.z);

lineTo(A4.x， A4.y， A4.z);

lineTo(A5.x， A5.y， A5.z);

lineTo(A8.x， A8.y， A8.z);

lineTo(A7.x， A7.y， A7.z);

lineTo(A6.x， A6.y， A6.z);

}

对代码进行语法检查。

8、接着输入其他自定义函数代码并进行调试运行，直至代码无误为止。

9、返回到场景1， 将库中的影片剪辑元件a拖拽到舞台上并调整其大小和位置 ，使其布局美观。

10、按 ctrl+enter组合键 进行测试，测试完成后， 执行文件-另存为命令 ，在弹出的对话框窗口中输入立体图形，找到一个合适的位置后，点击保存按钮。

使用flash我们可以制作出很多自己需要的动画效果，比如制作简单的旋转动画，这里通过一个实例来介绍，比如在FLASH中怎么制作一个旋转的齿轮动画呢?其实也是非常简单的，我们制作动作补间动画的时候，添加旋转效果就可以立刻制作出来，这里小编介绍下使用FLASH怎么制作旋转的齿轮动画，希望帮助到刚学习FLASH朋友参考学习，当然更复杂效果需要自己慢慢研究。

1、首先打开FLASH软件，然后新建一个新的FLASH文档。

2、然后在修改菜单的文档中设置影片的大小以及背景颜色等信息。

3、当然这里我们可以自己在窗口中绘制图形，比如绘制一个 齿轮 ，但是这里为了给大家介绍旋转动画的制作方法，这里小编就不绘制了，这里我们直接用网上下载好齿轮的图片使用。点击文件菜单 ，导入， 导入到舞台，当然你也可以导入到库中，这里小编就直接导入到舞台上吧。

4、这里小编导入一张齿轮的图片到舞台上。

5、导入图片后我们在图片上 单击鼠标右键， 然后 旋转任意变形 ，然后将图片调整到合适的大小和位置。

6、然后我们在时间轴上的其他地方，单击鼠标右键插入一个 关键帧 。

7、鼠标点击 两个关键帧 的中间，然后打开属性面板，点击这里的 补间!

8、这里选择 动作补间动画 ，然后设置好旋转的方向和次数，这样就完成了。

9、这时候我们可以按下键盘的 CTRL+ENTER 测试下制作好的效果!

10、当然我们完全可以用上面一样的方法，新建一个图层，然后制作另外齿轮的旋转动画，这个可以根据自己需要制作，方法和上面一样哦!小编就不介绍了，最终效果如图所示!

具体制作过程如下：

1、新建一个fla文件，宽400高400，帧频默认，背景颜色黑色，保存。

2、选择多边形工具，设置为5边，星形。在舞台上画一个任意颜色、大小的星。

3、在选取状态下，右键转换为影片剪辑，全对齐，命名为Star，删除舞台上的星。

4、按Ctrl+L组合键，打开库面板，右键单击Star影片剪辑，选择“属性”打开元件属性面板，勾选ActionScript选项，这样就使影片剪辑与Star类进行了绑定。如图：

5、下面开始编写Star类的代码，新建一个ActionScript文件。

输入下面的代码：

package {

importflash.display.MovieClip;

import flash.geom.ColorTransform;

import flash.events.*;

public class Star extends MovieClip {

private var starColor:uint;

private var starRotation:Number;

public function Star () {

//Calculate a random color

this.starColor = Math.random() * 0xffffff;

// Get Access to the ColorTransform instance associated with star.

var colorInfo:ColorTransform = this.transform.colorTransform;

// Set the color of the ColorTransform object.

colorInfo.color = this.starColor;

// apply the color to the star

this.transform.colorTransform = colorInfo;

//Assign a random alpha for the star

this.alpha = Math.random();

//Assign a random rotation speed

this.starRotation = Math.random() * 10 - 5;

//Assign a random scale

this.scaleX = Math.random();

this.scaleY = this.scaleX;

//Add ENTER_FRAME where we do the animation

addEventListener(Event.ENTER_FRAME， rotateStar);

}

//This function is responsible for the rotation of the star

private function rotateStar(e:Event):void {

this.rotation += this.starRotation;

}

}

}

6、保存在fla同一目录下，保存名为Star.as。注意：这一步非常重要，一定要同fla主文件保存在相同的目录下，如果保存在其它的目录下，要指明路径。初学者在测试时往往出现找不到类的错误提示，问题都在这里。

7、返回到fla， 在第1层的第一帧输入代码：

for (var i = 0; i

var star:Star = new Star();

star.x = stage.stageWidth * Math.random();

star.y = stage.stageHeight * Math.random();

addChild (star);

}

8、好了，所有的工作都已经完成，测试你的影片。

在这里要教大家如何制作旋转的动画，旋转动画在动画片里是很常用的，比如人物的翻跟斗，球的转动等等.....就用一个小白的矩形来为大家演示吧，如图是效果。

方法/步骤

第一步，我们在舞台上首先画一个图形，因为矩形好看效果，就用矩形代替了，工具是矩形工具，去边框。

第二步，我们分别在第30和第60帧处插入关键帧，如果要更有效果则是要更加的细致划分帧数，这里粗略。

第三步，我们在之间插入如图的补间动画，并且打开右侧的变形，库的上面

第四步，我们点击第30帧，用变形工具里面的旋转，输入90度，我们可以看到图形进行了旋转。

第五步，60帧采用30帧内容，也就是复制第30帧到60帧处，这样就不会出现方向性错误了，旋转的很流畅，还要看到下面的缓动，在前一个补间处调到+100，后一个补间调到-100，效果更佳。

第六步，如果觉得不是很逼真，不流畅的话呢就加更多的帧，比如下图一般，加越多的帧就越是流畅，旋转的越是精致。

注意不要把中心点放错了位置。

在flash中小球的旋转动画是需要用到油漆桶和补间动画进行完成，操作很简单的，推荐到脚本之家，不会的朋友可以参考本文，来看看吧 。

最终效果图：

步骤：

1.新建一个flash文件，并在图层1第一帧处，绘制一个小球。如下图所示：

2.在第50帧处，插入关键帧。如下图所示：

3.创建补间动画。如下图所示：

4.选择第1帧，双击小球，再双击小球。然后，用油漆桶工具把小球的高光点往左边显示。如下图所示：

5.点击场景1按钮，返回主场景。如下图所示：

6. 选择第50帧，双击小球，再双击小球。然后，用油漆桶工具把小球的高光点往右边显示。如下图所示：

7.点击场景1按钮，返回主场景。如下图所示：

8.然后再选中第50帧，在变形面板中把旋转角度设置为90。如下图所示：

9.测试影片。如下图所示：

10、保存文件格式为swf.

教程结束，以上就是flash油漆桶和补间动画制作小球的旋转动画方法介绍，操作很简单的，大家学会了吗?希望这篇文章能对大家有所帮助!

本教程是向大家介绍flash制作跟随鼠标旋转的星星动画效果，教程介绍的很详细，并对每个代码进行解析，非常适合新手学习，希望对大家有所帮助!

第一步：

打开FLASH，新建一个影片剪辑元件，命名为“星星”，在里面绘制一个星星出来，并且把它的中心点和舞台注册点对齐，在第20帧和第40处各插入一个关键帧。选中第20帧，在它的中心点和舞台的注册点对齐的情况下按住SHIFT键进行等比例缩小(你认为差不多就行了)，然后选中第1到20帧的任意一帧创建补间动画，打开属性面板把它的转调成逆时针，选中第20到40帧的任意一帧创建补间动画，打开属性面板把它的转调成顺时针。

第二步：

在新建一个影片剪辑元件，命名为“转圈的星星”，在图层面板的地方找到“添加运动引导层”添加一个引导层出来，在选中该图层的情况下按住AIT+SHIFT键在舞台上绘制一个有边框无填充色的圆(大小你认为合适就OK)，然后用鼠标圈住它的一点边选中后删除(这样做是给它一缺口)，选中绘制好的圆，把它的左和上对齐舞台中心的注册点，选中第40帧处添加一个帧，锁定该图层，选择第一个图层把我们库中的星星拖进来并把它的中心点对齐引导层中圆的上边的那个缺口的地方，选中第四十帧插入一个关键帧把它的中心点对齐引导层中圆的下边的那个缺口的地方。回到舞台，把库中转圈的星星放到舞台任意位置，并给它一个实例名称mc。

第三步：

继续插入一个影片剪辑元件，命名为“as"，选中第一帧添加以下代码：

复制代码

代码如下:

var k:Number=64;//用来定义星星的个数;

var n:Number=16;//用来定义一圈星星的个数;

var r:Number=2;X坐标和Y坐标的缓动，值越大跟随鼠标移动时就越慢;

for(var i=1;i

duplicateMovieClip("_root.mc"，"mc"+i，i);

setProperty("_root.mc"+i，_rotation，360/n*i);

setProperty("_root.mc"+i，_alpha，100/k*i);

}

setProperty(_root.mc，_visible，0);

选中第二帧处插入一个空白关键帧添加以下代码：

复制代码

代码如下:

for(var j=1;j

setProperty("_root.mc"+j，_x，_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/r);

setProperty("_root.mc"+j，_y，_root["mc"+j]._y+(_root["mc"+(j-1)]._y-_root["mc"+j]._y)/r);

}

选中第三帧处插入一个空白关键帧添加以下代码：

复制代码

代码如下:

gotoAndPlay(2);

添加完代码以后回到主场景;

第四步：

把库中名为as的元件拖放到舞台上，给它一个实例名称mc0.在主场景内添加一个图层在第一帧加上拖动代码：

复制代码

代码如下:

startDrag("_root.mc0"，true);

注意这里是mc0不是mc，虽然你拖动的影片里面没有东西，在下面后细说的;

做到现在就算完工了，在这里就把重点的地方说一下。N为什么是它的一圈星星的个数

在第一个for循环语句里有这样一段，

setProperty("_root.mc"+i，_rotation，360/n*i);

看它的_rotation的值是360/n*i

也就是"_root.mc"+i，_rotation=360/16*i

也就是

_root.mc1._rotation=360/16*1

_root.mc2._rotation=360/16*2

_root.mc3._rotation=360/16*3

_root.mc4._rotation=360/16*4

_root.mc5._rotation=360/16*5

_root.mc6._rotation=360/16*6

_root.mc7._rotation=360/16*7

_root.mc8._rotation=360/16*8

_root.mc9._rotation=360/16*9

_root.mc10._rotation=360/16*10

.............._root.mc64._rotation=360/16*64

也就是说把360度平均分成16份，它们的角度就是这个值，360/16=22.5。

第一个MC的角度是从原MC角度22.5的地方开始复制出来的，第二个MC的角度是从原MC角度45的地方开始复制出来的，第三个MC的角度是从原MC角度67.5的地方开始复制出来的，直到乘到17的时候就重叠了，因为360/16*6=382.5，角最大值是360，当到382.5的时候它就把360看成0来计算了，结果就是22.5，当你把N的值调大的时候，比如36它就会有36个星星围成一圈了，360/36*i 也就是mc1角度是10*1，mc2的角度是10*2 ，mc3的角度是10*3 当乘到37的时候它的角度多了10也就是370，第37个MC的角度会是原MC角度的370-360也就是10，这就是N的值等于一圈星星的原因。

我们在主场景第一帧里放的代码明明是拖动的MC0，为什么MC复制出来的影片会跟着鼠标走，把在AS第二帧设置X、Y坐标的循环代码拿下来分析一下：

复制代码

代码如下:

for(var j=1;j

setProperty("_root.mc"+j，_x，_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/2);

setProperty("_root.mc"+j，_y，_root["mc"+j]._y+(_root["mc"+(j-1)]._y-_root["mc"+j]._y)/2);

}

看它的X坐标，

setProperty("_root.mc"+j，_x，_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/2);

setProperty这句话是说设置括号内(目标，目标的属性，该属性的值);

我们现在的目标就是主场景上面的mc1，mc2，mc3，mc4，mc5......mc64;

它们的X坐标值各是多少，为什么会跟随鼠标移动，我们来仔细地看下它们的值

_root.mc+i._x_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/2

也就是

mc1._x=mc1._x+(mc+(j-1)._x-mc1._x)/2

假设mc1现在的坐标是300

也就是mc1._x=300+(mc+(j-1)._x-300)/2

现在我们已经得到两个数字了，还有一个mc+(j-1)._x，先算括号内，j-1第一次运行循环的时候j的值是1，就是1-1，也就是0;也就是mc+0，也就是mc0，也就是我们拖动的那个没有东西的影片剪辑。mc0是跟着我们的鼠标动的，上面搞清楚后，我们就在给mc0也就是我们鼠标的坐标假设一个值。随便设定一个我们就假设100吧，值有了我们在接着做算术。

mc1._x=300+(100-300)/2

也就是

mc1._x=300+负200/2

也就是

mc1._x=300+负100 //注意下负值是越乘负的越多，越除负的越少，加减相反

也就是

mc1._x=200;

当计算机运行到这里时，mc1的坐标是200了，但200还不符合我们所看到的效果，我们运行的时候是它的坐标是跟着鼠标走的，那么程序会接着往下走，它就会执行设定MC2的坐标了，MC2的坐标会是250，接着是MC3的坐标是275，总之是越往下它们坐标的间隔就会越小，你自己可以测试下看。

当循环完64次以后程序跳出循环了，那么就会TOGO到下一帧，执行gotoAndPlay(2);

又回来了，接着又是循环64次，代码还是相同的代码，不一样的是这次的坐标都是已经设置过的了，我们在看一下MC1现在的坐标是多少了，上次设置过后是200，那么现在是

mc1._x=200+(100-200)/2

也就是

150

这个坐标值会离鼠标越来越近的，直到和鼠标的坐标一样，那么相同后面的MC也一样会近，直到它们的坐标和鼠标相等为止，而且它们的坐标永远也不会小于鼠标的坐标。

教程结束，以上就是Flash制作跟随鼠标旋转的星星动画效果过程，希望对新手朋友有一定的帮助!谢谢收看本教程!