0

运用flash制作一个简单动画(经典20篇)

浏览

837

文章

172

篇1:flash 生日贺卡小动画制作

全文共 228 字

+ 加入清单

flash能够用来制作一些小动画。下面,我们来看看如何使用Flash制作生日贺卡小动画吧。

操作方法

1

导入图片

先网上找一张关于礼物的图片,或者可以自己绘制,如下图所示:

2

关键帧

在图层1中的第50帧位置插入关键帧,然后锁定图层1,插入图层2,如下图所示:

3

文字工具

用文字工具写上【祝你生日快乐】,并给文字打散,如下图所示:

4

在第4帧插入关键帧,把第一个文字移动到相应的位置,并改变大小和颜色,同理处理其他文字,如下图所示:

5

创建形状补间动画

然后创建形状补间动画即可,如下图所示:

展开阅读全文

篇2:Flash如何制作红叶飘落的GIF动画特效

全文共 882 字

+ 加入清单

本教程是向大家介绍利用flash制作红叶飘落的GIF动画特效教程,希望大家通过本教程能举一反三再来学习,红叶的制作,主要学习内容是,如何灵活运用引导层。

素材1

制作方法:

1、建新文档。

2、文件--导入--导入到库。把背景图片和叶子图片导入到库。

打开对齐面版,相对于舞台,水平中齐,垂直中齐。把背景和舞台对齐。

3、点窗口--库, 在1 帧,把背景图从库里拖出舞台,调整与舞台一样大小。把图层1 改为背景层,右键点背景,转换为图形元件,名:背景。在300 帧点左键,插入帧。

4、锁定背景层,新建图层1,在第1 帧,从库里把叶子图片拖出舞台, 选取工具栏中的任意变形工具把叶子调好方向大小,对叶子点右键, 转换为影片剪辑元件,名:叶子。

5、在250帧点右键--插入关键帧,在1~250帧内任选一帧点右键创建补间动画,建立1~250帧的叶子运动,在属性栏面版上在“调整到路径上”打勾:

6、锁定图层1 。添加运动引导层,选用工具栏中的铅笔工具,笔融颜色随意,附属选项:平滑。填充色无。在引导层的第 1帧 画一条平滑曲线,即叶子运动轨迹。

7、锁定引导层,打开图层1,把1 帧的叶子元件拖到引导线的上端。注意:一定要把元件注册点压在引导线上。

8、鼠标移到250帧,把1 帧里的叶子元件拖到引导线的下端。记住要把元件注册点压在引导线上。

9、按回车测试,叶子顺利飘落。锁定图层1 打开引导层,复制第二条引导线,增加图层2,在图层2 的第11帧,把库里的叶子元件拖出舞台放在第二条引导线的上端,在第260帧插入关键帧,11~260帧内任意1帧点右键创建补间动画,点260帧,把引导线上端的叶子元件到下端,把属性栏面版上在“调整到路径上”打勾

10、不断重复第10步,每复制或重新画一条引导线,就相应加一图层,每新图层比前图层后退10帧 ,直到您认为叶子够了为止。

这是第10层时间轴的前部份

11、OK!测试影片。文件--另存为,导出源文件 *.fla 文件--导出影片,把弹出菜单中的由下而上改为由上而下,确定,导出影片文件 *.swf

这个方法只适应初学者,更进一步可以使用AS让树叶飘落。

展开阅读全文

篇3:Flash找你们制作漂亮的文字动画效果

全文共 532 字

+ 加入清单

如何制作flash文字动画效果呢。即使完全不会用Flash软件,照样能做出漂亮的动画文字。今天和网友们说说,怎样轻松制作出漂亮的Flash动画贺卡哦 ^_^,一来看看吧!

1、点击【 影片剪辑 】,在影片剪辑和杂项中输入合适的参数

可以点击【 预览 】来查看设置的窗口大小是否合适

2、点击【 背景 】,给背景选择合适的填充

有四种方式可供选择

3、点击【 背景效果 】,在右侧选择一种背景效果

选择好后,点击下面的【 预览 】来查看效果是否满意,若不满意再更换

还可以在属性中对效果进行参数设置

4、点击【 文本 】,在右侧添加、编辑 flash 中的文本

可以添加多个文本,不过它们先后显示,位置相同

5、点击【 文本效果 】,在右侧选择一种文字的动画效果

