0

flash怎么用图片做动画效果【精彩20篇】

琥珀的种类有哪些?小编来告诉你,请看下文。

浏览

6160

文章

79

篇1: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、做好的影片拖入舞台,水平垂直居中。完成动画制作。

展开阅读全文

篇2: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所示),使影片“元件”在居中于场景内。

展开阅读全文

篇3:利用Flash CS4制作树枝的伸展动画效果

全文共 1298 字

+ 加入清单

本例将使用图形动画的同步播放原理来制作树枝伸展动画

本例思路

.使用绘图工具绘制树枝。

.利用遮罩功能为树枝制作同步伸展动画。

Part 1 绘制树枝

(1)新建一个尺寸为550×300像素,帧频为25fps的空白文档,然后制作出一个放射性绿色背景,如图3-1所示。

图3-1 制作背景

(2)新建一个图层,使用“线条工具”和“铅笔工具”绘制树枝的图形轮廓,如图3-2所示。

图3-2 画图

(3)使用绿色填充图形,然后删除轮廓线,再按F8键将其转化为图形元件,名称为“树枝”,如图3-3所示。

图3-3 转换为图形

(4)进入图形编辑区,然后新建一个图层,用于制作树枝的遮罩层,使树枝向上伸展,如图3-4所示。

图3-4 制作遮罩层

(5)下面绘制树叶。使用“椭圆工具”绘制一个椭圆,然后使用“移动工具”将其调整成树叶形状,如图3-5所示。

图3-5 绘制树叶轮廓

(6)打开“颜色”面板,设置类型为“线性”,然后设置第1个色标颜色为(R:137,G:248,B:24),第2个色标颜色为(R:91,G:199,B:12),填充效果如图3-6所示。

图3-6 填充颜色

(7)复制一份树叶,然后按Ctrl+G将树叶组合起来,并调整好其位置,再将其转换为影片剪辑(名称为“叶子”),如图3-7所示。

图3-7 复制图形

(8)将树叶放置在树枝上,然后调整好位置和大小,如图3-8所示。

图3-8 调整树叶

Part 2 制作伸展动画

(1)选中所有叶子,然后按Ctrl+Shift+D组合键将其分散到各图层上。

(2)选中所有叶子图层的第15帧,然后按F6键插入关键帧,再选中第1帧,使用“任意变形工具”将叶子调整成如图3-10所示的效果。

图3-10 调整叶子形状

技巧提示:

为了在下一步创建传统补间动画时使叶子从根部产生慢慢放大的效果,因此在变形叶子的时候需要按住Shift+Alt组合键将叶子做等比例缩放。

(3)选中所有叶子图层的第1帧,然后在该帧单击右键,并在弹出的菜单中选择“创建传统补间”命令,如图3-11所示。

图3-11 创建传统补间动画

(4)为了让树枝的伸展动画节奏与叶子的动画节奏相配合,所以当树枝伸展到叶子所在位置时叶子才能播放伸展放大动画,因此要调整补间动画的位置,如图3-12所示,调整完后的关键帧如图3-13所示。

图3-12 调整帧位置

图3-13 调整关键帧位置

(5)调整好关键帧后观察下动画效果,如图3-14所示。

图3-14 动画效果

(6)回到主场景,然后设置图形“树枝”的循环动画选项为“播放一次”,如图3-15所示。

图3-15 设置播放次数

图3-16 复制树枝

图3-17 观察动画效果

(8)为了让树枝更具真实感,所以要为其添加阴影,首先将帧复制到一个新图层中,再调整好图形的位置,然后在属性面板中设置图形颜色为(R:3,G:61,B:2),如图3-18所示,阴影效果如图3-19所示。

(9)最后为画面添加一些文字作为点缀,如图3-20所示,然后按Ctrl+Enter组合键发布动画。

图3-20 添加文字

教程已完毕,现在大家应该学会利用flashCS4制作树枝的伸展动画效果了吧,希望这篇教程对大家有一定的帮助。

展开阅读全文

篇4: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测试。

展开阅读全文

篇5:flash怎么给图片添加胶片效果

全文共 717 字

+ 加入清单

