0

flash怎么做旋转的花【汇编18篇】

浏览

6668

文章

18

篇1:flash怎么制作旋转飞舞的雪花

全文共 326 字

+ 加入清单

在电视里,我们看过那飞舞雪花,就像梦幻世界一般,那白茫茫的一片足以醉人。下面小编就为大家介绍flash制作旋转飞舞的雪花方法,一起来看看吧!

步骤

新建一个大小为550乘以400的舞台,画一个矩形,大小跟舞台同大,颜色为蓝色--->白色线性渐变,并且用渐变变形工具改变渐变方向。

这样雪花的背景颜色就做好了,最终结果如图:

接下来花一朵雪花:按住shift键画一个正圆,选择修改--->形状--->柔滑填充边缘:设置距离和步数的值如图所示,最终结果为图右。

4、接下来让雪花飘落下来:再第30帧设置关键帧,并且雪花移到下方,创建传统补间形状即可。

测试影片剪辑,结果如图所示:这样雪花就会从天空上方飞舞下来了。

可以依样画瓢,多画出更多的不同路径、不同大小的雪花。

展开阅读全文

篇2:flash油漆桶和补间动画制作小球的旋转动画

全文共 414 字

+ 加入清单

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

最终效果图:

步骤:

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

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

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

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

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

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

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

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

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

10、保存文件格式为swf.

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

展开阅读全文

篇3:flash怎样旋转和倾斜对象

全文共 258 字

+ 加入清单

flash旋转对象会使该对象围绕其变形点旋转。变形点与注册点对齐,默认位于对象的中心,但也可以通过拖动来移动该点。通过下面的方法来看一下怎样旋转和倾斜对象。

1、双击flash图标

2、新建一个flash文档。

3、在工具栏里选择“ 矩形工具 ”,利用“ 矩形工具 ”在舞台上绘制一个矩形。

4、选择中“ 矩形 ”,在菜单栏中单击“ 修改 ”,在弹出的下拉菜单中选择 “变形”—“旋转与倾斜 ”。

5、拖动角手柄给矩形对象旋转一个角度。

6、拖动中心手柄给矩形对象倾斜一个角度。

7、若要结束变形操作,请单击所选择对象以外的地方。

展开阅读全文

篇4:flash cs5如何制作旋转的三维立体图形动画

全文共 1136 字

+ 加入清单

立体图形在我们的生活中无处不在,尤其是立体几何,它要求我们要有很好的立体抽象能力才能处理问题,如果没有很好的立体感,立体几何的问题就无法解决,为了能够从不同角度审视立体图形,在此就利用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组合键 进行测试,测试完成后, 执行文件-另存为命令 ,在弹出的对话框窗口中输入立体图形,找到一个合适的位置后,点击保存按钮。

展开阅读全文

篇5:Flash如何制作可随意开动并能旋转的坦克

全文共 2202 字

+ 加入清单

这篇教程是教大家利用flash制作随意开动并能旋转坦克(感觉就象在玩遥控汽车,很有意思),在文章中,将学到AS中一些基本的语句、属性、对象和方法。 一起来学习吧!

学习Flash,不学ActionScript,所做的事情是有限的。但很多朋友都在抱怨AS太难学了。要告诉大家,其实AS一点也不难学。好,下面就一起来学习吧。

首先,新建一个文件,600*450像素,背景为黑色,40fps。

一、实现炮塔的旋转

1.按快捷键Ctrl+F8创建一个名为“炮塔”的影片剪辑元件。接着在其编辑场景中绘制一个炮塔,如图1所示。注意,炮塔是围绕场景中央的“?”字进行旋转的。所以大家在制作的时候要把炮塔圆盖的中心和元件场景中的“?”字重叠在一起。

2.按快捷键Ctrl+F8创建一个名为“坦克”的影片剪辑元件。接着在其编辑场景的“图层 1”中绘制一个坦克的主体。接着再从库中把“炮塔”元件拖拽到“图层2”中,如图2所示。

3.点选“图层2”中的“炮塔”元件,按F9打开“动作”面板,输入以下代码:

复制代码

代码如下:

// 键盘上有键按下时执行

onClipEvent (keyDown) {

// 如果按下“z”键,炮塔向左旋转6度

if (Key.getCode() == 90) {

_rotation -= 6;

}

// 如果按下“x”键,炮塔向右旋转6度

if (Key.getCode() == 88) {

_rotation += 6;

}

}

测试一下,你会发现炮塔现在可以旋转了。因为我们通过_rotation属性来改变“炮塔”的角度。Key.getCode()返回按下的最后一个键的键控代码值。不过,如果读者要用其它键来控制炮塔的选择也是可以的。具体要用什么键,我们可以查查该键的代码——字母键a-z对应的数值是65-90。无论你使用什么键,都要注意这样一个原则——方便用户操作。

二、实现坦克的运动

回到场景1,打开库,把库中的“坦克”元件拖入场景中,接着点选“坦克”元件,按F9打开“动作”面板,输入如下代码:

复制代码

代码如下:

onClipEvent (enterFrame) {

// move函数通过改变坦克的坐标值实现坦克的移动

function move() {

_y -= (Math.cos(Math.PI/180*this._rotation))*speed;

_x += (Math.sin(Math.PI/180*this._rotation))*speed;

}

if (Key.isDown(Key.UP)) {

move();

}

if (Key.isDown(Key.DOWN)) {

move();

}

// 如果敲击键盘上的“←”键或“→”键,就让坦克旋转

if (Key.isDown(Key.LEFT)) {

_rotation -= 3;

}

if (Key.isDown(Key.RIGHT)) {

_rotation += 3;

}

// 改变坦克的速度偏移量,使坦克运动时有一个加速度

if (Key.isDown(Key.UP) && !(Key.isDown(Key.DOWN)) && speed>-3 && speed

speed += 0.1;

}

if (Key.isDown(Key.DOWN) && !(Key.isDown(Key.UP)) && speed>-3 && speed

speed -= 0.1;

}

if ((speed>0.1) && (!Key.isDown(Key.UP)) && (!Key.isDown(Key.DOWN))) {

move();

speed -= 0.05;

}

if ((speed

move();

speed += 0.05;

}

// 如果同时按住两个方向相反的键,坦克不会一直移动

if ((Key.isDown(Key.UP)) && (Key.isDown(Key.DOWN))) {

speed /= 1.1;

if ((speed>-0.1) && (speed

speed = 0;

}

}

// 使坦克始终在场景中移动

if (_x

_x = 600;

} else if (_x>=600) {

_x = 0;

}

if (_y

_y = 450;

} else if (_y>=450) {

_y = 0;

}

}

上面的一大段代码,读者一下子恐怕也消化不了。现在笔者就来细细地讲讲这些代码。

1.大家可以发现,程序中很多地方用到了move函数,如果我们直接使用move函数里的代码,将会使整个程序变得冗长。而且,这样也不方便对程序地维护。

2.物体在运动的时候,总有一个不断变化的加速度。当坦克在运动在改变运动方向的时候,所改变的角度是不断变化的。通过代码:

_y -= (Math.cos(Math.PI/180*this._rotation))*speed;

_x += (Math.sin(Math.PI/180*this._rotation))*speed;

实现这一变化。其中y轴坐标用“-=”是和Flash坐标系设定有关的。因为,在主场景中,向上移动元件,就要减小y值。

3.Key.isDown()方法在按下“()”中指定的键时返回true值。我们通常用该方法检测是否按下“Shift键”、“Tab键”。

现在测试一下,你一定会觉得很有意思的。

以上Flash制作可随意开动并能旋转的坦克教程,希望大家喜欢!

展开阅读全文

篇6:Adobe Flash如何使物体旋转

全文共 513 字

+ 加入清单

flash中如何使物体旋转?下面,我们一起来看下操作方法。

操作方法

1

鼠标移到菜单栏,点击“插入”;弹出的菜单中再点:新建元件

2

弹出创建元件对话框,点击确定。

3

进入到元件内部操作个界面。在这个界面中画出一个图形。如图所示。

4

鼠标再点击场景1;返回到场景舞台中。

5

再从右边的库这里,把刚才画的图形拖到舞台中。

6

放在合适的位置上。按Q键,调出任意变形工具,把图形中心点移到尖角位置上。这样做的作用就是,当图形在旋转时,以这个尖角为中心点旋转。

7

按V键,调出选择工具。鼠标移到时间轴这里,在50帧这里点一下,再按F6键,执行插入帧命令。

8

鼠标在1至50帧的任意一帧上,右击,弹出菜单再点:创建传统补间

9

鼠标再在1至50帧的任意一帧上左键单击,在界面右边显示出属性面板,我们看补间这里,点击旋转的下拉按钮,弹出菜单再点:顺时针;那么,图形就以顺时针方向旋转。

10

这时,右侧的参数已被激活,我们设置其参数,参数越大,图形旋转就越快。

11

如图所示,点击新建图层按钮,新建一个图层。

12

按O键,调出椭圆工具,在绿色图形的尖角位置上画出一个圆形。

13

所有操作完成,我们按下CTRL+ENTER,观看下旋转效果,绿色图形围绕图形旋转。

通过上述的学习,相信大家已学会了使物体旋转的操作方法。

展开阅读全文

篇7:Flash怎么制作旋转动画效果

全文共 412 字

+ 加入清单

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

方法/步骤

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

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

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

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

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

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

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

展开阅读全文

篇8:Flash如何制作旋转的三棱锥

全文共 1050 字

+ 加入清单

这篇教程是向大家介绍如何利用flash3d制作旋转的三棱锥,希望大家通过本篇教程能知道Flash 3d的精彩效果。教程比较基础,适合新手学习。希望对大家有所帮助!

1.首先启动Flash,新建一个影片,设置影片舞台大小为253px*205px(单位为象素),影片背景色为白色.

2.为了方便下面的制作,这里依次选择查看/网格/显示网格菜单命令,打开影片的捕捉网格功能。

3.选择工具箱中的直线工具,在舞台中绘制出三棱锥的轮廓,如图所示:

4.打开混色器面板,在填充样式下拉列表中选择填充类型为线型渐变,然后分别设置渐变为从浅黄色(颜色RGB代码为251,217,162)到深黄色(颜色RGB代码为224,126,31)的渐变,如图所示;

设置完毕,在三棱锥的正面点击鼠标,填充效果如图所示:

5.按照相同的方法再将混色器中的填充颜色设置成深黄色到暗黄色的线型渐变色,其中深黄色的RGB值为(244,156,11),暗黄色的RGB值为(116,66,16),如图所示;

设置完毕后,在三棱锥的侧面点击鼠标,最后的填充效果如图所示:

6.选择箭头工具,双击三棱锥的轮廓线,将轮廓线全部选中,然后按下Delete键将三棱锥的轮廓线删除,最后只剩下如图所示的三棱锥色块:

7.在图层Layer1的第20帧插入一个关键帧,选择箭头工具,并选中三棱锥的右侧面,然后选择修改/变形/水平翻转菜单命令,将三棱锥的右侧面水平翻转,然后用箭头工具将它挪动到三棱锥的左侧,如图所示:

8.然后设置第1帧到第20帧之间为形状渐变动画效果,不过这时候可以选择控制/播放菜单命令预览其效果,可以看到三棱锥图形的变形并不是很正确,所以还要设置控制精确变形的形状提示点。选中图层Layer1的第1帧,然后选择修改/形状/添加形状提示菜单命令,给图形添加形状提示点,这时在工作区中将出现一个红颜色的圈,且其内有一个字母a,如图所示:

接着按键盘上的Ctrl+H快捷键,将增加一个形状提示点b,用同样的方法分别添加形状提示点c,d,e,f,然后使用箭头工具拖动各形状提示点为如图所示的位置;

9.选中图层Layer1的第20帧,用箭头工具拖动图形中的形状提示点b,c,d,e,f为如图所示的位置:

10.为了使三棱锥产生连续转动的效果,在图层Layer1的第21帧处插入一个关键帧,并删除三棱锥的左侧面,如图所示:

11.最后将图层layer1的时间线延伸到第22帧即可,最终时间轴如图所示;

教程结束,以上就是Flash 3d制作旋转的三棱锥过程,希望大家喜欢!

展开阅读全文

篇9:Flash AS3 个性的旋转圆形网页导航

全文共 1714 字

+ 加入清单

flashAS3制作个性旋转圆形网页导航,最终效果如下。

1、创建一个FLASH文件,保存为menu.fla文件。

2、重命名“layer 1″为 “actions”,我们使用小而美的Tweening Engine,下载AS3的压缩包,然后解压缩到com目录然后把这个目录放到menu.fla文件的文件夹中。

3、用矩形工具绘制一个黑色的矩形,转换为MC影片剪辑,打开属性窗口。

4、双击这个影片剪辑编辑它,使用文本工具,设置为动态文本,绘制一个区域,设置颜色是白色,命名实例名为abelBtn。

5、回到场景1,删除掉刚刚建立的影片剪辑。

6、我们选择第一帧,然后打开动作面板,输入下面代码,主要是为了导入Tweenlite engine。

import com.greensock.*;

import com.greensock.easing.*;

7、然后创建一个数字,动态调用每个菜单的项目文字。

var menu_items:Array = ["HOME","ABOUT ME","PORTFOLIO","BLOG","CONTACT"];

var menu:Sprite = new Sprite();

menu.x= stage.stageWidth / 2;

menu.y=stage.stageHeight /2;

addChild(menu);

8、用一个函数buildMenu来实现每个菜单项目。

function buildMenu(){

var btn:myButton;

var angle:int=360/menu_items.length;

for (var i:int = 0; i

btn = new myButton();

btn.buttonMode=true;

btn.labelBtn.text = menu_items[i];

btn.mouseChildren=false;

menu.addChild(btn);

TweenLite.to(btn,2,{rotation: -i*angle,ease:Bounce.easeOut});

}

}

9、最后添加一个监听单击事件的代码。

menu.addEventListener(MouseEvent.CLICK,clickHandler );

function clickHandler(e:MouseEvent ):void{

// TO DO ...

trace(myButton(e.target).labelBtn.text);

}

10、所有代码如下。

import com.greensock.*;

import com.greensock.easing.*;

var menu_items:Array = ["HOME","ABOUT ME","PORTFOLIO","BLOG","CONTACT"];

var menu:Sprite = new Sprite();

menu.x= stage.stageWidth / 2;

menu.y=stage.stageHeight /2;

addChild(menu);

buildMenu();

function buildMenu(){

var btn:myButton;

var angle:int=360/menu_items.length;

for (var i:int = 0; i

btn = new myButton();

btn.buttonMode=true;

btn.labelBtn.text = menu_items[i];

btn.mouseChildren=false;

menu.addChild(btn);

TweenLite.to(btn,2,{rotation: -i*angle,ease:Bounce.easeOut});

}

}

menu.addEventListener(MouseEvent.CLICK,clickHandler );

function clickHandler(e:MouseEvent ):void{

// TO DO ...

trace(myButton(e.target).labelBtn.text);

}

展开阅读全文

篇10:FLASH如何制作一树梨花旋转特效

全文共 1779 字

+ 加入清单

这篇教程是向大家介绍利用flash制作一树梨花旋转特效效果图。首先用Photoshop6.0制作梨花树的效果图,以便在应用3D软件制作梨花树360°旋转的时候有个感性的参考。功力未够之时切勿在3D软件里凭空制作,那样既把握不住形,也把握不住神。建议制作梨花树的三视图(前视图,侧视图,俯视图)使3D建模更准确。

3D建模

进入3ds max 5,用多边形建模法通过一个立体三角形拉出树干,注意建模时要反复与效果图对照。基本造型完成后用Meshsmooth功能使树干圆滑,Iterations数值设置为2,Smoothness数值设置为1.0。

制作树叶

用Pcloud粒子系统制作白色的树叶,并为其赋予Lens Effects的Glow效果。Size数值设置为0.5;intensity数值设置为80;Occlusion数值设置为100;Use Source Colour数值设置为10;树下的落叶也用Pcloud粒子系统制作,颜色调为绿色,同样赋予Glow效果。

模拟卡通渲染

为求简化制作,我们利用材质的自发光效果使物体看上去是平面卡通效果,在Standard材质下,选取Blinn,并把Self-Illumination的Colour设置为100,按照效果图去调整Diffuse内颜色,使树干,树叶和落叶的颜色与效果图相匹配。

动画的背景为由上(粉红色)而下(淡黄色)的过渡色形成,我们可以利用Photoshop制作出一张背景图,JPG或BMP格式均可,再通过3ds max 5内Rendering功能设置把背景图导入3ds max 5里面;方法是在Common Parameters卷栏里钩选Use Map,点击下方按钮弹出Material/Map Browser栏,选择Bitmap然后浏览到背景图。

旋转动画制作

建立灯光Lights,我们选用Omni类型,选择所创建的Omni,并在Modify面板下,勾选Shadows On。

建立Splines下的一个Circle,以其作为摄像机的行走路径。把梨花树放置于Circle的圆心处,Circle的直径要求比梨花树大。

建立Helpers下的虚拟物体Dummy Object,命名为BoxGizmo01,并将其放置于Circle的圆心处,水平方向需比Circle要高,置于梨花树内。

建立摄像机Cameras,我们选用Target类型。通过Motion面板的Assign Controller按钮为Cameras选择Path Constraint功能,选择Add Path,拾取Circle作为摄像机运动路径,在Look At Parameters卷栏下,选择Pick Target,拾取虚拟物体BoxGizmo01,使镜头对准并绑定BoxGizmo01。此时,摄像机已经能沿着Circle走动一圈。通过调整Circle与BoxGizmo01的位置,使梨花树在镜头内的运动正常。

输出动画

选择Render Scene,弹出Render Scene对话框,Time Output选择Range 0 To 100(此为动画的总帧数,可调整到你所需要的帧数)

在Output Size内调整Width与Height的参数以得到要输出的尺寸,在Render Output内勾选Save,点击Files弹出对话框,选择AVI类型,点击Setup,为了控制AVI文件大小适合应用于网络,我们建议选择MPEG-4类型。点击Render完成动画输出。

值得注意的是AVI的帧数需与Flash动画的帧数保持一致,3ds max 5内通过界面右下角的Time Configuration按钮设置帧数,选择Custom,把FPS内数值调整成25(思妙动画制作应用25帧/秒的制作质量)。

Flash MX内的帧数设置在Modify内选择Ducument弹出对话框,调整Frame Rate内数值。

导入动画

运行Flash MX,通过File Import导入制作好的AVI文件,Import Video Settings内,Quality数值设置为90,Keyframe interval数值设置为25,Scale为100。

直接用Flash MX输出SWF后,Flash动画《一树梨花》内的梨花树旋转也就制作完毕了。怎么样才能制作出好动画?用心去做吧。

展开阅读全文

篇11:Flash制作旋转小星星动画?

全文共 1555 字

+ 加入清单

具体制作过程如下:

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、好了,所有的工作都已经完成,测试你的影片。

展开阅读全文

篇12:Flash如何制作跟随鼠标旋转的星星动画效果

全文共 3470 字

+ 加入清单

本教程是向大家介绍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制作跟随鼠标旋转的星星动画效果过程,希望对新手朋友有一定的帮助!谢谢收看本教程!

展开阅读全文

篇13:flash怎么制作齿轮旋转的动画

全文共 654 字

+ 加入清单

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

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

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

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

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

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

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

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

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

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

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

展开阅读全文

篇14:flash如何制作3D旋转地球的动态效果

全文共 306 字

+ 加入清单

这篇教程是用flash制作3D旋转地球的GIF动态效果方法,素材是一个平面地图,做出一个动态的效果。教程难度不是很大,一起来学习吧!

方法/步骤

1、首先新建一个flash文件。

2、导入一个素材,这里的素材随意都可以,做出效果就行。导入之后改变一下大小,合适就行。

3、然后新建图层2,做遮罩用。

4、在图层2上画一个高度差不多的正圆,就显示的地球的大小。

5、准备好了之后开始做动画效果了,首先在图层1创建一个运动动画,帧数自定,这里在第25帧插入一个关键帧,点鼠标右键,创建运动动画。记得图层2保持图层1的帧数一致。

6、点击图层2,鼠标右键选择遮罩层。

7、达到下图的效果就可以了,这样一个选择的地球效果就出来了。

END

展开阅读全文

篇15:Flash旋转复制和对齐工具如何绘制齿轮ico图标

全文共 857 字

+ 加入清单

画到设置icon的时候,突然觉得把平常用的方法发上来,也许会给有些刚刚接触flash的同学一点便捷.于是写了这个制作流程齿轮是制作icon的时候常用的图形,flash在制作类似图形的时候,有比较强大的优势,做起来很简单.其中只用到了旋转复制对齐工具. 好了,下面就为大家介绍Flash旋转复制和对齐工具绘制齿轮ico图标方法,来看看吧!

下面是具体的步骤.

1.在场景中的任意位置创建一个圆.不填充颜色.(下同)

2.按Ctrl+K调出对齐面板.确认选中"相对于舞台".分别点击水平居中,垂直居中选项.

3.在舞台任意位置画一条直线,直线目测大于圆的直径就好,最好不要和圆形交叉,不然会增加麻烦.

4.选中第3步中的直线,按Ctrl+C(复制),再按Ctrl+Shift+V(原地粘贴),这时直线为选中状态,(这时不要点击舞台的任何区域),选择变换工具,对选中的直线进行90度旋转操作,使之成为十字形.

5.双击十字交叉线,在对齐面板中点击相对于舞台水平垂直居中.在舞台中的任意位置创建一个矩形,最好不要和其它线交叉.双击选中矩形.

6.使用相对于舞台垂直居中按钮,使矩形和其他图形垂直居中,并使用方向键进行微调,使之达到一个合适的位置.

7.按V键使用选择工具,选中矩形,选择变形工具,将变形的中心点移到十字的中心,(此时,中心点到十字中心的位置会自动粘贴到中心,所以很方便的).

8.按Ctrl+T调出变形面板.将旋转的度数设为45.(这个根据设计的要求任意设定,它决定齿的多少),

9.按下下方的连续复制按钮.可以看到,矩形以45度的角度,并以十字的中心为中心,旋转复制出了一个矩形.

10.连续点击复制变形按钮,形成下面的图形.

11.使用选择工具,去掉不要的线条.形成下图.在舞台的任意位置创建一个圆.直径小一些.

12.选择这个圆,使用对齐工具,使水平垂直居中于舞台.

13.齿轮完成.

这只是最基础的图形,接下来就可以使用颜色面板做出华丽的icon.同时,使用类似方法也可以做出其他规则图形,稍做修改就能变成各式各样的icon.

展开阅读全文

篇16:怎么利用Flash制作旋转的花朵

全文共 650 字

+ 加入清单

先看下最终效果:

本课中的内容涉及:函数定义, for...in 语句, .onEnterFrame 三个关键内容,函数的作用是实现代码的重用,配合for...in语句可批量赋予函数.望初学者仔细阅读.

思路:

1.使用for...in语句遍历整个主场景(_root)中所有的对象;

2.找到他们(如_root[k]),并为他们的不同方法指定不同函数;

步骤1: 在主场景放入若干个影片剪辑,不需要为他们起实例名。 步骤2: 加入AS代码:

var F1:Function = function () {

this.startDrag(false);

};

var F2:Function = function () {

this.stopDrag();

};

var F3:Function = function () {

this._rotation = this.speed;

};

//定义三个函数:

// F1完成对象开始拖拽功能;

// F2完成对象停止拖拽功能;

// F3完成对象自转功能,速度为每个对象各自的speed*/

for (var k in _root) {

_root[k].speed = random(20);

_root[k].onPress = F1;

_root[k].onRelease = F2;

_root[k].onEnterFrame = F3;

}

//遍历主场景,为每个MC设置speed属性及onPress,onRelease.onEnterFrame方法。

上一页 1 2 3 下一页 阅读全文

展开阅读全文

篇17:Flash如何制作漂亮的循环旋转花边效果

全文共 1109 字

+ 加入清单

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

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

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

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

3.复制第1帧中的图案后在第2帧插入空白关键帧,按CTRL+SHIFT+V组合键,将第1帧中的图案粘贴到原位置。这一步很重要,只有这样才能保证圆心和半径不变。

4.打开“调色板”(Window----Color Mixer),改变“图案”的颜色。

5.按照第3、4两步的操作,完成第3、4……10帧的图案,注意每帧图案的颜色应有所变化。

6.再建一脚本层。在每一帧上都加上停止(stop)命令。完成后的时间轴如图1所示

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

1.将电影剪辑“图案”拖放到主舞台的下方适当位置。

2.选择“图案”,打开properties面板,为“图案”命名为ball. 在第5帧按F5。

3.新建一层,用文字工具绘制标题,如“老顽童工作室”,也可按你的需要绘制其它图形。

4.再新建一脚本层。打开Actions动作面板。为各帧加上脚本。

在第1帧上加上脚本:

复制代码

代码如下:

//---隐藏ball图案_root.ball._visible=false;

p=1;

//---复制24个图案while(p

duplicateMovieClip("ball","ball" add p,p);

//---让复制出的图案排成一个圆 _root["ball" add p]._rotation=p*360/24;

p++;

}

在第2帧加上脚本:

复制代码

代码如下:

i=1;

在第3帧加上脚本:

复制代码

代码如下:

//---将电影剪辑的10个图案随机的赋值给变量Kk=random(10)+1;//---复制的电影剪辑按叠加顺序随机的选择颜色变化

_root["ball" add i].gotoandplay(k);

i++;

在第4帧加上脚本:

复制代码

代码如下:

if(i

gotoandplay(3);

}

第5帧加上脚本:

复制代码

代码如下:

//---反复播放gotoandplay(2);

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

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

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

展开阅读全文

篇18:FLASH AS鼠标拖拽与旋转MC的教程是什么

全文共 1189 字

+ 加入清单

在网上看到某个游戏既要拖拽mc又要旋转mc,拖拽用鼠标事件实现,而旋转需要用shift+鼠标click事件。总觉得太麻烦了。故而希望自己能找到一种只用鼠标就能同时实现拖拽与旋转功能的方法。

结果发现MOUSE_DOWN+MOUSE_UP竟然相当于一次CLICK事件。即每次释放鼠标左键,停止拖拽时,mc会旋转一次,而这个显然不是预期的效果。

于是,开始明白了,那个程序员为什么要添加shift键的侦听了。

可是,不用shift键就不能实现这种功能吗?开始考虑如何区分MOUSE_DOWN+MOUSE_UP与CLICK.。

方法一:设置时间间隔。时间不太好把握,pass掉。

方法二:用鼠标的相对位置。倘若mc未移动则视为click事件。正解!

复制代码

代码如下:

package{

importflash.display .*;

import flash.geom .Point;

import flash.events.*;

public class main extends Sprite{

private var mc:MC;

private var clickOffset:Point;

private var mouseLoc:Point;

public function main(){

mc=new MC();

addChild(mc);

mc.x=200;

mc.y=200;

mc.addEventListener(MouseEvent.CLICK ,rot);

mc.addEventListener(MouseEvent.MOUSE_DOWN,startdrag);

mc.addEventListener(Event.ENTER_FRAME. ,drag);

stage.addEventListener(MouseEvent.MOUSE_UP,stopdrag);

}

private function startdrag(e:MouseEvent ){

mouseLoc=new Point(e.stageX,e.stageY);

clickOffset=new Point(e.stageX-mc.x,e.stageY-mc.y);

}

private function drag(e:Event){

if(clickOffset==null) return;

mc.x=mouseX-clickOffset.x;

mc.y=mouseY-clickOffset.y;

}

private function stopdrag(e:MouseEvent ){

clickOffset=null;

}

private function rot(e:MouseEvent){

if(!mouseLoc.equals(new Point(e.stageX,e.stageY)))return;

mc.rotation+=30;

}

}

}

展开阅读全文