Flash制作逼真的太阳地球月亮运动漂亮动画

  先看两种不同得效果:

  第一种效果:

  第二种效果:(第二种效果我没有按照太阳、地球、月亮三者之间的真实旋转规律去做,按理说地球围绕太阳转一圈,自身应该转365圈,月亮应该围绕地球转13.04圈,这里主要为了加快播放速度,没有按真实去做)

  以下文字教程为第一种效果的,供初学者参考制作

  本实例用flash8(用flash2004也一样)制作太阳地球月亮之间的简单模拟运动,可作为简单的物理课件,更重要的是进一步加深理解flash动画制作中的渐变动画、运动引导线、遮罩、按钮、简单as语句等其他制作技巧。

  一、地球月亮元件的制作

  1、新建flash8文档,场景大小默认,背景黑色,新建电影剪辑元件,起名“地球月亮”。确定后就进入了这个电影剪辑的编辑舞台,放大视图至200%,用椭圆工具,无边框,选择线性填充,增加一个色码,左、中、右色码分别为#E6E9FF、#419DFA、#11076D(都是经验值,可以按自己的爱好设定)画一个正圆,调整大小为65*65,并全居中,在第10帧插入普通帧。改图层名为“地球”,混色器设置见图一:

  2、增加一个图层,改名为“轨迹”,在“轨迹”图层第1帧用椭圆工具,无填充,边框为黄色,笔触高度为1,画一个椭圆,改大小为95*45象素,全居中。连续插入3个图层,分别改图层名为月亮、引导线、地球1,复制“轨迹”图层第1帧粘贴到“引导线”图层的第一帧,复制“地球”图层第1帧粘贴到“地球1”图层的第一帧,在用黑箭头工具框选地球1删除地球1的下半部分,关闭轨迹图层的眼睛和锁,选中“引导线”图层第一帧上的椭圆线,用橡皮擦(最小号的)在椭圆线的最右边擦出一个极小的缺口。

  3、选中月亮图层第1帧(其他图层上锁)用椭圆工具,无边框,选择放射装填充,增加一个色码,左色码为#E7FCFE,中间色码为#C0E9FA,右色码为纯白色,并将右色码的透明度改为0,在舞台空白处画一个正圆,大小为20*20,混色器设置见图二:

  右键点击月亮转换为元件,行为:图形,起名月亮,注册点选在左上角确定,把月亮元件拖到引导线的上线端稍微靠上一点,在第10帧插入关键帧,在把月亮元件拖到引导线的下线端稍微靠下一点,选中月亮图层第1帧建立运动(动画)渐变,在属性里把“调整到路径、同步、对其”都打上勾,右键击引导线图层名,改图层属性为引导层,把月亮图层的属性改为被引导层,之后只关闭引导线图层的眼睛,按回车测试,看是否正常,最终效果见图三:

  二、光芒元件的制作

  1、新建图形元件,起名“光芒”确定,恢复视图100%,用矩形工具,无边框,填充选线形,增加一个色码,左色码为深红黄,中色码为红黄,右色码为淡黄,并把右色码得透明度改为30%左右,在舞台画一个矩形,改大小为130*3,把这个矩形拖到x、y为100,0的位置,先用黑箭头工具在场景空白处点一下,在用任意变形工具将这个矩形的中心点拖至舞台注册点正下方1cm处,见下图四:

  之后Ctrl+T调出变形面板,旋转那填上10度,按应用并变形数次形成一个圆周,用黑箭头工具选中第1帧,点修改菜单下的组合,如下图五:

  2、新建电影剪辑元件,起名“光芒四射”确定,在第1帧从库中拖入“光芒”元件并全居中,加一个图层,也在第1帧拖入刚才那个“光芒”元件全居中,点修改菜单下得变形――水平翻转,在20帧插入关键帧,创建运动补间动画,逆时针旋转一周,在下面图层的20帧插入普通帧,最后右键点上面图层名改图层属性为遮罩层。见图六 :

  三、符合按钮制作

  1、新建电影剪辑元件,起名“符合按钮”确定,打开公用库,在第1帧拖入一个红色按钮,全居中,第二帧插入空白关键帧,再拖入一个相同形状得绿色按钮全居中,在第1帧的按钮上用文本工具,选择适当字号和颜色输入“停止”两个字,同理在第2帧的按钮上输入“开始”两个字,如图七:

  分别给这两个帧上加stop();语句,之后选中第1帧上的红色按钮,打开动作面板输入以下语句:

on (release) {
play();
_root.stop();
_root.地球.stop();
}

  选中第2帧上的绿色按钮,打开动作面板输入以下语句:

