0

flash书翻页动画效果怎么做【20篇】

浏览

2366

文章

61

篇1:利用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制作树枝的伸展动画效果了吧,希望这篇教程对大家有一定的帮助。

展开阅读全文

篇2: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 ,由慢到快

展开阅读全文

篇3:Flash如何制作瀑布流水动画效果

全文共 698 字

+ 加入清单

流水动画用到的知识比较少,但是很多新手做不出来,因为这个动画细节比较多,在这里我们给大家详细的介绍下流水效果的实现,比较简单,下面向大家介绍flash制作瀑布流水动画效果方法,大家要仔细看清楚咯!

方法/步骤

【第一步】找一张素材图。拖到场景中,然后根据你图像的大小调整舞台或者图像的大小,这个看图片的尺寸了。尽量不要让图片变化太大了。将这张图转换为影片剪辑元件,命名为“流水”。

【第二步】把水从图里面抠出来。进入“流水”元件,复制素材图,新建图层,并粘贴到当前位置,然后打散,用橡皮把除了水以外的部分都擦掉,然后选中这个帧,按一次下一次左(只要不是相反的两个键就可以)。

【第三步】创建遮罩元件。新建图形元件,画一个几像素宽的长条矩形。新建影片剪辑元件,命名为“遮罩”,把刚刚的图形元件拖进来,按Ctrl+D复制多个,选择这一帧,设置居中对齐,在第20帧处插入关键帧,在这中间创建传统补间,将最后一帧下移他的一半(这个长度最少有两个场景高度那么高)。

【第四步】创建遮罩层。打开“流水”元件,新建图层,把“遮罩”元件拖到图层三,然后转一定的角度,底部遮住图层二抠出来的水。然后把这个图层设置为遮罩层,遮住水的图层。

【第五步】测试。将”流水“元件对齐到舞台,如果不合适,差的不多可以在属性面板改下图片大小,如果第一步做好,这里只需要对齐就可以来了,对齐了好看。

【说明】第二步做的时候可以先用橡皮沿着水擦一圈,再用选择工具选中剩下的部分按Delete删除。粘贴到当前位置的快捷键是Ctrl+Shift+V。把图片改的和舞台一样大可以选中图片后点击对齐面板的匹配宽和高和相对无舞台分布,也就是图中的两个按钮。

展开阅读全文

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

全文共 303 字

+ 加入清单

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

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

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

效果。

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

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

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

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

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

然后执行遮照命令。

最后按Ctrl+Enter进行测试。

展开阅读全文

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

全文共 568 字

+ 加入清单

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

方法/步骤

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

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

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

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

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

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

展开阅读全文

篇6:Flash AtionScrip 3.0如何制作逼真的雪花飘飘的动画效果

全文共 1771 字

+ 加入清单

本例为用flashAtionScrip 3.0制作逼真雪花飘飘的gif动画效果教程,常常从网上的动画中看到大雪纷飞的场面,看到雪花从天空中拖曳而下,真有一种身临其境的感觉呢?但主要是用AtionScrip 2.0制作,现在用AtionScrip 3.0来制作雪景效果。

一、制作雪花元件

1、打开 Flash9.0,新建Flash文档选择AtionScrip 3.0。背景色为深蓝,舞台大小为 550×400。然后按下 Ctrl+F8,新建一个影片剪辑元件“雪花”,进入到“雪花”元件编辑状态后,图层1改为“雪花层”用椭圆工具在舞台上拖曳出一个大约 2×2 像素无笔触纯白色的圆来,然后放大到 800%,用选择工具在边缘处随便拉动,使其变成不规则的形状,最后选中这个图形,打开【修改】-【形状】-【柔化填充边缘】,调出“柔化填充边缘”对话框,在“距离”项中填入 5px,“步骤数”为5,“方向”为“扩展”,完成后尺寸大约为 7.5×7 像素,全选图形右键转为影片剪辑元件“静态雪花”。如图 1(放大为 800%的效果)。

2、在影片剪辑“雪花”元件“雪花层”图层的第80帧上插入关键帧,然后在第二层“添加运动引导层”,舞台缩小到50%,用铅笔画从上至下画一条运动线,第80帧处插入帧,上锁。选中“雪花”图层图第80帧上“静态雪花”元件拖曳到运动线的下端,选中“雪花”层创建补间动画。如图2