在影视中,胶片效果的播放十分常见,而且出来的效果也非常好,记录性比较强,可以简单直接地表现精彩之处,我们来看一下

1、首先我们还是来分析一下制作中的关键点,这一制作中主要是绘制的能力,对矩形工具使用的熟练度,所以还是十分简单的,先新建一个默认的文件

2、然后选择 矩形工具 ,边框设置为无, 填充色为白色 ,绘制出一条线,大概差不多就可以,然后在下面用另一个填充色画一个小一点的矩形

3、将两个图形都进行组合,快捷键 CTRL+G ,菜单里面也有,不熟悉的可以自己熟悉下, 然后将小矩形复制放进黑线中 ,选中所有小矩形,距离进行对齐

4、然后将所有的都选中, 对图形进行打散 ,因为我们需要的是一个镂空的效果, 将红色部分去掉

5、将图形进行 复制 ,尾巴处接上,然后组合一下,重新进行复制,放在下面, 按住shift水平向下

6、用之前制作镂空一样的做法,用 矩形工具画一条竖线, 然后将所有的 竖线对齐

7、然后再次选中所有,重新组合,拖到舞台左边对齐, 将图片导入到库, 之后会用到

8、这里图片的选择尽量和边框大小一致,不然会出现严重的变形,会PS的如果想制作地精美一点可以自行剪切设置大小,这里小编就随便导几张进去

9、然后找到库, 将图片拖进去 ,对图片进行变形适应框子大小,基本上差不多就行

10、全部处理好之后就是这样的,因为只是随便导的几张,所以有些图片的边缘会有logo或者白边,大家如果需要细致制作可自行处理

11、然后将其 转化为元件 ,剩下的就是动作的部分,不用多说大家也知道 ,胶片在滚动, 所以在第60帧处插入 关键帧 ,将尾部与右边缘对齐, 创建传统补间

12、如果大家觉得白色的背景不好看的话,可以换其它颜色的,这个没有限制

展开阅读全文

篇6:如何在flash中制作一个篮球落地的动画效果

全文共 403 字

+ 加入清单

下面教大家在flash制作一个篮球落地动画效果方法,很简单的,大家按步骤很快就能学会了。这是预览图,效果是先慢慢的上,再越来越快的下落,符合自由落体哦。

方法/步骤

第一步,我们在舞台上画一个球形,用的是选择工具。

第二步,我们把它绘制一个更像篮球的形象,这样在中间多加几条线条,并且把线条调整成弧形就不错,

第三步,我们分别在第30帧和第60帧处插入关键帧,并且插入补间动画。

第四步,我们做动作,就是在第30帧处把球往上抛,所以把它垂直移动到上空200码或者更多,再在60帧处把它移动到右边一段距离,这是为了形成掉下来再往右滚的动画,更加形象化。

第五步,单击1-30帧处的补间,看到下方有一个补间下面有一个缓动字样,右边的数值调整到+100,是越来越慢的效果。

第六步,单击30-60帧处的补间,同样在下方的缓动的数值调到-100,这是越来越快的效果,加上音效就变得生动了起来,如果能做出球的滚动效果就更好了。

展开阅读全文

篇7:如何利用Flash中的遮照打造3D动画视觉效果

全文共 303 字

+ 加入清单

本教程是向大家介绍利用flash中的遮照打造3D动画视觉效果,教程比较基础,适合新手学习,希望对大家有所帮助!

首先新建文档,按Ctrl+J修改属性。

导入一幅图片作背景,然后建一新层,然后绘制一条横线和竖线,绘制横线时使用对齐面板。

效果。

再创建一个层,在如下图所示位置绘制一个矩形。

然后按F8转变为元件,类型:图形。然后再第20帧插入一个关键帧,然后调整大小,调到最小。

之后创建补间动画。然后再创建一个图层,绘制一个矩形如下图所示,然后转变为图形元件。

然后再第20帧插入关键帧,把图形调整到一条横线,最后创建补间动画。

然后新建立一个图层,绘制一个三角形。

然后执行遮照命令。

最后按Ctrl+Enter进行测试。

展开阅读全文

篇8:flash中怎么制作鼠标特效效果动画

全文共 283 字

+ 加入清单

flash_cs6做鼠标特效