on (release) {
gotoAndPlay(1);
_root.play();
_root.地球.play();
}

  四、场景组织

  1、回到主场景;共建8个图层,自下而上分别改图层名为“光芒四射、太阳、轨迹、地球月亮、引导线、按钮、四季按钮、文字”,把库中的“光芒四射”元件拖入光芒四射图层的第1帧,全居中,在131帧插入普通桢,上锁。在太阳图层第1帧用椭圆工具,无边框,填充为放射装,增加一个色码,左、中、右色码分别为#FFCCCC、#FBA651、#000000,在把右色码的透明度改为0见图八:

  画一个正圆,大小为150*150,全居中,在131帧插入普通帧,上锁。在轨迹图层用椭圆工具无填充,边框为黄色,笔触高度1,画一个椭圆,大小400*250,全居中,复制这个椭圆线,原位粘贴到引导线图层第1帧,并在这两个图层的131帧插入普通桢,关闭轨迹图层的锁和眼睛,用橡皮察工具把引导线图层上的椭圆右边察除一个小缺口,上锁。

  2、地球月亮的动画;把库中的“地球月亮”元件拖入地球月亮图层的第1帧,中心点对准引导线缺口的上线端,并给这个元件起实例名“地球”,在130帧插入关键帧,拖动地球月亮元件让中心点对准引导线缺口的下线端,点第一帧建立运动(动画)补间,在属性里把“调整到路径、同步、对其”都打上勾,把“引导线”图层的属性改为引导层,把“地球月亮”图层的属性改为被引导层,按回车先测试运动引导是否成功,成功后,分别在地球月亮图层的32、65、97帧插入关键帧,选中32帧中的地球月亮元件,调出信息面板把元件位置的点放到中心,之后改元件大小为宽50(锁定宽高)在把97帧上的地球月亮元件的宽改为80(锁定宽高),以上操作是模拟地球远近大小的视觉效果,选中130帧输入帧语句gotoAndPlay(1); 在131帧插入空白关键帧,复制第1帧上的地球月亮元件原位粘贴到131帧上,复制第32帧上的地球月亮元件原位粘贴到131帧上,复制第65帧上的地球月亮元件原位粘贴到131帧上,复制第97帧上的地球月亮元件原位粘贴到131帧上,选中131帧,输入帧语句stop();图层上锁。

  3、按钮以及文字;把库中的“符合按钮”电影剪辑元件拖入“按钮”图层第1帧,放在场景右下方合适的位置,在131插入空白关键帧。在四个“地球月亮”元件的旁边输入“春、夏、秋、冬”四个字。本图层上锁。从库中拖入一个绿色的按钮元件放入“四季按钮”图层第1帧的场景右下方合适的位置,在按钮上输入“四季”两个字,在131帧插入关键帧,把按钮上的“四季”两个字改为“返回”两个字,选中第1帧上的四季按钮,输入以下语句:

on (release) {
_root.地球.play();
gotoAndPlay(131);
}

  选中第131帧上的返回按钮输入以下语句:

on (release) {
gotoAndPlay(1);
}

  最后在文字图层第1帧适当的位置输入本实例的名称、作者、年月等文字,同样在131帧插入普通桢。完成后的主场景图层以及第1帧和第131帧上的内容如下图九和十

  测试、存盘。灯火于06年2月编写。

  本实例教程中的一些制作原理和技巧将在实例讲解中具体陈述。大家也可以在背景上做一些闪烁的星星、流星之类的点缀,谢谢大家。

时间: 2024-10-30 14:18:36

Flash制作逼真的太阳地球月亮运动漂亮动画的相关文章

Flash制作逼真的电流效果动画

通过一个矩形的限制x轴,y轴运动,不断的复制,形成一个电流的模拟效果. 具体步骤 1,运行flash mx,设置文档属性为黑色背景,尺寸200*200像素. 2,新建一个影片剪辑命名为"方框".利用举行工具,绘制一个1.6*1像素的无边框矩形,进行渐变填充.如图1所示. 图1:绘制方框元件 3,导入一电流通过的模拟声音,并把此声音文件放置在影片剪辑"声音"中. 4,回到主场景,把影片剪辑"方框"拖放到场景中.在下面的属性面板中,给影片剪辑&quo

Flash制作逼真的书法动画效果

网上也有不少用毛笔做引导线的动画,小草小时候喜欢中国的书画,长大后当画家的梦想破灭了,但是脑还是带给了我不少新鲜的表现手段!这儿上传一个自己2004年春天作的一个动画,是想用动画来表现毛笔在字上写字的效果.这儿要表现出笔的动作和墨在纸上扩散的效果.力求能通过动画来再现中国笔墨之神韵.(做的不好,请"老闪"们多多指教!) 我们来先看看效果吧! 点击这里下载源文件 1.打开FLASH MX ,新建一个文件,命名为"sheji.fla"并保存文件.在主场景中新建四个图层,