然后在库中用右键点击“雪花”元件,选择“链接”项,给其添加标识符为“xh_mc”。

Webjx核心提示:本例为用Flash AtionScrip 3.0制作雪花飘飘的雪景效果,常常从网上的动画中看到大雪纷飞的场面,看到雪花从天空中拖曳而下,真有一种身临其境的感觉呢?但主要是用AtionScrip 2.0制作,现在我们用AtionScrip 3.0来制作雪景效果.

二、制作背景

回到场景 1 中来,选择【文件】-【导入】-【导入到舞台】,从自己的磁盘中选择一张雪景图片,选中图片,把它设置为550x400,全居中,同时把图层 1 更名为“背景”。

三、新建一个图层“AS” ,点中第 1帧,打开“动作”面板,添加下列代码:

复制代码

代码如下:

Var sj:Timer=new Timer(Math.random()*300+100,100);

//声明一个时间变量,类型Timer,随机设置时间间隔和控制雪花数量;

sj.addEventListener(TimerEvent.TIMER ,sjcd);

//用sj来侦听时间事件;

function sjcd(event:TimerEvent) {

//声明一个sjcd函数

var xh:xh_mc=new xh_mc();

//先声明一个对象xh,类型xh_mc,等于一种新类型xh_mc;

addChild(xh);

//把新声明的xh对象显示到舞台上;

xh.x=Math.random()*550;

//雪花x坐标在550舞台上随机出现;

xh.y=Math.random()*200;

//雪花y坐标控制在舞台上的0-200处随机出现;

xh.alpha=Math.random()*1+0.2;

//雪花的随机透明度;

xh.scaleX=Math.random()*0.5+0.5;

//随机控制雪花在x的宽度;

xh.scaleY=Math.random()*0.5+0.5;

//随机控制雪花在y的宽度;

}

sj.start();//时间开始;

雪景代码:

复制代码

代码如下:

var sj:Timer =new Timer(Math.random()*300+100,100);

sj.addEventListener(TimerEvent.TIMER ,sjcd);

function sjcd(event:TimerEvent) {

var xh:xh_mc=new xh_mc();

addChild(xh);

xh.x=Math.random()*550;

xh.y=Math.random()*200;

xh.alpha=Math.random()*1+0.2;

xh.scaleX=Math.random()*0.5+0.5;

xh.scaleY=Math.random()*0.5+0.5;

}

sj.start();

四、关闭动作窗口测试保存。

展开阅读全文

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

全文共 296 字

+ 加入清单

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

效果演示

运用的知识点:

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

滤镜制作边框效果;

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

AS制作鼠标跟随效果。

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

(二).元件的准备

一.制作百叶窗元件

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

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

图2

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

展开阅读全文

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

展开阅读全文

篇9:如何在Flash cs3利用动作补间制作飞机飞行的动画效果

全文共 791 字

+ 加入清单

下面制作一个利用动作补间制作的飞机飞行动画效果,大家也来动手试试看,希望能对大家有所帮助!

方法/步骤

1、启动flashCS3程序,选择文件新建一个Flash文档。

2、新建Flash文档后,选择“文件”里的“导入”再到“导入到库”这个顺序,如图所示