先点击预览,然后依次选择,预览会自动显示不同的效果

6、点击【 字体 】,在右侧设置字体的相关参数

7、点击【 交互 】,在右侧可以设置播放结束后的状态,页面链接等

8、点击【 声音 】,可以指定 flash 播放的背景音乐

通常加个音乐,能起到很好的效果,让作品有声有色

9、所有的设置完成后,如果预览觉得满意,就可以发布啦

点击【 发布 】,可以选择生成 flash、gif 或 avi

10、现在可以欣赏一下你的作品啦 (^o^)/

展开阅读全文

篇4:FLASH怎么制作箭头射中靶子的动画

全文共 185 字

+ 加入清单

flash软件模拟射箭的动画,关键是绘制出靶子,和箭,然后用补间动画完成。

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

2、绘制一个椭圆,然后进行复制,绘制出靶子;

3、添加图层,绘制出弓,

4、新建图层,绘制出箭;然后 转换为元件;

5、 添加关键帧, 进行补间动画设置;

6、观看效果,导出影片, 格式GIF 绘制完成

注意事项:

注意弓、箭靶子的位置,可以做成弧线是运动。

展开阅读全文

篇5:Flash怎么制作一片树叶飘落动画

全文共 641 字

+ 加入清单

引导层的具体使用方法和树叶飘落的例子 文字教程 一看就会

1、打开flash,新建一个ASP3.0文档 ,大小自定 ,单击确定按钮 。

2、在网上搜索素材树叶,小编搜的是树叶

3、把树叶拖到ps中,然后用 魔术橡皮擦工具剔除背景 ,如图

4、然后 Ctrl+alt+shift+s 存储为web所用的格式,然后保存为透明图像,

5、发现桌面已经有了透明的树叶了

6、然后把透明的树叶拖到flash中,

7、用 任意变形工具 选中树叶,然后按着shift键把树叶等比例缩小 ,如图,

8、用选择工具把树叶移动到上面,

9、用任意变形工具旋转一下树叶,因为树叶是从上往下飘的,所以把树叶的方向往下调整一下,如图

10、选中图层1,鼠标右键选择“ 添加传统运动引导图层”

11、选中引导层,用画笔工具在文档中画出一条花落的线段称为 引导线 ,如图

12、在引导层的第50帧处按f5,在 图层1的第50帧处按f6 ,如图,

13、选中图层1的第一帧,鼠标右键选择 创建传统补间,

14、选中图层1的第一帧,把 树叶放到引导线的开始处 ,如图

15、选中图层1的最后一帧,把树叶放到引导线的结尾处,如图

16、按 Ctrl+回车键 可查看效果,

17、这时候会发现树叶的方向不是随引导线的方向走的,那怎么办呢,就要用到路径了,下面小编就来说一下怎么改

18、选中图层1中的任何一帧,在属性中把“ 调整到路径 ”前面的方框打上对号,如图

19、在按 Ctrl+回车键, 可以试看效果,哦,flash是基础,大家要多多练习哦 么么 。

展开阅读全文

篇6:Flash模拟地震摇晃动画效果制作

全文共 508 字

+ 加入清单

地震是目前人类还不能完全避免和控制的,可能有一些网友还没有感受过地震,那就很幸运了。四川汶川地震刚发生不久,就传来了过万同胞遇难的噩耗。现在我们为灾区人民祈福,下面通过flash制作地震效果的教程,看看地震时候高楼是怎么摇晃的!

地震是很恐怖的,能在瞬间把高楼建筑夷为平地,在此我们为四川汶川灾区的人民祈福。下用Flash实现的地震效果也很有震撼效果,下面我们就来制作这个效果一起来体验下。

1、场景的大小比导入的图片小10-20像素,黑色背景。帧频为15fps。

2、按快捷键Ctrl F8打开“创建新元件”面板,创建一个名为“影片”的影片剪辑元件。接着在其编辑场景中按快捷键Ctrl R导入一张图片(世贸大楼被“砸”的图片)。注意,让图片的左上角顶点和场景的中心重叠,如图1所示。可以按快捷键Ctrl I打开“信息“面板进行辅助设置,如图2所示。

