0

flash如何制作来回闪动的小球球动态效果图【推荐11篇】

浏览

2679

文章

11

篇1:flash如何制作圆规画圆的动态效果图

全文共 1072 字

+ 加入清单

头帧与末帧没有任何变化,只需要在补间动画的属性中设置一下,就可以产生旋转动画,是不是很有意思。这个属性就是flash补间动画中相关的一个属性——旋转。方法为主,圆规只绘制一个较为简单的。下面就为大家详细介绍一下,来看看吧!

一、绘制圆规

绘制圆规头。Ctrl+F8新建元件,类型图形,名称随意。

R键调出矩形工具,颜色面板中,线条禁用,填充色类型线性,填充条色标如图设置。三种灰色由前到后分别为#DDDDDD、#CCCCCC、#8C8C8C(这个填充色用于整个圆规中)。在舞台上拉出一个矩形,我画的长宽为23*11。

F键调出渐变变形工具,将填充色如图调整,使底部在阴影处。

新建一层,用矩形绘出中间部分,渐变色不需更改。这里画出的长宽为12.3*5。

新建第三层,矩形工具绘出上部。宽高为4.3*13.5。圆规头部绘制完成。

新建一个新的图形元件,如图绘制规脚。两个矩形,宽高分别为11*107、8.5*4.3,线条工具绘出尖针。

二、制作动画

回到场景。填充色红色。O键调出椭圆工具,按住shift键画出一个正圆作为圆心。

新建一层。N键调出线条工具。属性面板里设置自己喜欢的线条色,笔触高度设为5。按住shift键,由圆心向外拉出一条直线。

第10帧右键——插入关键帧。回到第1帧,Q键调出变形工具,将变形点移至起点。

V键选择工具,按住线条终点,拖至起点,使其成为一点。

在第一帧右键——创建补间形状。

新建一层,T键调出文字工具,写上距离的长度。Q键调出变形工具,旋转文字使之与线条平行。

按住shift键,将三层的50帧全部选中,右键——插入帧。锁定三个图层。

新建一层,第11帧插入关键帧。库中拖出圆规头与圆规脚,变形工具旋转、移动,再复制一个规脚,最终组合成一个圆规。

隔两帧插入一个关键帧,调出变形工具,将组合图形的变形点移至右脚针尖,使圆规以右针尖为基点向左旋转。然后,选择左规脚,将变形点移至右上角,旋转使左规脚略分开。

重复上一步的操作,使最终圆规彻底张开至整个线条长度,后面的关键帧圆规头也需调整至合适位置。图中用编辑多个帧显示每个关键帧的图形。

最后一步的圆规选中,右键——转换为图形元件,取名圆规。将变形点移至右针尖。

第50帧右键转换为关键帧。第21帧插入关键帧,右键——创建补间动画。

属性面板,旋转——顺时针。

锁定所有图层。圆规图层下新建一层,只留线条色画出一个与圆规轨迹相同的正圆。起点处擦去一点。

隔几帧插入一个关键帧。每一关键帧将从针尖至末尾的线条擦去。完成。测试效果吧。

注意事项

帧数只是参考,由个人喜好与绘图大小决定。效果图是帧数缩短后的效果。

展开阅读全文

篇2:flash如何制作来回闪动的小球球动态效果图

全文共 261 字

+ 加入清单

下面为大家分享flash制作来回闪动的小球球动态效果图方法,教程很不错,难度不是很大,很值得大家学习,希望能对大家有所帮助!

方法/步骤

1、打开flash,新建一个文档 双击进入主界面

2、用椭圆工具在舞台中按shift键 ,画一个椭圆 ,

3、按住alt键进行复制 ,复制四个 ,用移动工具排好位置 如图

4、选中第一帧 把第一个小球的颜色变一下

5、在第二帧处按f6 把第二个小球的颜色变一下

6、在第三帧处按f6 把第三个小球的颜色变一下

7、在第四帧处按f6 把第四个小球的颜色变一下

8、现在按住Ctrl加回车键 可查看影片效果

展开阅读全文

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

全文共 306 字

+ 加入清单

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

方法/步骤

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

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

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

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

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

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

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

END

展开阅读全文

篇4:PS如何制作吊坠来回摆动的gif动态效果图

全文共 584 字

+ 加入清单

PS做一个轻轻晃动的小小的吊坠,涉及变形点的使用,动画的制作、延迟帧的设置、图层的隐藏等。

一、准备材料

首先,打开一张吊坠的PNG图片。没有就找一张自己抠一下。

