0

flash中遮罩动画怎么做【合集20篇】

浏览

7842

文章

186

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

展开阅读全文

篇2:Flash如何制作新年快乐镜面跳动的动画效果

全文共 1111 字

+ 加入清单

这篇教程是向朋友介绍利用flash制作新年快乐镜面跳动的gif动画效果,教程比较简单,很是初学者学习,一起来看看吧!

一、新建图形元件:

1、新建一个图形元件“背景”,用矩形工具画一个无边框大小为550x400矩形,对齐(水平中齐、垂直中齐)。打开混色器点线性(左边为#ffffff、中间为#0000cc、右边为#000000),用变形工具调整一下颜色。

2、新建图形元件,名称“新”,大小96,字型、颜色自定(这里是汉仪菱心体)。水平中齐、垂直中齐。按同样的方法分别建立“年”、“快”、“乐”,一个字建一个图形。

二、建MC:

1、新建元件---“电影剪辑”名为“跳字”。在图层1第一帧拖入元件“新”,X轴为-180,Y轴为-150;第10帧插入关键帧,X轴为-180,Y轴为-35;在20帧插入关键帧,X轴为-180,Y轴为-150;在第30帧插入关键帧,X轴为-180,Y轴为-35。然后分别在第1、10帧、20帧创建动画补间,并延长至70帧。

2、添加图层二,在第5帧插入关键帧拖入“年”,X轴为-62,Y轴为-150;在第15帧插入关键帧,X轴为-62,Y轴为-35;第25帧插入关键帧,X轴为-62,Y轴为-150;第35帧插入关键帧,X轴为-62,Y轴为-35。然后分别在第5、15帧、25帧创建动画补间,并延长至70帧。

3、添加图层三,在第10帧插入关键帧拖入“快”,X轴为62,Y轴为-150;在第20帧插入关键帧,X轴为62,Y轴为-35;第30帧插入关键帧,X轴为62,Y轴为-150;第40帧插入关键帧X轴为62,Y轴为-35。然后分别在第10、20帧、30帧创建动画补间,并延长至70帧。

4、添加图层四,在第15帧插入关键帧拖入“乐”,X轴为180,Y轴为-150;在第25帧插入关键帧,X轴为180,Y轴为-35;第35帧插入关键帧,X轴为180,Y轴为-150;第45帧插入关键帧,X轴为180,Y轴为-35。然后分别在第15、25帧、35帧创建补间动画,并延长至70帧。

三、组织场景:

1、回到主场景,在图层1拖入背景元件,水平对齐,垂直对齐。

2、添加图层2,点第一帧拖入“跳字”影片剪辑,把“新’字定位:X轴为272,Y轴为220。复制,加锁。

3、添加图层3,选中第一帧,点“粘贴到当前位置”,加锁。再添加图层4,选中第一帧,点“粘贴到当前位置”,加锁。

4、选中图层2,打开修改--变形---垂直翻转,X轴为272,Y轴为230.属性面板中先选色调为黑色,再选中高级,打开设置,在高级效果中Alpha调整为30%。

5、选中图层3,将属性面板中“颜色”调为“色调--黄”,按右方向键右移4步。

6、测试存盘

展开阅读全文

篇3: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,完成。

展开阅读全文

篇4:Flash AS3.0如何打造漂亮的水纹动画效果

全文共 1676 字

+ 加入清单

本教程是向大家介绍利用flashAS3.0打造漂亮的水纹GIF动画效果,教程很不错,讲解的也很详细,很值得学习,喜欢的朋友可以过来学习一下!

在这个Flash AS3.0实例教程中,将用到置换图滤镜(DisplacementMapFilter)和BitmapData类的的杂点功能(perlinNoise),这两个家伙常常给我们带一些令人兴奋的效果,它们的合作为大家创造了一个漂亮的的水汶,看看下面的动画,应该还不错吧。

现在来构建这个漂亮的水纹:

既然是水纹,想首先要找一张含水的图片吧,河道,湖泊,水池,喜欢就行。

1、新建一AS3.0文档,将帧频设为30,将图片导入到库中,点右键,在属性面板中将“使用JPEG导入品质”前的钩钩去掉,这样做图片的体积就会大大地减小哦。

2、新建一个影片剪辑元件,将图片拖到舞台上,设置图片的大小,你想设多大呢?反正我是按默认的550x400。图片在大小与文档大小一样大。点击对齐面板,相对于舞台居中对齐。

3、回到主场景,将MC拖到舞台上,居中放置,为它设置一个实例名称,我用的是“pic”图层上锁。

4、新插入一图层,将图片(注意是图片不是MC),拖到舞台上,打开对齐面板,宽高匹配,居中对齐。现在第1,2层的图像是完全重合的,请确认是这样的。选择图片,点击 修改>分离,将水面部分选出,删除。可以将第1层隐藏,看看删除后的效果。

如下图:

5、新建一层用来写代码,打开动作面板,输入下列代码:

复制代码

代码如下:

1. var bmp:BitmapData = new BitmapData(550,400);

2. var zh:DisplacementMapFilter = new DisplacementMapFilter(bmp,new Point(0,0),1,2,10,600);

3. var p1:Point = new Point();

4. var p2:Point = new Point();

5. var zdxg:Array = [p1,p2];

6. addEventListener(Event.ENTER_FRAME ,ld);

7. function ld(e:Event):void {

8. zdxg[0].x += 0.2;

9. zdxg[1].y += 0.1;

10. bmp.perlinNoise(168,5,2,4,true,true,2,true,zdxg);

11. pic.filters = [zh];

12. }

OK,测试影片,一个漂亮的水汶效果立即出现在你的眼前。

代码分析:

首先声明了一个与图片一样大的BitmapData类实例bmp,用来作为置换图滤镜的参数。

var bmp:BitmapData = new BitmapData(550,400);

然后声明一个置换图滤镜zh,将bmp作为参数。

var zh:DisplacementMapFilter = new DisplacementMapFilter(bmp,new Point(0,0),1,2,10,600);

接下来声明了两个点,并将这两个点放到到一个叫zdxg的数组中,这个数组将用于bmp产生杂点的参数。

var p1:Point = new Point();

var p2:Point = new Point();

var zdxg:Array = [p1,p2];

然后,在ENTER_FRAME事件中调用ld函数。

addEventListener(Event.ENTER_FRAME ,ld);

ld函数,动态改变两个点的位置,然后使bmp应用杂点功能,在每一帧的间隔产生不同的杂点效果,使置换滤镜效果产生变化,最后让影片剪辑pic,应用滤镜,实现水汶效果。

function ld(e:Event):void {

zdxg[0].x += 0.2;

zdxg[1].y += 0.1;

bmp.perlinNoise(168,5,2,4,true,true,2,true,zdxg);

pic.filters = [zh];

}

展开阅读全文

篇5:flash怎么制作图片变换的gif动画效果

全文共 719 字

+ 加入清单

前面用图层混合模式和as遮罩做过图片变换效果。这次我们只用更改alpha值来制作类似效果。也就是说类似的效果,要达到却可以有很多的方法。对软件了解越多、运用越多,掌握的方法自然也多了。

1、导入备好的图片:文件——导入——导入到舞台。

2、所有图片选中状态,对齐面板中选匹配宽高、水平居中、垂直居中。这一步主要是将图片与舞台同大,居中是后面要用到的方法,顺带说一下。

3、将每一张图片转换为图形元件。方法,选中图片,按下F8,类型选图形,取个名字,确定。

4、删除三张图片元件,将三张图片做成变换的元件:Ctrl+F8创建新元件。类型选影片剪辑,取个名字,确定。如图。

5、图中拖入图1元件,对齐面板中水平居中、垂直居中。

6、30帧处F6键插入关键帧,40帧处插入关键帧。

7、40帧处属性面板中将图片元件的alpha值降为0。回到30帧创建传统补间。

8、新建一层,30帧处插入关键帧(此处帧数为图片停留时间,个人根据需要设定,例图中此处为5帧),将图形元件2拖入,40帧处转换为关键帧。

9、30帧元件alpha值改为0%,创建传统补间。

10、70帧处插入关键帧,80帧处插入关键帧。将80帧的元件alpha值降为0%,70帧创建传统补间。完成第二张图片动画

11、新建第三层,选中图层2的30-80帧所有帧,按住Alt键拖至第三层70帧处,将这50帧复制至此。

12、将每一个关键帧上的图2元件换为图3元件。方法:选中该帧元件——属性面板——交换——选图3元件,确定。

13、新建图层4,复制层3的70—80帧至层4的110帧处。如图。将110、120帧的元件换为图1元件。使整个动画形成一个循环。

14、做好的影片拖入舞台,水平垂直居中。完成动画制作。

展开阅读全文

篇6:flash制作蝴蝶飞舞的动画

全文共 244 字

+ 加入清单

flash动画工具。下面,我们来看看如何使用flash制作蝴蝶飞舞的动画吧。

操作方法

1

新建文件

首先打开Flash软件工具,然后新建一张空白文件,如下图所示:

2

导入图片

然后找到一张关于蝴蝶的图片,并且导入它,如下图所示:

3

插入关键帧

在第一帧的位置更改图片的大小和位置,然后再第30帧处插入关键帧,更改图片大小与方向,如下图所示:

4

传统补间动画

然后在第1帧和30帧中创建传统补间动画即可,如下图所示:

5

如果想要让蝴蝶飞舞起来更形象的话,则先把第1帧和30处对图片进行打散,再创建形状补间动画即可,如下图所示:

展开阅读全文

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

全文共 185 字

+ 加入清单

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

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

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

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

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

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

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

注意事项:

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

展开阅读全文

篇8:flash如何利用图片制作一个小人舞姿mv动画

全文共 625 字

+ 加入清单

MV具有声音和图像的双重特色,以其丰富的表现力和动迫的声效深受大家喜爱。利用flash独具特色的编辑设计功能,可十分方便的制作出精美的MV。下面就动画和声音的制作过程为例,制作一个小人舞姿的MV,与大家分享一下利用Flash制作MV的过程,希望借此起到抛砖引玉效果,对需要的朋友有所帮助。

一、动画的制作

1、打开Flash,点击“ 文件”→“新建 ”,选择“Flash文件”并点击“ 确定 ”完成新建文件过程,最后将文件大小设置为“200*400”。

2、点击“ 插入”→“新建元件 ”,在打开的“创建新元件”窗口中输入新元件名称“ 舞动的小人 ”并点击“确定”按钮。

3、准备一组小人的连续动画。

4、然后点击“ 文件”→“导入”→“导入到库”。 将这一组小人连续动作图片导入到库中。

5、选择时间轴上的第1帧,将库中的位图1拖放到当前工作场景中。

6、接着再连续新建图标,分别将位图拖放到如图所示的图层上。

7、然后回到主场景中,接元件“ 舞动的小人” 拖动到场景合适的位置上。

二、声音的添加

1、在主场景时间轴上新建一图层,并命令为“ 音乐轨道 ”。

2、然后点击“ 文件”→“导入”→“导入到库 ”。将一首预先准备好的音乐导入到库中。

3、接着选择“ 图层 音乐音轨 ”,将库中的音乐拖放到主场景中。

4、双击“ 时间轴” 上的“ 帧频率”, 将其设置合适大小。

5、最后调节一下时间轴延时长度,按“ Ctrl+Enter "进行测试,就可以观看到优美动听的MV啦。

展开阅读全文

篇9:flash动画如何制作

全文共 860 字

+ 加入清单

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帧,按下键盘上的回车键动画开始播放。观察太阳的“动作”补间动画效果

注意事项

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

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

展开阅读全文

篇10:flash如何制作扇子张开收合的动画效果

全文共 737 字

+ 加入清单

下面为大家分享flash制作扇子张开收合的gif动画效果方法,教程很值得大家学习,一起来学习吧!

方法/步骤

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

2、用矩形工具在舞台中画一个矩形,在左下角要选择对象绘制,记住对象绘制是一定要选择的,

3、用任意变形工具把矩形的中心点下移动

4、打开变形面板,在旋转角度中输入20度,点右下角的复制按钮,

5、一直点右下角的复制按钮,一直点六次,一共是七个扇子支架

6、Ctrl+a 全选,调整一下位置,

7、在时间轴中插入关键帧,一共插入六个关键帧,(因为第一帧已经有过了 )

8、选中第一帧,此时所有扇架是在全选的状态,按住shift键,点击第一个扇架,(也就是说第一个扇架没选中 其他扇架都在选中状态,)然后按del键,

9、选中第二帧,按住shift键,点击第一和第二个扇架,按del键,

10、选中第三帧,按住shift键,点击第一和第二个和第三个扇架,按del键,

11、选中第四帧,按住shift键,点击第一和第二个第三个第四个扇架,按del键,

12、选中第五帧,按住shift键,点击第一第二个第三个第四第五个扇架,按del键,

13、选中第六帧,按住shift键,点击第一第二个第三个第四第五个第六个扇架,按del键,

14、现在效果已经出来了 ,按enter键可查看效果,

15、现在扇子是打开了 下面开始做合上的

16、新建图层2

17、选中图层1所有的帧,右键选择复制帧,

18、在图层2的第八帧选择右键粘贴帧,

19、选中图层2的第八帧和第十四帧,右键选择翻转帧,

20、这时候按回车键可查看效果,按enter键加回车键可测试影片

教程结束,以上就是flash制作扇子张开收合的gif动画效果方法,教程真的很不错,希望大家喜欢!

展开阅读全文

篇11:Flash如何制作超酷的火焰文字动画效果

全文共 1555 字

+ 加入清单

这篇教程向朋友介绍利用flash制作超酷的火焰文字GIF动画效果,教程制作出来的文字效果象征我们的生活蒸蒸日上。其实,有理由相信不少朋友想做一些贺卡送给亲朋,也正在找这些酷酷的特效呢。好了,喜欢的朋友可以跟着教程来学习一下哦!

这个效果,可以说是一个视觉效果,也可以说是一个文字效果。不过,这不打紧,重要的是这个效果够酷就可以了。下面,我们就来制作这个效果。首先,设置沉积场景的大小为240*150像素,背景色为黑色,帧频为25fps。然后我们开始制作元件。

1.按快捷键Ctrl+F8创建一个名为“文字”的图形元件。点选文本工具,并如图所示设置“属性”面板(笔者用的字体是文鼎霹雳体,没有的读者可以选用其它的字体,不妨事)。在“文字”元件的编辑场景中输入“蒸蒸日上”四个字,字体的颜色为#E75E23。

2.创建一个名为“文字效果”的影片剪辑元件。按快捷键Ctrl+L打开“库”,把“库”中的“文字”元件拖入其场景中。接着点选第20帧,按F6键插入关键帧。右键点击第1帧,在弹出的菜单中选择“创建补间动画”命令。分别点选第5、10、15帧按F6插入关键帧,如图2所示。

按快捷键Ctrl+T打开“变形”,将第1、20帧中“文字”元件的高度变为原来的90%,如图所示。将第5、15帧中“文字”元件的高度变为原来的95%。第10帧中的元件不做改变。这样设置是为了让文字的高度发生变化,其效果就象是在火焰中燃烧一样。

3.按快捷键Ctrl+F8创建一个名为“火球”的图形元件。接着按捷键Shift+F9打开“混色器”面板并如图所示进行设置。其中两个滑块都是白色,第1个透明度为100%,第2个为0%。

4.创建一个名为“火球效果”的影片剪辑元件。打开“库”,把“库”中的“火球”元件拖入其场景中。接着打开“变形”面板,将“火球”元件的高、宽改为原来的18%。接着点选第25帧,按F6键插入关键帧。右键点击第1帧,在弹出的菜单中选择“创建补间动画”命令。再点选第8帧按F6插入关键帧。

把第8帧中的元件改为80%和120%,再将第25帧中的元件垂直向上移动180个像素。点选第1帧中的元件,然后在“属性”中如图所示进行设置。第8、25帧中的色彩分别为(225、229、34)、(236、45、18)。

5.创建一个名为“火焰”的影片剪辑元件。打开“库”,把“库”中的“火球效果”元件拖入场景中。点选“火球效果”元件,在“属性”面板中起个实例名“火球”,如图所示。点选该层的第3帧按F5键插入帧。新建一个“脚本”层,然后分别点选层中的第2、3帧并按F7键插入空白关键帧。

分别点选“脚本”层中的3帧,按F9键打开“动作”面板,键入如下代码。

第1帧代码如下:

复制代码

代码如下:

// 变量i控制着影片的深度(层次)和影片复制的个数

// _visible属性用来隐藏元件

// 把“火球”实例的x坐标赋给变量X

i = 1;

火球._visible = 0;

X = 火球._x;

第2帧中的代码如下:

复制代码

代码如下:

if ( i

// 复制“火球”实例

duplicateMovieClip("火球", "火球" add i, i);

this["火球" add i]._alpha = i*10;

this["火球" add i]._x = Math.random()*25 + X;

i++;

}

第3帧代码为

复制代码

代码如下:

“gotoAndPlay(2);”——

跳转到第2帧执行。

6.回到场景1,创建一个“文字”层、一个“火焰层”。打开“库”,把“文字效果”元件拖入到“文字层中。把“火焰”元件拖入到“火焰”层中。将“火焰”元件再复制出3个,按快捷键Ctrl+K打开“对齐”面板,如图所示进行放置。最后在“属性”面板里将“文字”元件的透明度设置为25%。

展开阅读全文

篇12:FLASH中如何制作用按钮控制一个动画的播放/暂停

全文共 227 字

+ 加入清单

按钮控制动画运行,对按钮进行语言编辑,通过点击按钮控制动画的开始暂停重播,应用到脚本语言。

1、打开flash软件程序,建立一个FLASH文档;

2、用多角形工具,绘制一个五角星;

3、对五角星就行 形状动画补间 ;

4、新建一个图层,绘制3个按钮,分别为,开始,暂停,停止;

5、先对动画的第 一帧经行脚本编辑,再对按钮进行脚本编辑;

6、导出影片 格式为G IF,动画完成。

注意事项:

添加脚本注意先后顺序,注意脚本语言应该使用半角输入法,那俩点是分号不是冒号。

展开阅读全文

篇13:Flash如何结合Photoshop制作图片模糊渐变动画

全文共 635 字

+ 加入清单

在一些片头动画里经常能看到很炫的模糊效果,极具视觉冲击。高质量的模糊效果大多利用photoshop处理后才导入flash中进行制作。其实,在Flash中也可以利用其脚本功能来实现动态模糊的效果,效果还是不错的。下面就为大家介绍Flash结合Photoshop制作图片模糊渐变动画,喜欢的朋友可以一起来学习。

首先用Photoshop制作两张图。一张清楚的,一张模糊的(可以用Photoshop的高斯模糊滤镜)。

然后把两张图片导入到FLASH中,分别建立三个图层,顺序依次为:清楚的图片(最下面)、模糊的图片(在中间)、最上层为AS。

最重要一点:选中模糊的图片。按下F8将其转换为movieclip,同时在属性面板上将其实例名命名为blurred。

在as层上加入如下代码。

复制代码

代码如下:

var myColor:Color = new Color(blurred);

var white:Object = {ra:100, rb:255, ga:100, gb:255, ba:100, bb:255, aa:100, ab:255};

myColor.setTransform(white);

setc();

function setc(){

onEnterFrame = function(){

white.rb-=5;

white.gb-=5;

white.bb-=5;

white.ab-=5;

myColor.setTransform(white);

}

}

按Ctrl+Enter测试。

展开阅读全文

篇14:flash最简单动画制作教程

全文共 479 字

+ 加入清单

flash被称为“闪客”,主要是用来制作动画的工具。首先要新建一个flash文档,然后再创建关键帧,并使用工具栏绘制图像。以下用CS5.5版本的flash为例,给大家演示一下。

操作方法

1

首先打开flash软件,会显示flash主界面。

2

然后再点击ActionScript 3.0或ActionScript 2.0,一般来说是创建ActionScript3.0文档。

3

接着可以看到flash的界面区域,包括菜单栏、场景、舞台、时间轴、属性面板和工具栏。

4

然后可以更改舞台的颜色,点击属性面板下方的“舞台”,然后再选择颜色,默认颜色是白色。

5

接着把舞台颜色选择为蓝色,就点击蓝色方框即可。

6

然后点击工作栏的星形工具,其中笔触颜色为无色,填充颜色是黄色。

7

接着在第一帧处,使用星形工具在舞台上绘制星星即可,鼠标点在舞台上,然后滑动鼠标即可绘制一个星星。

8

然后在第25帧的位置插入关键帧:右击第25帧处,然后选择“插入关键帧”。

9

在第25帧位置,更改星星的填充颜色为红色。

10

然后在第1~25帧位置,鼠标右击选择“创建补间形状”。

11

然后发布预览,可以看到星星的填充颜色从“黄色”逐渐加深为“红色”。

展开阅读全文

篇15:Flash CS6如何制作水墨梅花的生长动画

全文共 852 字

+ 加入清单

下面为大家分享flashCS6制作水墨梅花生长动画方法,教程很不错,方法也很简单,值得大家学习,一起来看看吧!

方法/步骤

在第一帧处,绘制一个无笔触,黑色填充的圆,放置舞台外面约10像素

在该图层的25帧处,单击右键,插入关键帧

选中第25帧,delete删除里面的内容,在舞台上绘制几个圆,如图,使用选择工具,按住alt,拖动,使黑色圆成为墨迹状

在1到25帧处,右键,创建补间形状,

在第30帧处,单击鼠标右键,插入关键帧,

在第80帧处,单击鼠标右键,插入关键帧,

在第80帧处,鼠标选中,delete删除,使用刷子工具,在舞台绘制一个树枝

在79帧处,鼠标右键,选择创建补间形状,

在200帧处,单击鼠标右键,插入帧,

新建一个图层命名为梅花,

在90帧处,鼠标右键插入空白关键帧,

填充选为粉色,使用,刷子工具,在树枝上点一个圆,

对着粉色的小圆,单击鼠标右键,选择转换为元件,

命名为花开,影片剪辑类型,按确定,

选择小圆,对其双击进入元件内部编辑,

在第30帧处,单击,鼠标右键,插入,关键帧,

在第30帧处,使用刷子工具,点上5个大圆,组成一朵花的样子,

在第29帧处,单击鼠标右键,选择创建补间形状,

新建一个图层,

在第30帧处,插入关键帧,

在花的中间,使用刷子工具,点上一个小白点,

在该图层的第50帧,单击鼠标右键,插入关键帧,

在下面的图层的第50帧,单击鼠标右键,插入,帧

选择第一个图层的第50帧,使用刷子工具,点上一个大白圆

在第49帧处,单击鼠标右键创建补间形状,

选中第50帧,打开属性面板,点击右上角的箭头,

打开脚本面板,在脚本面板上输入stop();

对着花旁边,双击鼠标左键,在时间轴的第一个图层,的95帧处,单击鼠标右键插入关键帧,

从库中拖动,之前所做的影片剪辑,到树枝上,可以使用任意变形工具更改大小,旋转角度,

在105帧处,单击鼠标右键,插入关键帧,即使从库中拖动花,到树枝上

做完后,ctrl+enter,测试影片,看到长出漂亮的花朵,为自己点个赞,

注意事项

stop();在英文状态下输入

不要选择对象绘制

展开阅读全文

篇16:如何利用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帧,按下键盘上的回车键动画开始播放。观察太阳的“动作”补间动画效果

注意事项

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

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

展开阅读全文

篇17:flash怎么制作纪念动画

全文共 186 字

+ 加入清单

今天小编为大家带来了flash制作汶川八周年纪念动画方法,教程很简单愿他们在天堂安宁,感兴趣的朋友一起到下文了解一下吧。

方法/步骤

新建一个FLASH文档,修改文档属性;

选择文字工具输入“汶川八周年纪念”

选择修改命令进行2次分离;

按照比划添加关键帧,然后按照图示添加关键帧;

进行逐帧的动画编辑;

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

注意事项

注意箭头处,注意逐帧的连贯性。

展开阅读全文

篇18:Flash动画如何控制SWF大小

全文共 744 字

+ 加入清单

flash一般做出来都是要拿到网络上去传播的,所以控制他的大小非常重要,试想如果一个文件做出来几M甚至几十M,那会有几个人有耐心去等他下载完,下面来说一些造成文件增大原因与解决的方法。

1、图片处理不当,把很大的图片拿到FLASH里面去缩小到自己需要的大小,正确的做法是你需要多大的图片就在PS里面处理好,保存为PNG格式的。

2、矢量图太复杂,比如剪纸效果的。原则上能用矢量的都用矢量,这样文件会小很多,但是对于边缘太复杂的我们宁可用位图反而会更小。也正因为如此,所以圆体文字比正体文字要大,另外把文件打散比不打散要小。

3、嵌入字体,这样会让文件大很多。所以在使用输入文本动态文本的时候少使用生僻字体。特别是汉字,因为数字跟英文的话,只需要嵌入26个字母跟10个数字就可以了。

4、音乐选用WAV格式,这样比MP3格式大很多。

5、同一个元素的东西尽量转换为元件,重复利用可以不增加文件大小,但是有些情况例外,比如你的背景有很多阵列的圆,让它整体移动,这个时候把圆全部打散要比把圆转换为元件然后复制要小的多。

6、需要重复利用的动画元件,比如你有只鸟从左飞到右,你希望复制好几只,这个时候把鸟的动画做在影片剪辑里面比做在图形元件里要小很多。

7、矢量图是通过位图转换来的,这样的矢量图上面有太多的色点,所以让flash文件很大。

8、位图透明的的地方太多,比如很多人喜欢把PS做了效果的文字导入到flash里面,这样会非常大,因为文字中间很多地方镂空,透明的地方非常多。对于这个问题有个办法就是把图片保存为有背景的,通过在flash里面用遮罩把他的背景隐藏掉。

9、导入很多视频文件。

10、如果需要大量使用文字,比如网页文章,建议用设备字体,字体较小的时候用设备字体会显示比较清晰,而且不占用文件大小。

展开阅读全文

篇19:Flash如何制作扫光动画的效果

全文共 568 字

+ 加入清单

flash中有些效果比较好看,而且做起来还比较简单的,扫光(也称过光,个人喜欢叫过光)就是其中一个,但是很多新手还是想不到怎么做,下面就为大家介绍Flash怎么制作扫光动画的效果方法,不会的朋友可以参考本文,希望能对大家有所帮助!

方法/步骤

【第一步】拖入或编辑你想要为之添加过光效果的内容,这里以文字“百度经验”为例。并更改图层名为“文本”。

【第二步】将“文本”图层的内容复制,然后新建图层,更改图层名为”过光文本“,把内容放到这个图层里。

【第三步】在这两个图层中间创建新图层,更改图层名为“过光遮罩”,然后绘制一个矩形,更改填充颜色类型为“线性渐变”,渐变为两边完全透明,中间80%透明的蓝色矩形。

【第四步】因为这个例子是文本,是线条组成的,所以需要把“过光文本”图层的文字转化为填充才可以设置遮罩层,切记线条不可以当遮罩层。

【第五步】为“过光遮罩”图层设置传统补间动画,例子中为这个遮罩设置了一定的倾斜角度,可根据自己的需要自行更改,动画的大致路径就是从文字的左方移动到文字的右方。然后为“过光文本”图层设置遮罩层。大功告成!

【说明】想要看到动画的运动路径,推荐使用下面的方法,按时间轴下面的“绘图纸外观轮廓”,然后在上面出现的方括号中框选你需要观看路径的帧数即可!第四步是线条类必须做的一步,如果是图像或填充之类的可以跳过第四步!

展开阅读全文

篇20:flash遮罩动画的制作方法?

全文共 1274 字

+ 加入清单

遮罩,我们知道是在图片上遮上一层,通过遮层上我们“挖出”的洞,看到下面的内容。也就是说不论你在遮层上所画的形状是什么颜色、以什么填充方式画出该形状,它只是所画形状的一个洞,不会显示任何颜色的特性。

如果想要以中部清晰边缘模糊的渐变方式显示被遮罩的图片,我们可以在遮层上加一个模糊渐变层,这个层不是遮罩层,所以会有渐变和渐变所用颜色。可是,如果只想要模糊渐变却不会显示它的颜色,该怎么做呢?用as我们可以做到这一点。直接将模糊渐变层做为渐变遮罩,却不会保留它的颜色。

首先,我们导入背景图片和用来展示的图片。图片的大小最好统一,方便后面的交换。展示图片你可以设置多个。我只以两张为例。

1、导入方法: 文件——导入——导入到舞台 。当然也可以导入到库,因为下一步对图片编辑,所以直接导入到舞台。不论导入到哪里,都可以在库中找到。

2、图片比例和舞台差不多的话,可以直接在对齐面板中,匹配宽高(方法见下方经验引用)。否则,需要更改文档尺寸,使舞台与图片比例相同,或者选中图片, Ctrl+B 将图片打散,用选取工具截取一部分图片,这样才不会使图片的主角变形。

3、一个个选中图片,分别将它们变为影片剪辑元件。方法:选中一张图片,F8键调出转换为元件面板,类型选影片剪辑元件,取个名字,OK。

4、新建一层,将展示图,图1元件剪切至此层,我给该层取了个名字,图片层;原层就叫背景层。背景层里还有两张图片, 将图2元件Delete键删除 ,暂时还用不着它。在对齐面板中将背景图宽度和高度居中,图片层中的图片也同样处理。

5、选中图片层元件,属性面板中设置实例名为:tu。

6、 图片层第20帧F6键添加关键帧,25帧插入关键帧,35帧插入关键帧。

7、回到帧1, 属性面板中选颜色——Alpha——50%,再到35帧,Alpha值改为0% 。如图设置补间动画。做出由半透明到完全显示,短暂停顿后,再完全消失的过程。

8、新建一层,取名遮罩。 O键调出椭圆工具 ,禁用线条色,填充色随意。绘制一个小小的椭圆。

9、 F8键 将其转换为影片剪辑元件,属性面板中实例名设为:mc。滤镜面板中添加模糊滤镜。设置如图。参数视各人影片大小而定。

10、与图片层在相同位置设置关键帧。

11、20帧,Q键调出变形工具或在属性面板中将该元件放到足够大。复制该元件, 将第25帧原元件删除,Ctrl+shift+v将复制的元件原位粘贴到25帧 。第1帧、第25帧创建补间动画。

12、新建as层,在时间轴上输入:

mc.cacheAsBitmap=true;

tu.cacheAsBitmap=true;

//位图缓存为真

tu.setMask(mc)

//MC遮罩tu

13、选中as层至图片层所有帧, 按住alt键 ,鼠标向后拖动,为此三层复制出同样的帧。

14、图片层,在属性面板中,将复制的帧中每一个关键帧的元件全部换成图2元件。方法:选中原元件,属性面板中点交换,在新出现的面板中选择图2元件。

15、 背景层第70帧按下F5键 ,使该层与其他层帧数相同。

16、整个做成影片剪辑元件,放入另一个场景中的效果。

展开阅读全文