3、回到主场景,按快捷键Ctrl L打开“库”面板,把“库“中的“影片”元件拖放到场景1中。点选场景1中的“影片”元件,按快捷键Ctrl K打开“对齐”面板,点选“相对与舞台”按钮,然后再点击“水平对齐”和“垂直对齐”两个按钮(如图3所示),使影片“元件”在居中于场景内。

展开阅读全文

篇7:Flash如何制作跟随鼠标移动拉伸的蜘蛛丝动画效果

全文共 746 字

+ 加入清单

本教程向大家介绍利用flash制作跟随鼠标移动拉伸的蜘蛛动画效果,方法很简单,其中用到了Flash函数,推荐给大家,希望对大家有所帮助!

大家移动鼠标,可以看到蜘蛛丝会跟随鼠标移动和拉伸。

下面我们来讲实现的方法。

1、在Flash中先建三个MC。

一个是spider_mc,画一个蜘蛛,像样点就算了,呵呵!

一个是net_mc,一个蜘蛛网,当背景用的,没有太大用。

最后一个是空的MC,line_mc,用来画线(蜘蛛丝)。

2、回到场景,建三个层。

最底下一个叫NET,用来放背景net 的,把net拉进去。

中间一个层叫line,用来放line_mc的,把line_mc拉进来,并给这个剪辑命名line_mc。

最后一个当然是放spider_mc 的。

3、最关键一步,多建一个action层,写上如下代码。

复制代码

代码如下:

speed=10;

spider_mc.onEnterFrame = function() {

dx = _root._xmouse-this._x;

dy = _root._ymouse-this._y;

p =Math.atan(dy/dx)*180/Math.PI;

rota = (dx>0) ? (90+p):(270+p);

this._x += dx/speed;

this._rotation = rota;

this._y += dy/speed;

};

line_mc.onEnterFrame = function() {

this.clear();

this.moveTo(0, 0);

this.lineStyle(1, 0xffffff, 100);

this.lineTo(_root.spider_mc._x, _root.spider_mc._y);

};

最后生成swf,完成。

展开阅读全文

篇8:Flash制作梦幻仙境动画效果

全文共 296 字

+ 加入清单

本教程是关于使用flash制作梦幻仙剑效果,主要是运用时间轴特效来制作百叶窗效果,用滤镜来制作边框效果,混合模式制作图片色彩变幻的效果,而鼠标跟随效果由AS编程来实现。希望本教程能给您带来帮助~

效果演示

运用的知识点:

用时间轴特效制作百叶窗;

滤镜制作边框效果;

混合模式制作图片色彩变幻的效果;

AS制作鼠标跟随效果。

(一).新建FLASH文档,大小600*400,其他数值默认.

(二).元件的准备

一.制作百叶窗元件

1.插入—新建元件,类形图形,命名为线条

笔触颜色禁止,填充色任意,用矩形工具画一个600*3长方形(图2).

图2

用黑箭头工具选中长方形,全居中(相对舞台,水平中齐,垂直中齐)(图3)

展开阅读全文

篇9:如何用flash制作引导路径动画

全文共 431 字

+ 加入清单

下面介绍在flash制作引导路径动画的方法。希望本指南能帮到大家。

操作方法

1

下面举例演示操作方法。

启动软件,新建文档,进入到操作界面中。

2

按下CTRL+F8;执行插入元件命令,弹出对话框,设置名称“球”,然后,点确定。

3

转到元件操作界面,在此界面中,按O键,调出椭圆工具,画出一个圆。

4

接着,鼠标点击“场景”;转回场景的舞台上。

5

鼠标移到右边的库面板,鼠标点住刚才画的圆元件,向舞台中拖,拖到左侧。

6

鼠标移到图层面板这里,鼠标右击,图层1;在弹出的菜单中选择:添加传统运动引导层

7

在图层面板这里,即添加了添加传统运动引导层;

8

选中引导层。在此层的舞台上用铅笔画出一条引导路径。

9

再选择图层1;鼠标点住舞台上的圆,把圆中心点移到引导路径的开始端点这里来。

10

鼠标移到时间线这里,在第30帧这里,按F6,插入帧。两个图层同样操作。

11

鼠标再点住圆,把圆移到引导路径的末端。

12

接着,选中图层1;鼠标放在时间线这里在第10帧的位置上右击。弹出菜单,点:创建传统补间

到这里,制作完毕,圆会按引导路径来移动。

