Flash制作太阳月亮地球动态演示图图文教程.docx
《Flash制作太阳月亮地球动态演示图图文教程.docx》由会员分享,可在线阅读,更多相关《Flash制作太阳月亮地球动态演示图图文教程.docx(20页珍藏版)》请在冰豆网上搜索。
Flash制作太阳月亮地球动态演示图图文教程
Flash制作太阳月亮地球动态演示图图文教程
最终效果图
1、第一步:
打开FLASH8,新建文件,800*600,背景黑色。
新建电影剪辑元,起名“地球月亮”。
确定后就进入了这个电影剪辑的编辑舞台,放大视图至200%,用椭圆工具,无边框,导入一副事先准备好的地图,按住shift画一个正圆,调整大小为65*65,并全居中,在第10帧插入普通帧。
改图层名为“地球”
第二步:
以此增加四个图层,分别命名为“轨迹”、“月亮”“引导线”、“地球1”。
在“轨迹”图层第1帧用椭圆工具,无填充,边框为黄色,笔触高度为1,画一个椭圆,改大小为95*45象素,全居中,选择地球1图层,关闭其他图层眼睛和上锁,用选择工具选中地球的下半部分,按delete键,删除下半部分(图一),复制“轨迹”图层第1帧粘贴到“引导层”图层的第一帧,关闭轨迹图层的眼睛和锁,选中“引导线”图层第一帧上的椭圆线,用橡皮擦在椭圆线的最右边擦出一个极小的缺口(图二)。
图一
图二
第三步:
选中月亮图层第1帧,用椭圆工具,无边框,选择放射装填充,增加一个色码,左色码为#E7FCFE,中间色码为#C0E9FA,右色码为#FFFFFF,并将右色码的透明度改为0,在舞台空白处画一个正圆,大小为20*20。
第四步:
右键点击月亮转换为元件,行为:
图形,注册点选在左上角确定,把月亮元件拖到引导线的上线端稍微靠上一点,在第10帧插入关键帧,在把月亮元件拖到引导线的下线端稍微靠下一点,选中月亮图层第1帧建立运动(动画)渐变,在属性里把“调整到路径、同步、对其”都打上勾,设置引导线图层属性为引导层。
按enter键测试。
第五步:
新建图形元件,起名“光芒“,选择矩形工具,无边框,填充选线形,增加一个色码,根据自己的爱好选择颜色。
并把右色码得透明度改为20%左右,在舞台画一个矩形,改大小为240*3,全居中,选择变形,角度5度,复制并应用如图:
第六步:
再建一个图形元件,起名“光芒1”,在舞台画一个矩形,改大小为150*3,把这个矩形拖到x、y为100,0的位置,先用黑箭头工具在场景空白处点一下,在用任意变形工具将这个矩形的中心点拖至舞台注册点正下方1cm处,选择变形,角度5度,复制并应用。
如图:
第七步:
新建电影剪辑元件,起名“光芒四射”,新建四个图层,在图层1第1帧从库中拖入“光芒”元件并全居中,在图层1的20帧插入普通帧。
在图层2,也在第1帧拖入刚才那个“光芒”元件全居中,点修改菜单下得变形――水平翻转,在20帧插入关键帧,创建运动补间动画,逆时针旋转一周,最后修改图层2属性为遮罩层。
新建图层3、4。
重复上面的步骤.见下图:
第八步:
新建电影剪辑元件,起名“复合按钮”,在第1帧制作一个长方形黄色按钮,全居中,第二帧插入空白关键帧,再制作一个相同形状得绿色按钮全居中,在第1帧的按钮上用文本工具,选择适当字号和颜色输入“停止”两个字,同理在第2帧的按钮上输入“开始”两个字,分别给这两个帧上加stop();语句,之后选中第1帧上的黄色按钮,打开动作面板输入以下语句:
on(release){play();_root.stop();_root.地球.stop();}
选中第2帧上的绿色按钮,打开动作面板输入以下语句:
on(release){gotoAndPlay
(1);_root.play();_root.地球.play();}
第九步:
回到主场景;共建7个图层,自下而上分别改图层名为“光芒四射、太阳、轨迹、地球月亮”、”引导线“、”按钮“、”四季按钮“,把库中的“光芒四射”元件拖入光芒四射图层的第1帧,全居中,在131帧插入普通桢,上锁。
在太阳图层第1帧用椭圆工具,无边框,填充为放射装,增加一个色码,根据自己爱好选择颜色,再把右色码的透明度改为0,画一个正圆,大小为150*150,全居中,在131帧插入普通帧,上锁。
第十步:
在轨迹图层用椭圆工具无填充,边框为黄色,笔触高度1,画一个椭圆,大小400*250,全居中,复制这个椭圆线,原位粘贴到引导线图层第1帧,并在这两个图层的131帧插入普通桢,关闭轨迹图层的锁和眼睛,用橡皮察工具把引导线图层上的椭圆右边察除一个小缺口,上锁。
第十一步:
把库中的“地球月亮”元件拖入地球月亮图层的第1帧,中心点对准引导线缺口的上线端,并给这个元件起实例名“地球”,在130帧插入关键帧,拖动地球月亮元件让中心点对准引导线缺口的下线端,点第一帧建立运动(动画)补间,在属性里把“调整到路径、同步、对其”都打上勾,把“引导线”图层的属性改为引导层,把“地球月亮”图层的属性改为被引导层,按回车先测试运动引导是否成功,成功后,分别在地球月亮图层的32、65、97帧插入关键帧,选中32帧中的地球月亮元件,调出信息面板把元件位置的点放到中心,之后改元件大小为宽50(锁定宽高)在把97帧上的地球月亮元件的宽改为80(锁定宽高),以上操作是模拟地球远近大小的视觉效果,选中130帧输入帧语句gotoAndPlay
(1);在131帧插入空白关键帧,复制第1帧上的地球月亮元件原位粘贴到131帧上,复制第32帧上的地球月亮元件原位粘贴到131帧上,复制第65帧上的地球月亮元件原位粘贴到131帧上,复制第97帧上的地球月亮元件原位粘贴到131帧上,选中131帧,输入帧语句stop();图层上锁。
第十二步:
把库中的“复合按钮”电影剪辑元件拖入“按钮”图层第1帧,放在场景右下方合适的位置,在131插入空白关键帧。
在四个“地球月亮”元件的旁边输入“春、夏、秋、冬”四个字。
本图层上锁。
从库中拖入一个绿色的按钮元件放入“四季按钮”图层第1帧的场景右下方合适的位置,在按钮上输入“四季”两个字,在131帧插入关键帧,把按钮上的“四季”两个字改为“返回”两个字,选中第1帧上的四季按钮,输入以下语句:
on(release){_root.地球.play();gotoAndPlay(131);}
选中第131帧上的返回按钮输入以下语句:
on(release){gotoAndPlay
(1);}
第十三步:
测试保存。