将准备好的相片拖进来。

M键调出矩形选框工具,沿相框中线拖出一个矩形。

Ctrl+Shift+I反选,Delete删除相片多余部分。Ctrl+D取消选区。

回到相框层,Ctrl+T调出变形框,将变形点移至相框最上方挂环处。

Ctrl+J复制两个,并分别旋转到左右两边。因为变形点移至上方,所以可以以挂环为轴旋转。

同样将相片的变形点移至上方,复制两个,分别旋转到另外两个相框所在位置。

二、制作动画

窗口菜单,选择“ 动画 ”,打开动画面板。

点击复制所选帧按钮,复制三帧。

选择第一帧,图层面板上缩览图前的小眼睛,将相框、相框2以及相片、相片2隐藏,只显示相框3与相片3。

同样第二帧,只显示相框与相片层;第三帧,只显示相框2与相片2;第四帧再回到中间。

点击帧1,按住shift键再点击帧4,同时选中所有帧。

点击时间后面的小箭头(选择帧延迟时间),在出现的菜单中选择“ 其他 ”。

在出现的面板中输入0.3秒,确定。数值个人按自己喜好设置。

点击动画面板中的播放/停止按钮,测试效果

打开文件菜单,选择“ 存储为Web和设备所用格式 “。

设置如图。格式选择GIF,颜色深度、仿色、最大颜色、损耗等尽量选择最好。

完成后,点击存储即可。

展开阅读全文

篇5:flash制作一个简单的3种动态文字效果

全文共 886 字

+ 加入清单

在学习flash的过程中,我们都是从基础到精通这样一个过程,下面我来教大家做一个简单的显示3种动态文字效果的实例,来看看吧。

最终效果图:

1、打开Flash 8 Professional,按图点【 新建 】,在弹出对话框中选【 Flash文档 】。

2、新建文件后,有时要调整文件的大小,背景色和播放速率等参数。我在这里选用默认参数,所以不多赘述。

3、在时间轴面板上点击【 插入图层 】按钮,并双击各图层名称,改成新的名称。

4、先编辑welcome图层,选中welcome层的第一帧,选取工具箱的文本工具。然后,在舞台下方的属性检查器中设置文字的属性,并在舞台上输入"Welcome"字样。

5、在welcome层的第2、3、4、5、6、7帧分别按下F6键(即插入关键帧)。

6、再次选中welcome的第一帧,双击"Welcome",删除后面六个字母,只留下"W",如图,用同样的方法,第2帧留下"We",第3帧留下Wel,直到第7帧保留完整的Welcome。

7、选中welcome层的第15帧,按下F5键(插入帧)。

8、在to层第8帧插入一个关键帧,然后用文本工具输入"To",并移动到舞台左侧。

9、在to层的第11帧按F6插入关键帧,把"To"移动到舞台中央。

10、单击To层第8帧,在舞台下方的属性检查器的【 补间 】下拉列表框中选择【 动画 】,这样在时间轴的To层可以看到一个小箭头。

11、在flashworld层的11帧中插入关键帧。单击工具箱中的矩形工具,在颜色面板中选取相应的颜色。再在舞台中央画出一个长条矩形。

12、在flashworld图层的第15帧按F6插入一个关键帧,并删除舞台上的矩形。再次选取文本工具,在原来的矩形位置输入文字"flashword",按两次Ctrl+B组合键分离文字对象。如图所示。

13、选中flashworld层的第11帧,在属性检查器的【 补间 】下拉列表框中选择【 形状 】。

14、在每一图层的第20帧按F5键,此时时间轴如图所示。

15、这样基本做好了,预览测试完该动画,就可以点击菜单栏中的 【文件】|【导出】|【导出影片】。

展开阅读全文

篇6:Flash AS3如何制作画框随图片的大小而动态改变

全文共 2629 字

+ 加入清单

这篇教程是向大家介绍flashAS3制作画框图片的大小而动态改变方法,这是一个为图片加框的效果,画框依据图片的大小而动态改变。

1、新建一个Flash文件,宽、高设置为550*420,背景黑色。

2、准备4张大小不同规格的图片,最大的宽、高不要超过530*380。

3、导入图片:在文件菜单选导入=>导入到库。如图:

4、图层1,改名为图片。拖第一个图片到舞台将它转换成影片剪辑。命名”Image 1 ″设定注册点居中。如图:

5、重复第4步,拖入其它的3张图片到舞台,任意摆放。命名”Image 2 ″,”Image 3 ″,”Image 4 ″,库面板如图:

6、给舞台上的实例命名“image1”至“image4”。

7、隐藏图层1,添加图层2。

8、图层2改名为边框,用矩形工具,填充色禁止,笔触白色,高度为4像素,画一个长方形边框。

9、将长方形转换为影片剪辑,设置注册点居中。舞台实例命名为“imageBorder”。:

10、添加图层3,命名为as,输入代码:

复制代码

代码如下:

//Import TweenMax (we use it for animation)

import gs.*;

//Save the center coordinates of the stage

var centerX:uint = stage.stageWidth / 2;

var centerY:uint = stage.stageHeight / 2;

//Let’s add the images to an array

var imagesArray:Array = new Array(image1,image2,image3,image4);

//This variable will store the current image displayed

var currentImage:MovieClip = null;

//Make the border invisible at first

imageBorder.alpha = 0;

//Loop through the array elements

for (var i:uint = 0; i

//We want all the images to be invisible at the beginning

imagesArray[i].alpha = 0;

//Save the index of the image to a variable called "imageIndex"

imagesArray[i].imageIndex = i;

}

//We listen when the user clicks the mouse on the stage

stage.addEventListener(MouseEvent.CLICK, stageClicked);

//This function is called when the user clicks the stage

function stageClicked(e:MouseEvent):void {

//Check that the current image is not null

if (currentImage != null) {

//Animate the current image away

TweenMax.to(currentImage, 1, {alpha:0});

//Check to see if we are at the end of the imagesArray

if (currentImage.imageIndex == imagesArray.length - 1) {

//Set the first image of the array to be our currentImage

currentImage = imagesArray[0];

} else {

//We are not at the end of the array, so get the next image from the array

currentImage = imagesArray[currentImage.imageIndex + 1];

}

} else {

//If the currentImage is null (= we just started the movie), we set the first image in the array

//to be our current image.

currentImage = imagesArray[0];

//Set the border’s alpha to 0.5

imageBorder.alpha = 0.5;

}

//Position the current image and the border to the center of the stage

currentImage.x = imageBorder.x = centerX;

currentImage.y = imageBorder.y = centerY;

//Animate the border’s width and height according to the current image’s dimensions.

//We also a nice glow effect to the image border

TweenMax.to(imageBorder, 0.5, {width: currentImage.width + 8, height: currentImage.height + 8,

glowFilter:{color:Math.random() * 0xffffff, alpha:1, blurX:20, blurY:20, strength:100, quality:1}});

//Animate the currentImage’s alpha

TweenMax.to(currentImage, 1, {alpha:1});

}

11、全部完工,测试影片。注意:把gs类库保存在fla同一目录下。

教程结束,以上就是Flash AS3制作画框随图片的大小而动态改变教程,希望能对大家有所帮助,谢谢阅读!

展开阅读全文

篇7:flash怎么制作一个文字翻转的动态效果

全文共 325 字

+ 加入清单

flash动画中,经常看到有翻转效果,这次就制作一个文字翻转的动态效果,喜欢的朋友可以参考本文!

步骤

1、打开FLASH软件,新建FLASH文档;

2、修改文档属性,600*200像素;

3、在图层1中绘制如图片中的图形;

4、对每个图形分别经行元件转换,转换为图形元件;

5、选择所有元件然后右键,选择分离到图层;调整位置;

6、添加关键帧,并且添加补间动画,注意选择水平翻转;

7、这步比较关键,不然翻转动画会出现不流畅,添加关键帧;对元件经行分离然后再转换为元件,之后添加关键帧才能翻转操作;

8、根据上一个步骤吧所有的元件做好翻转动画;

9、测试动画,观看效果是否连贯;经行最后的修改;

10、导出影片,格式GIF 绘制完成。

注意事项

注意箭头处

注意翻转的连贯性

展开阅读全文

篇8:flash如何制作一个跟随系统时间的动态时钟

全文共 666 字

+ 加入清单

很多朋友一定在网上看到别人制作flash时针非常的炫酷,但是又不知道怎么制作,下面为大家分享flash制作跟随系统时间动态时钟的基本方法,希望能够起到抛砖引玉的作用,对您有所帮助,大神或各位看官非喜勿喷!

方法/步骤

打开Adobe Flash Professional CS6,其他版本的flash软件也可以。

新建一个文档,宽高为:500*500像素,帧频为24.00fps,背景颜色根据自己爱好选择,这里默认为白色。

把图层1改为表盘,在第一帧上绘制出表盘。

新建图层2,改名为大刻度,绘制大刻度,并将其注册点调到表盘中间位置。