1、双击打开FL。

2、打开后界面。

3、 将要做成鼠标箭头的材料导入 。这里导入的是路飞头像。

4、选中 转换成元件-影片剪辑 。

5、选中 中心点 ,点击确定。

6、命名为 lufei_mc 。(lufei这段字符可以设置成其他, 但必须是字母)

7、 脚本必须是as2.0

8、新建as代码层。选中as层, 按F9。

9、输入代码

Mouse.hide();

onEnterFrame=function(){

lufei_mc._x=_xmouse;

lufei_mc._y=_ymouse;

}

10、完毕。

注意事项:

用英文输入法输入代码,不然极易出错。

展开阅读全文

篇9: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制作翻书动画效果的个性相册,希望大家喜欢本教程!

展开阅读全文

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

全文共 568 字

+ 加入清单

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

方法/步骤

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

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

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

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

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

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

展开阅读全文

篇11:Flash如何制作鼠标点击图片显示打散的动画效果

全文共 1095 字

+ 加入清单

本篇教程主要向大家介绍flash制作鼠标点击图片显示打散的gif动画效果方法,教程很不错,很值得学习,下面一起来看看吧!

1、新建Flash文档,550*400,其它默认。

2、创建影片剪辑,选椭圆工具,笔触无,填充色放射渐变,画一个椭圆,右键库中设置链接,类名Ball。

3、返回场景1,第一层建背景(随意),新建as图层,在as图层第一帧输入代码:

复制代码

代码如下:

//小球的初始位置

[code]//小球的初始位置

var ballx:Number = 275;

var bally:Number = 400;

//小球运动速度

var speed:Number = 5;

stage.addEventListener(MouseEvent.CLICK,shoot);

function shoot(e:MouseEvent):void