flash9太阳地球月亮系统

除了背景以外,全部使用as3代码: var sun:Sprite = new Sprite(); sun.graphics.lineStyle(0,0xFF6600); sun.graphics.beginFill(0xFF3300); sun.graphics.drawCircle(0,0,40); sun.graphics.endFill(); var earth:Sprite = new Sprite(); earth.graphics.lineStyle(0,0x92E9FE); ear

Flash制作特酷的图片遮照特效动画

特效 演示效果: 点击这里下载源文件 制作步骤: 1.启动Flash MX 2004,新建一个Flash文档,修改影片大小为300×300,帧率:30fps.如图: 2.单击"文件"菜单-->>"导入"-->>"导入到库"命令,导入一张事先准备好的300*300的一张图片素材.如图: 3.单击"插入"-->>"新建元件"命令(或者按Ctrl+F8),新建一个元件,命名为b

Flash制作动漫中常用的眨眼效果动画

今天看一个很早以前的flash留言板,上面也有个眨眼效果.分析方法的确很简单,总结了一下,发上来,这种效果在动漫上经常看到,简单实用,废话不多了,看教程吧...(如果转帖请尊重原创,谢谢!) 1:在图层一创建图形(自己画也好,网上找也好,很多)最好转换为元件,好操作. 2:ctrl+F8新建影片剪辑"眼".画一个和女孩脸部颜色一样的形状,大小和眼睛差不多大就行了. 3:新建图层,层2绘制一个眼帘部分,由粗细两条孤线组成,看图: 4:ctrl+E回到场影,新建层2,ctrl+L把刚做好的

Flash制作卫星围绕地球旋转的运动效果

旋转 基础入门教程!高手略过!(因为是基础教程所以不提供源码和演示效果了望理解!) 你是否想使用Flash制作出一颗人造卫星围绕地球旋转的圆周运动效果,其实这个过程很容易实现,下面就利用引导层功能来制作. 1. 首先,我们利用渐变色填充工具制作一个地球,然后画一个简单的图形作为卫星,在卫星的图片中要画一个天线,注意使天线始终指向地球的中心,如下图所示.并且把地球和卫星都保存为元件.分别命名为earth和star. 2. 把图层1改为"地球",选中第1帧,将地球图片放置在工作区中央,并在

Flash AtionScrip 3.0制作逼真的雪花飘飘的gif动画效果

  本例为用Flash AtionScrip 3.0制作逼真的雪花飘飘的gif动画效果教程,常常从网上的动画中看到大雪纷飞的场面,看到雪花从天空中拖曳而下,真有一种身临其境的感觉呢?但主要是用AtionScrip 2.0制作,现在我们用AtionScrip 3.0来制作雪景效果. 效果演示: 一.制作雪花元件 1.打开 Flash9.0,新建Flash文档选择AtionScrip 3.0.背景色为深蓝,舞台大小为 550×400.然后按下 Ctrl+F8,新建一个影片剪辑元件"雪花",

flash制作一个简单的音乐动画教程

  很多同学都对Flash感兴趣 ,下面小编就教教大家如何用flash做一个简单的动画. 通过这个设计充分地将FLASH动画的现况分析出来了,本设计是根据选定音乐.人物的设定.剧本的创作.场景的布置等.首先就是选歌,一部好的MTV就得有一首贯穿全场的好歌,其次就是根据歌意确定主题和场景的布置,最后围绕剧情制造出MTV. 工具/原料 Flash PS 一首自己感兴趣的歌 素材照片 方法/步骤 1.2 Flash软件的特点 FLASH的全称是Macromedia flash,后来又被adobe收购了

学习Flash制作《黑色故事》里的一个场景

前言 我们看到鸟儿在天上飞,花草随风飘动,水里鱼儿畅游,老者蹒跚踱步,孩子们嬉戏玩耍,,,,,所有这一切,我们的眼睛都准确无误地把它们捕捉,经过大脑的计算分析,之后我们发现这些物体都按照自己的规律运动着,它们的运动是那么的不同,只因为它们都有着自己的特性.如果眼睛看到这些物体不按自己的规律运动j就会向我们报告:"发现异常情况"--现实中你不可能看到鱼儿在天上飞----这是神话,老人们穿房越脊上窜下蹦-----那是武侠,让肥猪象猴子一样奔跑-----那猪必须疯狂减肥,一头驴突然对我说&q