展开阅读全文

篇10:Flash怎么制作心动动画过程

全文共 649 字

+ 加入清单

flash制作心动”主要是练习对于钢笔工具的使用和补间动画的创建。“心动”动画在很多网站上都有应用,是一个既简单又应用广泛的动画,下面小编就为大家详细介绍一下,不会的朋友可以参考一下!

步骤

1、打开Flash cs4软件,新建一个Flash文件。

2、执行菜单中“ 视图|标尺 ”命令,添加一条垂直的辅助线。

3、用“ 钢笔工具 ”画出心形的一半,如下图。具体做法,是先画出大致曲线,再使用“选 择工具 ”和鼠标进行调整。

4、复制画好的图形,在粘贴在工作区中(可以选中图形,按住键进行拖动)。

5、选中复制的图形,选中工具箱中“ 任意变形工具 ”,在执行菜单中“ 修改|变形|水平翻转 ”命令,得到下图。

6、选择工具箱中“ 选择工具 “,选中变形后的图形,使用鼠标拖动,将其与原来图形结合。再删除辅助线,填充合适的颜色。并将其转会化为元件(按键即可)。

7、在”第10帧“处,右击执行”插入关键帧“命令。再选中”第1帧“,使用”任意变形工具“将图形缩小。

8、选中”第10帧“,使用” 任意变形工具 “将工作区中的图形旋转一定角度。

9、选中”第1帧“到”第10帧“之间任意一帧,右击,执行”创建传统补间“命令。

10、选中”第20帧“,右击,执行”插入空白关键帧“。然后,将”第10帧“复制,粘贴到”第20帧“。选中”第10帧“到”第20帧“之间的任意一帧,右击,执行”创建传统补间“命令。

11、执行菜单中的“控制|测试影片”命令,即可得到“心动”动画。

注意事项

画好心形后一定要先转化为元件,在进行后续的操作。

展开阅读全文

篇11:怎么利用Flash制作可爱的小丑吹泡泡动画

全文共 220 字

+ 加入清单

这个flash实例制作了一个有趣的“小丑泡泡动画,主要运用了椭圆、直线工具,以及任意变形和渐变填充等,操作简洁易懂,适合练习。先看下效果吧:

制作步骤:

1、新建一个Flash文档,Ctrl+F8新建一个元件,命名为“boy”。选择椭圆工具,设笔触为黑色,按住Shift键画出一个正圆作为小丑的脸。

2、新建一个图层,命名为“nose”,再画一个小椭圆作为鼻子。

3、嘴巴和耳朵都可以都画在鼻子图层上。先用直线工具画出如下两条直线作为嘴和脸颊。

展开阅读全文

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

全文共 218 字

+ 加入清单

操作方法

1

新建文档

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

2

文字工具

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

3

文字打散

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

4

任意变形工具

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

5

关键帧

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

6

创建形状补间动画

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

展开阅读全文

篇13:flash怎么制作镜像动画 flash制作镜像动画方法

全文共 211 字

+ 加入清单

flash软件,制作镜像动画,用到补间动画,等命令。

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

2、修改 文档属性 ;

3、添加一天直线作为镜像的界面;

4、 CTRL+F8 新建一个影片剪辑元件;命名为轮子;

5、绘制如下图的轮子;

6、新建图层2,图层3,把元件分别拖进图层2,3中;调整初始位置

7、添加 关键帧 ,添加补间动画;

8、测试影片,导出影片, 格式GIF ,绘制完成。

注意事项:

注意初始位置与终止位置要保持一致。

展开阅读全文

篇14:Flash如何制作飞翔的老鹰动画教程

全文共 396 字

+ 加入清单

简单的动画能增加课件色彩,使课件更加生动有趣。下面我将以飞翔老鹰为例,为大家介绍如何制作简单的动画。

方法/步骤

首先新建一个flash文档。然后在弹出的对话框中设置大小为288像素×209像素。背景颜色为白色等内容。

然后创建背景图层,需要导入“背景.bmp”文件,再选择第30帧,增加过渡帧。

接着导入gif动画。在文档基础上,新建一个图层,选中第1帧,执行【文件】——【导入】——【导入到舞台】命令,导入 “老鹰.gif”文件。

对插入的内容进行调整,可调整对象大小及相应的位置。将老鹰适当缩小一些,并适当调节它的位置。