{

for(var i:int = 1;i

{

//从库中创建小球

var ball:Ball = new Ball();

//初始化小球位置

ball.x = ballx;

ball.y = bally;

//根据三角函数计算小球的速度

ball.spdx = cosD(i*-20)*speed;

ball.spdy = sinD(i*-20)*speed;

//注册enterFrame事件

ball.addEventListener(Event.ENTER_FRAME,ballMove);

e.target.addChild(ball);

}

}

function ballMove(e:Event):void

{

//获取小球的引用

var obj:MovieClip = e.target;

//设置小球的坐标,实现运动

obj.x += obj.spdx

obj.y += obj.spdy

if(obj.y550||obj.y>400)

{

//移除enterFrame事件

obj.removeEventListener(Event.ENTER_FRAME,ballMove)

//从显示列表删除

stage.removeChild(obj)

}

}

//角度转换为弧度

function angleToRadian(angle:Number):Number

{

return angle*(Math.PI/180);

}

function sinD(angle:Number):Number

{

return Math.sin(angleToRadian(angle));

}

function cosD(angle:Number):Number

{

return Math.cos(angleToRadian(angle));

}

展开阅读全文

篇12:flash怎么制作推窗的gif动画效果

全文共 1066 字

+ 加入清单

转眼又将中秋,天高云淡,一切都是那么清爽明净。月夜,让我们开窗赏夜吧,夜,包含的不只有月……下面小编就为大家介绍flash制作推窗的gif动画效果方法,来看看吧!

最终效果图:

步骤

1、整个窗户的制作需要准确定位,所以,首先调出网格:视图——网格——显示网格。

2、R键调出矩形工具,禁用线条色,填充色#E4DAC5,画出一个足够大的矩形。

3、改变填充色(颜色随意),在矩形上再画一个小些的矩形,选中后,Delete删除,使大矩形成为一个边框。即窗框。

4、新建一层。线条色#B6A896,笔触大小2.25,填充色不变。用同样方法画出一扇窗,左边线条色改为较淡的#E7E1DC,做出窗户的明暗。

5、拉出一个细长的矩形作为窗格,同样用改变线条色做出明暗。

6、新建一层,按住Alt键将窗的帧拖入此层,复制出一帧。然后将复制的窗移至右侧。

7、选中左右窗户的第三帧,F6插入关键帧。后面隔一帧插入一帧,共有1、3、5、7四个关键帧。

8、分别选取2、3层第三帧的窗户(用选择工具拖选,不易遗漏,但要注意将其他层锁定),Q键调出变形工具,按住ctrl键(使变形框斜切)分别拖动上下边角,将窗户倾斜向内缩小。如图中右窗,左窗为调整后的形状。这是向外打开的图,如果窗位向内打开,则边角为斜向放大,如图2。并且要考虑是否需要添加窗户打开至墙壁的过程。

9、第五帧的左右窗同样方法再向内缩,使整面窗呈大半打开的状态。

10、第七帧删除左右窗,紧贴窗框画一个细长的矩形,使窗户成为完全打开状态。

11、填充色白色,透明度35%,为每个关键帧的窗格填充上“ 玻璃 ”。

12、窗框层第25帧F5插入帧。随后,选中左右窗所有帧,按住Alt向右拖动至图中位置。

13、保持复制的帧处在被选中状态,右键——翻转帧。

14、新建一层作为墙体,填充颜色为#F7F7EC。点开Deco工具,选择藤蔓式填充,枝、叶的颜色分别改为各人喜爱的颜色,这里选择了与墙体相近的色系。

15、Deco工具在墙体部分拖动,使图案填满墙体,成为装饰好的墙面。

16、选择窗框,F8转换为影片剪辑元件。

17、属性面板滚动条拖至底部,打开滤镜,为窗框添加斜角效果。强度50%。

18、Ctrl+F8键新建影片剪辑元件,矩形工具画出窗帘,选择工具改变形状,渐变填充如图。

19、25、50帧分别添加关键帧,将25帧的图形稍作调整。使窗帘向一边飘动。为1帧和25帧创建补间形状。

20、回到场景,库中拖入窗帘,属性面板中色彩效果选“ 高级 ”,参数设置如图。

21、最后,最底层导入背景图,放入两个事先做好的萤火虫,完成制作。

展开阅读全文

篇13:FLASH如何导入源文件播放动画预览效果

全文共 368 字

+ 加入清单

flash源文件在FLASH软件里面打开,怎么去播放他,很多人不知道,有的人按“回车”这样可以吗?下面请看教程。

1、打开FLASH软件,最高版本为CS6,CS6可以打开所有的FLASH文件,版本低了有的文件打不开,报“意外的文件格式”。

2、菜单栏, 文件---打开 ,找到你要打开的源文件。

3、怎么预览动画的完整效果呢?直接按“ 回车 ”,播放不了,为什么有的源文件里面直接按“回车”能播放呢,因为那个是逐帧动画,时间轴上没有影片剪辑,动画是逐帧显示。

4、正确的播放方法是:按“ CTRL+回车 ”,就会弹出一个播放的窗口。

5、也可以导出SWF的文件查看,效果也是一样的。

6、 文件---导出---导出影片 ,选择导出SWF格式的文件,然后在单独播放即可。

注意事项: 按 CTRL+回车播放 ,不是单独“回车”播放,版本用最高版本打开。

展开阅读全文

篇14:flash CS6怎么制作水滴下落的动画效果

全文共 646 字

+ 加入清单

flash中绘图与动画制作占比同样重要,在与之结合的基础上能创作出很多日常生活中的情景,水滴下落,也就是自由落体运动就是一个很好的制作模型。

首先我们需要了解原理,在上面的演示中可以看到运动下落,速度是一个点,水滴的颜色变化是一个点,以及水波的隐约扩散,了解了几个重要的点就可以开始制作了

1、我们先按照默认的方式建立一件,默认的是一个空白的画布,尺寸固定

2、然后在属性面板上设置舞台参数, 帧频率改为12,尺寸200*400 ,背景颜色为蓝色,大家喜欢什么样的蓝色都可以

3、选择 钢笔工具画水滴 ,如果大家不熟悉可以多试一下,然后用部分 选择工具 进行调整

4、选择 颜料桶工具 ,最下面的黑白渐变,然后打开调色板, 黑色改为淡蓝色,填充水滴

5、选择 水滴 ,去掉边框, 即边框颜色为0,Alph值为0,就是选择斜杠

6、将其转化为 元件 ,图形,在第十帧初按F6, 添加关键帧,按住shift键下移

7、在同一帧选择 椭圆工具 ,只有边框,移到水滴中心, 按F7, 添加 空白关键帧 ,选中边框, 按CTRL+X剪切,到11帧按住CTRL+shift+V 同位置粘贴

8、将边框转化为 元件 ,在第16帧初按 F6 ,选中边框,找到属性, Alph值为0

9、回到第11帧,将边框缩小,用 调整变形工具 ,按住 shift

10、 在第11帧与16帧中间任选一帧 ,右击创建传统补件,前面的也是如此

11、因为涉及到重力的问题,所以在第一帧到第十帧中间任选一帧,选择属性, 将缓动改为-100 ,由慢到快

展开阅读全文

篇15: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啦。

展开阅读全文

篇16:Flash遮罩如何制作线条逐渐显示的汽车轮廓动画效果

全文共 849 字

+ 加入清单

这次用flash动画中的遮罩来制作线条从无到有显示汽车轮廓动画效果,教程介绍的很详细,适合新手学习,希望对大家有所帮助。

在flash中新建立一文件,大小可以放进你准备的图片,这里使用640x480px,白色背景.然后将汽车图片导入到flash中," 文件>导入>导入到舞台 "

在图层1的第一针上你因该可以看到你导入的汽车图片

点击汽车图片,你会发现图片周围显示灰色的框,说明图片已经被选中,随后按F8将图片转换为元件,在名称中打入"VWGOLF",在类型中选择"影片剪辑"!

按"确定"后,一个影片剪辑就完成了,双击这个影片剪辑,我们会进入名为"VWGOLF"的场景中

现在"场景1"是我们的主场景,场景"VWGOLF"是次场景

点"插入图层"新建一图层,新图层命名为LINES,并将我们之前的图片图层锁定

选择"线条工具"勾选汽车轮胎部分,如下面的动态图片过程

然后使用钢笔工具勾出整个汽车轮廓(所有的轮廓因该在新键的图层中画出)

现在我们为轮廓增加遮罩层(遮罩的原理是被遮罩的部分会显示,不显示未遮罩部分,flash里的渐隐基本都是使用此功能来做的)

新建一图层作为遮罩层,用刷子工具(设置如下图)沿着汽车轮廓图进行描边(请注意所有的描边因该在遮罩层上而不是汽车轮廓层上)

这里我们每描一部分线条,按一次F6键,建立一个关键针,(这样做的目的是最后汽车轮廓可以逐步显示出来)你可以查看下面的动态展示图

在mask层上按右键,将此层转换为遮罩层

我们复制图层,用同样的方法制作轮胎部分的遮罩效果,针数与前面的相同

现在我们回到图片所在的图层,拖动图片元件到25针左右

同时在第60针新建一关键针,按F6

选中图片元件(在最外面的主场景中),在低部属性中设置颜色为"高级",按右边设置按钮!

跳出windows框,设置参数如下

在图片层第30~60针之间随意点上右击,选"创建补间动画"

这样图片的渐隐效果动画就制作完成了

教程结束,以上就是Flash遮罩制作线条逐渐显示的汽车轮廓动画效果,希望对大家有所帮助!谢谢大家观看本教程!

展开阅读全文

篇17: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、测试存盘

展开阅读全文

篇18:flash如何制作春雷闪电效果动画

全文共 2639 字

+ 加入清单

这篇教程向大家介绍flash制作春雷闪电效果动画过程,教程不是很难,制作出来的效果很不错,一起来学习吧!

教程如下:

1、按“Ctrl+M”打开影片属性对话框,设定动画的大小宽为240高为400,背景为黑色,单击“确定”。

2、单击“insert→new symbol”(ctrl+f8),在弹出对话框中命名为“city”,类型选“movie clip”。

3、用acdsee等看图软件找一张可以作为闪电效果背景的图片,用firework等图像编辑工具编辑一下,去掉背景(去背的技巧有很多的,这里就不多说了,但是有一点要注意,输出的时候一定要输出为gif文件,这样才能够让去掉的背景变得透明)。编辑好之后,回到falsh,确定是在city mc的里,按“Ctrl+R”打开图像导入对话框,选择刚才编辑好的gif的图像。

4、回到场景,接着建立午夜的背景,因为是晚上有点月光的时候,这里选择一张带蓝底的图片,(关于找背景图像的事这插一句话,背景找得好,可以为你的flash表现效果得到最大发挥!这次贡献出来的背景图是我做过的mtv--《开不了口》中的背景,倾情贡献啊,热烈鼓掌!)单击“insert→new symbol”(ctrl+f8),在弹出对话框中命名为“back”,类型选“movie clip”。

选择底图!签于这张底图的质量要求不是很高,因此可以用编辑软件在外部改为尺寸比较小一点的,然后到flash中用尺寸调节工具拉大!这样可以最大程度地减少输出为swf后文件的大小,而且整体颜色完全可以掩盖住马赛克的出现!

5、场景中基本的元素差不多了,但还缺少今天的主演,那就是闪电,接下来我们就让这位主演出场吧!单击“insert→new symbol”(ctrl+f8),在弹出对话框中命名为“f1”,类型选“movie clip”,选择铅笔工具(单按y),然后在工具条的下面options项目里选择ink项,这样可以让画出来的闪电更自然,好了,现在发挥你的鼠标手绘能力在场景中创作吧,这个能力不是一天两天能做得好的哦,假如你有画卡通的基础,又有很好的压感笔用,那是可以画的很好的!当然闪电这东西也容易画,随便拖几根白色的曲线出来就可以了,我画好的如图3说示,你也可以从源文件中直接拿来使用。

6、新建一个mc“f2”主要是复制f1中的内容,选择,然后在info面板中的stroke height匡中将1改为3。增大画线的粗度。

7、按ctrl+e回到场景,现在各个演员都已到位,该是进行表演的时候了。将“city”mc拖入场景中,将这层命名为backcity,然后在下面新建一层blueback,主要是在城堡后面放蓝色暗背景。到这里我们想一下,风云变幻的时候天空应该是在动的,也就是说城堡后面的背景要动,这就必须要求mc里面的元素也要动,因此,我们还必须建立一个backmovie的mc。单击“insert→new symbol”(ctrl+f8),在弹出对话框中命名为“backmovie”,类型选“movie clip”。打开liberay,将back拖入,然后估计场景中的动画长度为120帧,按f6建立关键帧,将back从左端移到右端,距离为“back”mc的宽度!做motion动画!

8、再次按ctrl+e回到场景,将刚才的backmovie拖入blueback层,感觉覆盖不了整个电影的面积,这里就必须用scale工具将其变大以至覆盖整个场景,选择这个backmovie,然后在工具栏的options项选择scale,将backmovie拉大到足够宽度和高度,覆盖动画场景。

9、修改场景中backcity层中的元素,将城堡变得阴暗些!点选effect面板下拉菜单中的tint项,将百分数改为88%。这样城堡变阴暗了。

10、建立sound层,找个打雷的声效,在15帧处建立关键帧,拉入声效stom.wav,对这个声效多听几回,以便做出的动画跟声效相吻合。

11、在其上新建一层light1,根据这个声效,我们在第17帧的地方做关键帧,在这里我们安排一个小闪电的出现。将f1拖入,用scale工具调小出现在城堡上空,第18帧消逝,然后在第19帧场景中不同的位置出现一个更大一点的闪电,其实也是用f1这个mc,只不过没有经过scale变小而已!第20帧继续保持。

12、在backcity层选择场景中的city,然后copy一下,选择light1层,在其下新建一层,命名为city,在第20帧处,也就是第二次闪电出现的时候,建立关键帧,安ctrl+shift+v,原位置复制,然后在effect面板中将选项改为none,呵呵,怎么样,灰暗的城堡变明亮了吧!

13、好,城堡被闪电照亮的效果出来了,然后再接着安排一个更大的闪电,以及几个闪电同时出现。新建一层light2,在21帧处建立关键帧,拉入f2这个更大的“闪电”,保持到第24帧,同时在第22帧出现以前那个小点的闪电,预览一下,怎么样?商店的效果有点样子了吧,但是应该想一想,这样高强度多个闪电的同时出现,会将整个天空都照亮的,那么,天空照亮的效果又如何实

现呢?其实说白了也就是将整个场景中的背景变白,在动画表现中,给观看者的影像就会觉得城堡变得更亮了!下面我们来实现这个效果。

14、新建一个mc,命名为white,用矩形工具在场景中作矩形,无边,颜色为白色,回到场景,在city图层下新建一层whiteback,在第23帧做关键帧,将white拉入场景,并用scale工具调整到覆盖整个场景,城堡在白色背景之上,白色背景在24帧消失。

15、至此,我们整个关键的部分就做完了,如果进行精细调节的话,可以根据需要,在后面的帧中不定时地插入一两个小闪电,如我的在第35帧插入了一个小闪电,减少整个画面的单调感!

16、根据声效,我们设的场景中的帧数为120,在后面的动画中,我们还必须的加入一两个高强度的闪电,这里,我们同时选择whiteback层到light2层的16帧到24帧,复制这些帧。

17、在light2上新建一层,选择你要插入闪电高峰出现的位置,按f6建立关键帧,然后在这个帧上单击右健出现菜单,选择paste frames,将帧粘帖到新层上,删除粘帖后出现的多余帧。这样就很方便地使闪电的高峰再次出现。当然你也可以像我们上面做第一次闪电出现时候的效果那样一个一个地细心将闪电做出来,而不是用所说的copy frames的方法。

展开阅读全文

篇19:FLASH怎么模拟按键音符动画效果

全文共 187 字

+ 加入清单

flash模拟按键音符,用到逐帧动画与脚本语言,教程很不错,值得学习,好了,下面我们来学习吧。

步骤

1、打开FLASH软件,新建FLASH文档,修改属性;

2、选择渐变颜色,绘制按键;转换为元件;

3、新建图层绘制音符;

4、添加关键帧,然后把音符放到对应的帧中,第一帧空白音符;

5、添加脚本语言;

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

注意事项

注意箭头处

注意脚本语言的输入法

展开阅读全文

篇20:Flash如何把静态的水的图片制作成形象逼真的水波效果

全文共 819 字

+ 加入清单

下面为大家介绍一款软件,它就是flash,它可以把静态的带水的图片制作形象逼真水波。具体的操作流程请往下看:

方法/步骤

1、 首先下载安装好软件,运行后,界面如图;

2、 点击红色的的界面如图中所示:

3、 这里找到一张带水的图片,如果没有,在下图片上右击,点为再从上面步骤里找到这张图片,如图;

4、 图片进入软件后,按图中的说明绘制虚线:注意:封闭要右击鼠标.

5、 如图,按图中所示设置好帧数即可;

6、 水波参数设置得当,就可以得到满意效果;

7、 参数一般会有七种设置: 运动类型:ABCDE,既水波如何运动哪个方向运动?你可以按个试效果.波纹密度:0--100 水波的多和少?你可以按不同百分数试效果.波纹间隔:0--100 水波之间隔多远?你可以按不同百分数试效果.波纹亮度:0--100 水波亮度设置?你可以按不同百分数试效果.透视:0--100 远处水波可否也动?还是从中间水波才动?你可以按不同百分数试效果.透明化:0--100 0的时候不透明,把天上的反射到水里,100的时候,不见天上的,只是水波自身动.你可以按不同百分数试效果.水波倒影:0--100 细致观察0和100不同百分数的效果.不细看,看不出来! 以上根据图片不同设置也不同,你可动每动其中一个参数,再点一次符号: 看发生啥变化?这样你就理解了!知道设置满意为止.

8、 生成文件 :

点符号:生成SWF文件.这样的文件用在FLASH里需要破解成源文件,不过问题是:破解的FLA文件容易造成库文件同名的冲突.点符号:生成AVI文件.

9、 生成序列图片,再调入flash里,用手工制作水波运动.

点,保存序列图片,如图

10、 点保存后,让你选择BMP?JPG?建议你选JPG这样可减小文件体积.

11、简单流程就是这样的,希望大家动手操作下试试!

注意事项

压缩率只对JPG文件有效,BMP是不压缩的图片故文件体积大.

至于如何用序列图片手工在FLASH里制作水波,这不在说明.

展开阅读全文