3、然后在弹出来的“导入库”的窗口中将之前存好的两幅(摁着键盘的“Shift"键就能两个一起选择了)“背景”和“飞机”的位图导入到“库”的面板中,如图所示。

4、然后在时间轴上选择第1帧,将”库“中的”背景“位图拖到舞台中,如图所示。

5、然后在菜单栏上选择”修改“>”文档“命令,如图所示。

6、在打开的”文档属性“对话框中,选择”内容“单选按钮,然后点”确定“就能使文档尺寸与内容相符了。如图所示。

7、返回场景编辑状态,在时间轴上单击”插入图层“按钮插入”图层2“,然后在”图层2“上选中第1帧,然后将”库“面板中的”飞机“位图,拖到舞台的右下角。如图所示。

8、然后选中舞台中的“飞机”位图,点击鼠标右键,选择“转换为元件”命令,将它转换名为“元件1”的“图形”元件,如图所示。

9、在“图层2”的第60帧上右击鼠标,在弹出的快捷菜单中选择“插入关键帧”命令。

10、选中舞台中的“元件1”,在“属性”面板中设置该元件的宽度为50像素,高度等比例缩放,然后打开“颜色”选择“Alpha”选项,在“Alpha数量”文本框设置透明度为20%,然后将元件拖动舞台的左上角,如图所示。

11、鼠标右键在”图层2“的第1帧到第60帧之间的任意1帧,在弹出的菜单中选择”创建补间动画“选项,创建补间动画。如图所示。

12、在打开的动画补间的”属性“面板中,在”缓动“设置中输入数值40,如图所示。

13、最后选中”图层1“上的第60帧,按F5快捷键插入帧,然后摁下Enter键就可以预览飞机从低飞到高空的飞行的动画效果了,大家快点动手做做,很好玩,很有趣的。

展开阅读全文

篇10:Flash怎么制作物体逐渐显示的gif动画效果图

全文共 550 字

+ 加入清单

flash动画制作中,我们可以利用图层之间相互影响的特点来制作很多特殊的动画。下面介绍利用Flash中上一图层元件对其下面图层的遮挡特点,来制作使物体逐渐显示的动画。

步骤

1、启动Flash cs4软件,新建一个flash文件。

2、在默认的图层1中的第1帧上导入或创建你所要逐渐显示的对象。这里,我们使用“ 钢笔工具 ”绘制出折线。

3、在图层1的第40帧(可以根据所需要的时间长短自由选择)处,右击,选择“ 插入帧 ”(快捷键)命令,结果如下。

4、然后,单击选择图层1,右击,选择“ 插入图层 ”命令。这时,会新建一个图层,默认名称为“图层2”,默认在图层1的上方。

5、选中图层2的第1帧,绘制出遮挡的形状,可以是矩形、椭圆和多边形等。我们这里绘制一个矩形,设置其笔触颜色为空白、填充颜色为文档背景颜色。并将其转化为图形元件(在转化的过程中要将图层1锁定)。并通过移动使其左侧刚好覆盖图层1中的折线。

6、在图层2的第40帧,右击,选择“ 插入关键帧 ”命令。并移动矩形元件,使其左端刚好与折线分离。

7、右击图层2中第1~40帧中任意一帧,选择“ 创建传统补间 ”命令。

8、执行菜单中“ 控制|测试影片 ”命令,即可得到想要的结果。

注意事项

存放遮挡元件的图层要在上面,且元件颜色要与文档背景颜色一致。

展开阅读全文

篇11: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动画效果方法,教程真的很不错,希望大家喜欢!

展开阅读全文

篇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怎么制作滚动字幕动画效果

全文共 573 字

+ 加入清单

flash滚动字幕效果主要通过遮罩层来完成这个功能,这是一个小技巧,可以让你在短时间了解遮罩层的原理——在同一个图层中,遮住的显示,不遮住的不显示(这是我的理解)。所以你可以试试下面的方法制作一个简单的字幕滚动效果,算是Flash的进阶。

1、首先是要新建三个图层: 背景,文字,遮罩 。图层的建立是Flash的关键一步。同时,把页面的高度属性改为200px。

2、通过点击“ 文件 ”里面的“ 导入到舞台 ”,将素材导入舞台主界面。并且按快捷键 CTRL+K 弹出调整对齐和背景的大小与舞台适应。记住此时必须中 “背景 ”层中执行以上操作

3、接着,在“ 文字” 层中,按 快捷键T, 输入欢迎文字“欢迎来到我的博客!”并且通过右侧的字符调整面板,把文字的字间距拉大一点。

4、然后,在 “ 遮罩“层,按住R,使用矩形工具拉出一个小矩形,填充颜色随意。并且在遮罩层的 300帧处按住F6复制帧, 文字层和背景层都按 F5延长帧。

5、接着,在遮罩层的第300帧下,按住Q,使用变形工具将制作出来的小矩形横向拉长到覆盖所有文字。并且在遮罩层创建补间形状,右击 遮罩层 ,选择选择" 遮罩层", 把遮罩层添加到文字层上面。

6、此时你就可以按 CTRL+ENTER 测试一下你制作的滚动字幕效果了。

注意事项:

以上制作为了显示出效果夸大了一些设置,可以适当调度。

展开阅读全文

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

展开阅读全文

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

全文共 532 字

+ 加入清单

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

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

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

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

有四种方式可供选择

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

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

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

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

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

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

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

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

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

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

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

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

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

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

展开阅读全文

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

全文共 368 字

+ 加入清单

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

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

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

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

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

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

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

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

展开阅读全文

篇17: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、最后,最底层导入背景图,放入两个事先做好的萤火虫,完成制作。

展开阅读全文

篇18:Flash模仿制作毛笔写字效果动画步骤

全文共 1148 字

+ 加入清单

1.首先新建一flash文档,修改文档尺寸为,宽500,高350,设背景颜色为#006666。然后制作所需的元件:

制作卷轴:

点击插入菜单—选择“新建元件”,在弹出的对话框上名称:填上“轴”,行为:选择“图形”然后确定,

使用矩形工具,关闭颜色工具的边框,选择油漆筒,打开右边的混色器将颜色状态设置成线性,将线性渐变设置成如图所示,

用矩形工具画出卷轴主要部分,使用任意变形工具调整其形状并将中心小圆与小十字对齐,再用同样方法在上下两端画出黑色的轴心。

卷轴就做好了,回到场景。

毛笔的制作:

新建元件,命名“笔”,行为:图形。方法同卷轴的制作方法相似,只不过在上端画上挂绳,下端用任意变形工具,按住ctrl键调整出上宽下窄,笔尖使用圆形工具填充线性渐变,然后使用实心选择工具(箭头)调整出毛笔尖形状。

毛笔做好后回到场景。

书法字体的制作:

新建元件,命名:字。行为:图形。选择合适的字体将字打上去。作者使用自己书写的字体,去掉背景后导入到库。使用时通过菜单—修改—位图—将位图转换为矢量图。

2.制作卷轴展开。打开—窗口—库,将库中元件“轴”拖入场景,将该层命名为:左轴。新建一层,命名:右轴。将元件轴再拖入该层,调整两个层中的轴为并列并位于中央位置。

点击左轴层的第一帧,右键—选择创建补间动画,在第5帧处点击右键—插入关键帧,选择场景中的卷轴,将其移动到文档的最左边。用同样的方法,将右轴层的右轴移动到文档的最右边。

3.制作纸张铺开。在最下面新建一图层,命名:纸。按照卷轴展开的位置画出浅黄色的纸边,注意在纸与卷轴之间不要留有空隙,然后再在黄色纸上画出白纸芯,位置大小适当。在图层纸上新建一层,命名:遮罩。用随便的颜色画一很窄的矩形,一定要与纸相同高,右键点击该层第1帧—创建补间动画,在第5帧处点击右键—插入关键帧,使用自由变换工具,将其宽度修改成文档宽度,右键点击遮罩层—选择遮罩,如图。

4.制作写字动画。在右轴层上新建一层,命名:字。在该图层第6帧处插入关键帧(可以从右键菜单中选取),并保持该帧选择,从库中将元件“字”拖入场景,使用任意变形工具将其调整到合适的大小和位置。

使用橡皮擦工具,将文字按照笔画相反的顺序,倒退着将文字擦除,每擦一次按F6键一次(即插入一个关键帧),每次擦去多少决定写字的快慢。

这样一直把所有的书法字体都擦完了。然后在“字”图层上,从第6帧开始一直到最后一帧全部选择,点击右键在右键菜单中点击“反转帧”,将其顺序全部颠倒过来。

5.制作毛笔动画。在字图层上面新建一层,命名“笔”。在该图层第6帧处插入关键帧,使用任意变形工具将其调整到合适的大小和起笔的位置,

按F6插入关键帧,并移动毛笔,使毛笔始终随着笔画最后的位置走,

如果有直线笔画,可以使用补间动画一直走到最后一帧,

即最终完成

展开阅读全文

篇19:flash如何制作一条蛇游动的gif动画效果

全文共 239 字

+ 加入清单

下面给大家介绍flash制作一条蛇游动的gif动画效果方法,是不是很有意思呢。 一起来看看吧。

方法/步骤

打开FLASH,新建文档。参数如图

新建一个元件。类型为图形。确定,绘制一个小球,颜色任意。

回到场景中。拖动小球到工作区。

在35帧按F6建立关键帧。将小球拖动到右边,在中间按右键,建立补间动画

新建图层2。并下移,让图层2在图层1下面,在图层2中,用铅笔,用光滑模式画一条弯曲的黑色的线。

将原来的小球图层1右键设为遮罩层。按回车键看效果。

注意事项

线用光滑模式,尽可能多一些弯曲。

展开阅读全文

篇20:Flash as3如何制作打字动画效果

全文共 1852 字

+ 加入清单

本例为flashAS3.0实例之打字效果,打字效果也是一个比较老的的效果,用来熟悉AS3.0的字符串和文本是最好的,希望能给朋友们带来帮助。

创建文本框与以住有些不同,在AS3.0中创建文本格式如下:

var 文本名称:TextField = new TextField();

这样文本框就创建了,但在AS3.0中显示对象要用addChild()方法添加到显示列表中,才能在屏幕上看到它,因此就还得加上一句:

addChild(文本名称);

下面来看一个例子:创建一个文本,并让文本显示一些内容。

在帧动作中输入下面的代码:

var mytext: TextField = new TextField();

mytext.text = "我已经创一个文本了";

addChild(mytext);

测试影片,你会看到一个文本:"我已经创一个文本了"显示在屏幕上了。

文本框创建之后就可以设置其属性,调用其方法了。比如:appendText()方法,它将地在号中的字符串添加到文本的的结尾处,看下面的代码:

var mytext: TextField = new TextField();

mytext.width=300;

mytext.text = "我已经创一个文本了";

mytext.appendText(",我又加了一些内容");

addChild(mytext);

测试影片,看到的内容是:"我已经创一个文本了,我又加了一些内容"。你可真能干,你还能加些内容。这里我们加了一句:mytext.width=300;这设置了文本的宽度,以适应文本内容,使它能完全显示出来。

下面进入主题,实现打字效果:

新建flash文档,记住建AS3.0文档。

然后,导入一个打字声音素材(只有一声的那种,附件已提供)到库中,在库中右击声音元件,点“连接”(flash8,cs3)或“属性”(flash cs4),在“为ActionScript导出“前打钩,在”类“文本框中输入一个类名称,我的名称是:dzs,”确定“后会弹出一个对话框,再”确定 “。

下面打开帧动作面板写代码。

首先声明一个字符串对象,将要打出的文字包含进去:

var mystr:String = "在新春佳节来临之际,祝中国教程网的朋友们,新春快乐,万事如意,牛年牛气冲天!";

然后,声明一个变量,存储字符串的字符数,备用:

var strcd:Number = mystr.length;

接下来创建文本框,设置宽度,位置和缩放:

var mytextbox:TextField = new TextField();

mytextbox.width = 300;

mytextbox.x=120;

mytextbox.y=100;

mytextbox.wordWrap = true;//文本框向下扩展

创建一个文本格式对象,设置文本的格式:

var strformat:TextFormat = new TextFormat();

strformat.bold = true;

strformat.color = 0xffff00;

strformat.size = 20;

将文本添加到显示列表:

addChild(mytextbox);

下面创建一个函数将字符串内容添加到文本上,并调用打字声音,因为我们后面会用Timer类实例来调用函数,所以在函数的事作参数,我们用 event:TimerEvent,字符串的charAt(i)方法可以提取字符串中的第i个字符。文本框在有了内容后调用 setTextFormat()方法才会有作用,所以在这里才用它。

var i =0;

function xs(event:TimerEvent):void{

mytextbox.appendText(mystr.charAt(i));

i++;

mytextbox.setTextFormat(strformat);

新建一个dzs类,即我们导入的声音,它将继承Sound类的属性和方法。所以用play()播放它,这样每加一个字符就会出现一声打字声。

var sy:dzs = new dzs();

sy.play();

}

下面创建Timer类,设置每300毫秒调用一次xs函数,为文本添加一个字符,一共调用字符串的个数那么多次:

var jg:Timer = new Timer(300,strcd);

jg.addEventListener(TimerEvent.TIMER,xs);

jg.start();

测试影片,效果应该出来了。

展开阅读全文