在变形面板中将旋转角度设置为15°。

然后选择“重置选区和变形”按钮,点击12次。

新建图层3,改名为小刻度,用同样的方法绘制出小刻度。

新建图层4,改名为中心点,并绘制出中心点。

新建图层5,改名为时针,新建影片剪辑,命名为时针,绘制时针。

将绘制好的时针在属性面板中将实例名称改为“sz”(这一步很重要!)

新建图层6,改名为分针,新建影片剪辑,命名为分针,绘制分针。

将绘制好的分针在属性面板中将实例名称改为“fz”(这一步也很重要!)

新建图层7,改名为秒针,新建影片剪辑,命名为秒针,绘制秒针。

将绘制好的秒针在属性面板中将实例名称改为“mz”(这一步也很重要!)

新建图层8,改名为as。

在as图层第一帧出单击右键,点击动作。

在动作面板中输入以下代码,这一步相当重要!

至此,大功告成,按Ctrl+Enter,进行影片测试,好好欣赏您的作品吧!

注意事项

注意时针,分针,秒针为影片剪辑,并且其实例名称要与代码中的一致

展开阅读全文

篇9:Flash CS3轻松制作动态文字方法

全文共 526 字

+ 加入清单

我们经常在网站等各种视频媒体上看到飞行文字或者弹跳之类的文字效果,或者由飞行汇集成文字或其它图案,如企业标志等,效果很漂亮。本flash教程就是模拟这种效果的,先建立所需要的文字或者其它,利用 Flash 发散动画文字。下面是最终效果,希望大家喜欢。

先看效果

1、在Flash CS3中新建一个Flash文档。使用快捷键Ctrl+F3打开Flash“属性”面板,单击面板中的“尺寸”按钮,打开“文档属性”面板,设置场景大小为500px x 250px,背景为黑色,帧频为12fps,背景颜色为灰绿色,然后电击确定按钮。如图1所示。

图1

2、建立新图层,取名为太。接着点选“工具”面板中的“文本”工具,在“太”场景中输入一个汉字“太”字。按快捷键Shift+F9打开“混色器”面板,设置颜色为黄色,如图2所示

图2

3、右键点选“太”字图层 ,第1帧,在弹出的菜单中选择“插入关键帧 ”命令。点选第8帧并按快捷键F6插入关键帧,在“属性”面板中设置其alpha值为30%,到了第8帧设置其alpha值为100%,其他设置看图5,如图3所示。效果图如图4所示。

图3

图4

图5

4、其他的也用相同的方法制作,然后按键盘的快捷键Ctrl+Enter看效果,如图6所示。

展开阅读全文

篇10:怎样用flash制作一个简单的动态文字效果

全文共 218 字

+ 加入清单

操作方法

1

新建文档

双击flash图标,打开软件,并且新建一张AS3.0文档,如下图所示:

2

文字工具

使用文字工具在舞台上写上一些文字,如下图所示:

3

文字打散

使用快捷键【ctrl+B】按2次将文字打散,如下图所示:

4

任意变形工具

使用任意变形工具更改文字的大小,再使用填充工具更改文字的颜色,如下图所示:

5

关键帧

在40帧处创建关键帧,将文字移动到适当位置,再更改文字的颜色和大小,如下图所示:

6

创建形状补间动画

然后再1-40帧的地方创建形状补间动画,如下图所示:

展开阅读全文

篇11:flash如何制作星星来回动变色变大小效果图

全文共 381 字

+ 加入清单

下面向大家介绍flash制作星星来回动、变色、变大小效果图,教程很基础,很适合新手来学习,推荐过来,一起来学习吧!

方法/步骤

1、打开flash,新建一个3.0文件,颜色为白色,

2、用多角型工具在舞台中画一个五角星,

3、在40帧处按f6,在40处,把五角星移动位置,

4、在第一帧和40帧之间 按鼠标右键,选择创建传统补间,这时候动画效果已经完成,按回车键可看效果,

5、效果已经出来了 在此基础上做的在复杂一下,

6、选中第一帧,在右面的补间旋转中,选择顺时针,(当然也可以选择逆时针,),旋转次数为6,现在按Ctrl+回车又有不同的效果,

7、选中第一帧,样式中选择alpha,度数选择20,这时候按回车又有不同的效果

8、按Ctrl+回车测试影片

教程结束,以上就是flash制作星星来回动、变色、变大小效果图方法介绍,操作很简单的,大家学会了吗?希望能对大家有所帮助!

展开阅读全文