图层上 添加文字。新建一个图层,输入“天高任鸟飞”。

最后测试存盘。

执行【控制】——【测试影片】命令,观察动画的效果。

如果满意,执行【文件】——【保存】命令,将文件保存成“飞翔的老鹰.fla”文件。

如果要导出Flash的播放文件,执行【文件】——【导出】——【导出影片】命令。

展开阅读全文

篇15:Flash制作搞笑诙谐的QQ表情动画

全文共 398 字

+ 加入清单

本教程是关于使用flash制作搞笑表情的Flash动画教程,从最基本的绘图开始,包括颜色的填充、图形的调整等等基础性的制作,最终得出一个完整的搞笑表情并做简单的动画制作,教程适合初学者参考学习,希望你能喜欢!

这个制作了一个“笑掉大牙”的搞笑表情,用到了Flash的基本绘图工具,简单易懂,适合练习。先看下效果吧:

制作步骤 :

1、新建一个300*300象素的文档,选择椭圆工具,设笔触为棕色,填充为黄色,按住Shift键画出一个正圆。

图1

2、在混色器面板中将填充改为“放射状”,在渐变条中设置由浅至深的三个黄色色块,再用填充变形工具调整渐变到如下效果。

图2

3、用选择工具选中整个椭圆,按F8转换为元件,命名为“face”,在属性面板中点“滤镜”,添加如下投影效果。

图3

4、新建一个图层,命名为“eyes”,用钢笔工具画出一个月牙形的眼睛。

图4

5、设填充为黑色,用选择工具按Alt键拖动复制出另一个。

展开阅读全文

篇16:怎么利用Flash制作沿着路径的动画

全文共 537 字

+ 加入清单

上完课后,有些同学因为课上老师讲的太快,还是不会做路径动画。今天为大家介绍flash制作沿着路径的动画介绍,操作很简单的,一起来学习吧!

1、首先,打开flash软件,新建一个文件

2、这里,我演示一个红色圆的路径动画,利用快捷键ctrl+F8新建一个元件1,画一个圆

3、回到场景1,利用铅笔工具,随意画一条路径

4、新建一个图层,将刚刚画的元件1的圆拖进图层中,这里为了理解方便,我修改了图层名字

5、我这里做了35帧,在铅笔图层中的第35帧,按下F5,即可增加帧到35帧,

在圆的第一帧处,将圆的中心放置铅笔的路径上,在第35帧,按下F6,插入一个关键帧,同样,将圆的中心放置铅笔的路径上,如图所示。(将圆的中心放到路径上,是为了圆能够和路径重合,这个时候工具栏左边的吸铁石工具一定要处于按下的状态 )

6、选择铅笔路线的图层---右击----选择引导层,然后这个图层的前面,会变成一个小蘑菇一个的东西,如图所示

选择元件1圆图层中的任意一帧---右击---创建传统补间,如图所示

7、将元件1圆图层向上拖一下,附属于铅笔路线图层,便可以实现路径动画了(轻轻向铅笔路线图层拖一下就行)

教程结束,以上就是Flash制作沿着路径的动画方法,操作很简单的,大家学会了吗?希望能对大家有所帮助!

展开阅读全文

篇17:如何利用Flash制作动画

全文共 924 字

+ 加入清单

动画制作软件非常多,方法也是各种各样的,本文就和大家简单介绍一下怎么用flash制作动画的问题,有兴趣的朋友可以过来参考一下哦!

Flash的动画制作便捷直观,动画可以直接制作在场景中;但更多的是制作在一个电影编辑中,存放在库中。具体的操作方法都相同,但是作为电影剪辑最大的优点是可以多次重复使用,还可以通过程序命令进行调用,设置属性和清除等。下面来为大家介绍一下具体的操作方法,希望对大家能够有所帮助。

方法/步骤

1、打开”窗口|库”命令(快捷键F11),打开”库“面板。在库面板中可以看见创建的”太阳“图形元件。

2、单击”时间轴“的上方”场景1“,切换到”场景1"的舞台;选中“库”面板中的“太阳”图形元件,按下鼠标左键并拖动它到“舞台”的右下角

按下快捷键Ctrl+L,也可以快速打开“库”面板。“库中保存的对象是创建好的可以重复使用的图形,影片编辑或按钮。将“库”中的元件拖放到舞台上以后,舞台上的对象叫作元素的实例。

新建文档的主场景在“时间轴”上只有一个“图层1"和一个“空白关键帧”,“太阳”拖放到舞台上以后,就直接加到“图层1”的第一帧上,同时第一帧变成“关键帧."关键帧”是用来定义动画变化状态的帧,显示为实心圆。

3、 双击“图层1”的图层名称,输入太阳并将图层1重新命名为太阳。选中太阳图层的第50帧,执行“插入|时间轴|关键帧”命令(快捷键F6),在第50帧处插入一个关键帧,

4、单击选中"太阳“图层的第50帧,选中“工具”面板上的“选择工具”还原鼠标指针,然后移动鼠标到“舞台”的“太阳"图形元件上,按住鼠标左键拖动"太阳”到舞台的上方。

5、选择“太阳”图层的第1帧单击右键,在弹出的快捷菜单中选择“创建传统补间”。

6、“太阳”图层的第1帧到第50帧之间会出现一条浅蓝色背景的带黑色箭头的实线。这样就实现了第1帧到第50帧的“动作”补间动画。

7、现在就可以在场景中测试动画的效果了,在时间轴上选中第1帧,按下键盘上的回车键动画开始播放。观察太阳的“动作”补间动画效果

注意事项

注意,要构成补间动画,必须在同一个图层上至少有两个不同位置的‘关键帧’

改变图层名称是为了分清每个图层所放置的内容是什么,因此重新命名时尽量和放置的元件名称接近

展开阅读全文

篇18:Flash如何制作过渡卷动效果精美图库展示动画

全文共 1017 字

+ 加入清单

flash打造一个具有卷动过渡效果精美图库展示动画。效果不错,方法也比较简单,希望大家喜欢。

制作方法:

首先新建立Flash文档,然后修改文档属性:

我们制作的这个图库,大家通过演示可以看到单击小图,可以动态显示大图,所以我们事先要做一些工作。准备一些大小相同的图片8张,并且分别制作相应的缩略图8张,大图导入Flash中分别转换为影片剪辑元件,小缩略图导入Flash后转变为影片剪辑元件,都放到库里面,留着我们来使用。

这里我们制作一个main主影片剪辑,然后在里面制作一个背景:

然后再新建立一个层,把缩略图都按顺序摆放整齐,实例名分别是thumb0、thumb1、thumb2、thumb3、thumb4、thumb5、thumb6、thumb7:

当把大图导入Flash时,按F8转变为影片剪辑元件,标示符分别是image0、image1、image2、image3、image4、image5、image6、image7。设置如下:

然后再建立一个层,输入下面代码:

复制代码

代码如下:

this.createEmptyMovieClip("images", 100);

this.attachMovie("mask", "mask", 101);

mask._x = images._x =-68;

mask._y = target = -150;

images._y = -1000;

images.setMask(mask);

speed = 5;

for (var i = 0; i

var img = images.attachMovie("image"+i, "image"+i, i);

img._y = img._height*i;

var thumb = this["thumb"+i];

thumb._alpha = 60;

thumb.pos = target+(i*-img._height);

thumb.onPress = function() {

target = this.pos;

};

thumb.onRollOver = function() {

this._alpha = 100;

};

thumb.onRollOut = function() {

this._alpha = 60;

};

}

this.onEnterFrame = function() {

images._y += (target-images._y)/speed;

};

展开阅读全文

篇19:Flash如何制作翻书动画效果的个性相册

全文共 1593 字

+ 加入清单

本教程向大家介绍利用flash翻书动画效果个性相册制作出来的相册效果非常漂亮,教程不是很难,喜欢的朋友可以跟着一起来制作!

自己的数码照片是越来越多了,当然,网上也有很多相册网站,也有很漂亮的展示效果,但是还是喜欢自己DIY一款相册,放到自己的网站,展示自己的照片,也表现自己的才能,下面就来看看用Flash如何制作相册。

制作过程:

1.打开FLASH,新建一个空白文档(550, 400)

选择文件,导入,导入到库导入事先准备好的图片(这里导入了8张图)

然后把各图转换成图形元件 具体方法是Ctrl+l打开库用鼠标按住要转换的图拖到舞台中再按F8 转换成图形元件,(其它几个图一样操作)

补充一下转换元件的时候把注册点调到中间那里

2.按Ctrl+l打开库面板点元件1(元件1就是刚转换的图形元件 :呵没有改名你可以随便点一张图)按住鼠标不放拖到舞台中,并调整图的大小及坐标(我这里大小是宽200高300 坐标x=300,y=50

3.在主场景插入一个图层2并锁定图层1。

4.按Ctrl+l打开库把元件2拖到舞台中(图层2)。调整:宽=200 ,高=300, x=100,y=50 如下图所示:并在240帧处按F5插入帧

5.锁定图层2,并新建图层3 , 按Ctrl+l打开库把元件3拖入图层3。调整宽=200,高=300, x =300,y=50

6.点图层3的第一帧再点舞台上的图形元件, 再按Q键把旋转中心点调到左边的边上如图所示:

7.在图层3的30帧处按F6插入关键帧点30帧处的图再按Ctrl+T打开变形面板 点倾斜一栏的第二个框输入 -90再按回车键 如下图所示:

8.在图层3的1-30帧中间的间任意一帧处点右键创建补间动画

9.新建一个图层4在30帧处按F7创建一个空白关键帧,按Ctrl+l打开库面板拖入元件4并调整大小和坐标和元件2一样如图:

10.点图层4的30帧再点舞台上的元件4,按Q键调整旋转中心点到右边。

11.在图层4的60帧处按F6插入关键帧,再回到30帧处按Ctrl+T键跳出变形面板,点下面的倾斜的第二个框输入89按回车如下图所示:

12.在图层4的30-60帧中间按右键创建补动间动画。

13.在图层1的60帧处按F7插入空白关键帧再按Ctrl+l打开库面板拖入元件7(这里随便可以是别的图)并调整大小及坐标,宽=200,高=300,x=300,y=50(作用是当上一张图翻上去的时候可以看这张图)。

14.再在图层4上新建一个图层5在60帧处按F7,再按Ctrl+l打开库拖入元件1(就是图层1第一帧的那张图)再按照图层3和图层4的方法制作剩下的图片。

15.如果要加入按钮的话可以新建一个图层点窗口-公用库-按钮里面拖入几个按钮。

再选中一个按钮双击进入按钮的编辑窗口更改文字当然不改也行(自己制作也行)在属性里面改成可读性消除锯齿。

16.例如改起来的是播放 那么点播放按钮在属性里面写上实例名称为bf_btn 其它按钮也差不多就是实例名称不一样。

最后新建一层点这层的第一帧按F9进入动作面板输入代码:

复制代码

代码如下:

d1_btn.onRelease = function() {

gotoAndPlay(2);

};

d2_btn.onRelease = function(){

gotoAndPlay(60);

};

d3_btn.onRelease = function() {

gotoAndPlay(120);

};

d4_btn.onRelease = function() {

gotoAndPlay(180);

};

bf_btn.onRelease = function() {

play();

};

tz_btn.onRelease = function() {

stop();

};

好了解测试一下试看看。

教程结束,以上就是Flash制作翻书动画效果的个性相册,希望大家喜欢本教程!

展开阅读全文

篇20:Flash制作一个简单的按钮

全文共 363 字

+ 加入清单

利用flash制作一个简单按钮,来了解按钮的4种鼠标事件的作用。下面就开始操作了。

选择“ 插入 ”—“ 新建元件 ”

名称为“ 按钮 ”,类型选择“ 按钮 ”

6选择“ 弹起 ”帧,用“ 矩形工具 ”绘制一个矩形,并设这个矩形边框为“无”,类型为“ 放射线 ”,填充色为“红—黑”渐变。

单击“ 指针经过 ”,右键选择“ 插入关键帧 ”

8选择“ 矩形 ”,把填充色改为“ 兰—黑 ”渐变

9选择“ 按下 ”,右键选择“ 插入空白关键帧 ”

10、用“ 椭圆工具 ”绘制一个椭圆形,并设这个矩形边框为“无”,类型为“放射线”,填充色为“绿—黑”渐变。

11、选择“ 点击 ”,右键选择“ 插入关键帧 ”

12、选择“ 场景1 ”,返回主场景。

13、选择“图层1”第1帧,把按钮元件拖到场景中。

14、按CTRL+ENTER,可以看一下效果了。

展开阅读全文