灵动游戏论坛游戏专区【游戏教程】[FLASH教程]运动的小行星系(案例)

1  /  1  页   1 跳转 查看:1275

标题: [FLASH教程]运动的小行星系(案例)

[FLASH教程]运动的小行星系(案例)

月亮绕着地球转的同时,地球绕着太阳转。
具体步骤如下:

1.打开file/new菜单,新建一个动画文件。
2.按快捷键Ctrl+F8,新建一个符号,命名为sun,并选定Movie Clip影片符号,点击OK按钮,准备制作一个太阳,如图(一)。

                    此主题相关图片

                                    图(一)

3.在sun实例编辑模式下,选择工具箱中椭圆工具,在椭圆工具参数栏中线框设定"无线条",点击边框,如图(二),弹出一个颜色框,点击左上角矩形,变成此主题相关图片,单击填充色按钮,在弹出窗口中,点击正上方此主题相关图片,选择Gradient,选中第三个圆形渐变图标,从左边拉一个颜色控制点到中间,从左到右三个颜色控制点RGB值分别为(255,255,255),(248,68,24),(254,172,152)如图(三),单击New,关闭对话框。

                此主题相关图片

              图(二)

                此主题相关图片

                        图(三)

4.在工作区中按住Shift键拖拽一个正圆,选择工具箱中油漆桶工具,在太阳实例左边点击,变成一个立体效果,如图(四)。用箭头工具点击图形,按快捷键Ctrl+Alt+I,弹出对象监控板,把X,Y属性设为0,勾击Use Cente,如图(五),点击Apply。
此主题相关图片此主题相关图片
                                          图(四)                                                        图(五)

5.创建一个蓝色的地球:按Ctrl+F8,新建一个影片符号,命名为earth,选择Moive Clip,点击OK按钮,选择工具箱中椭圆工具,在椭圆工具参数栏中线框设定"无线条",单击填充色按钮,在弹出窗口中,点击正上方此主题相关图片,选择Gradient,选中第二个圆形渐变图标,从左边拉一个颜色控制点到中间,从左到右三个颜色控制点RGB值分别为(255,255,255),(27,40,203),(122,132,254),单击New,关闭对话框。

6.在工作区中按住Shift键拖拽一个正圆(注意:比制作太阳的圆小),选择工具箱中油漆桶工具,在地球实例右边点击,变成一个立体效果,如图(六)。用箭头工具点击图形,按快捷键Ctrl+Alt+I,弹出对象监控板,把X,Y属性设为0,勾击Use Cente,点击Apply。
              此主题相关图片

        图(六)

7.创建黄色的月球影片符号:按Ctrl+F8,新建一个影片符号,命名为moon,选择Moive Clip,点击OK,选择工具箱中椭圆工具,在椭圆工具参数栏中线框设定"无线条",单击填充色按钮,在弹出窗口中,点击正上方此主题相关图片,选择Gradient,选中第二个圆形渐变图标,从左边拉一个颜色控制点到中间,从左到右三个颜色控制点RGB值分别为(255,255,255),(201,181,65),(243,236,150),单击New,关闭对话框。

8.在工作区中按住Shift键拖拽一个正圆(注意:比制作地球的圆小),选择工具箱中油漆桶工具,在地球实例左上角点击,变成一个立体效果,如图(七)。用箭头工具点击图形,按快捷键Ctrl+Alt+I,弹出对象监控板,把X,Y属性设为0,勾击Use Cente,点击Apply。
            此主题相关图片

    图(七)

9.按Ctrl+L键,弹开符号对话框,选中earth符号并双击,进入该符号编辑模式,双击Layer1层,输入earth,把该层命名了earth.用鼠标左键点击earth层的第15帧,按快捷键F5插入帧.

10.单击时间轴上的此主题相关图片按钮,新建一层命名为moon(双击Layer2并输入moon).用鼠标左键点击Moon层上的第15帧,按F6键创建关键帧。

11.在Moon层的名称上单击鼠标右键,从弹出的快捷菜单中选择Add Motion Guide 命令,在当前层的上面出现一个有路径层标志的新层,如图(八)
此主题相关图片

                图(八)

12.在Guide:moon路径层上,用鼠标左键点击第一帧,选择工具箱中椭圆工具,在椭圆工具参数栏中点击线框如图(二),弹出一个颜色框,点击左上角此主题相关图片,接着单击填充颜色按钮如图(二),在弹出窗口中,点击左上角矩形,变成此主题相关图片,用椭圆工具在工作区中画一个空心椭圆,使它的半径比月球的半径要大。用箭头工具点击Guide:moon路径层上第一帧,按快捷键Ctrl+Alt+I,弹出对象监控板,把X,Y属性设为0,勾击Use Cente,点击Apply。
13.单击Guide:moon路径层上第1帧,选择橡皮工具在空心椭圆上开一个小小的口子,将口子的一端作为运动的起点,另 一端作为运动的终点,打开此主题相关图片
捕捉按钮,便于物体捕捉到路径上的点。
14.单击Moon层上的第1帧,选择符号对话框中的Moon符号,并将符号对话框中的月球图苻拖到空心椭圆口子的一端上,注意:月球图符中心(十字架)一定要放在端点上。
15.单击Moon层上第15帧,将月球图象中心(十字架),拖到空心椭圆口子的另一端上,如图(九)
此主题相关图片

                  图(九)

16.双击Moon层上的第1帧与第15帧之间任一帧,从弹开对话框中,点Tweening,设 置为Motion,并选中Synchronize symbois和Snap to guide复选框,如图(十)所示,点击确定,在Moon层上出现淡蓝色背景的箭头,表示已建立运动渐变关系,如图(十一)。

此主题相关图片

                  图(十)
此主题相关图片

                  图(十一)

17.选择符号对话框中sun实例并双击,并将当前层命名为sun,用鼠标左键点击sun层的第80帧,按快捷键F5插入帧,单击此主题相关图片按钮,新建一层命名为earth。
18.点击earth层上的第80帧,按F6键创建关键帧。

19.在earth层的名称上单击鼠标右键,从弹出的快捷菜单中选择Add Motion Guide命令,在当前层的上面出现一个有路径层标志的新层.
20.在Guide earth路径层上,用鼠标左键点击第一帧,按照步骤12画空心椭圆方法,用椭圆工具在工作区中画一个空心椭圆,使它的半径比地球与月球的半径之和要大。用箭头工具点击Guide:earth路径层上第一帧,按快捷键Ctrl+Alt+I,弹出对象监控板,把X,Y属性设为0,勾击Use Cente,点击Apply。

21..单击Guide:earth路径层上第1帧,选择橡皮工具在空心椭圆上开一个小小的口子,将口子的一端作为运动的起点,另 一端作为运动的终点,打开此主题相关图片捕捉按钮,便于物体捕捉到路径上的点。

22.单击earth层上的第1帧,选择符号对话框中的earth符号,并将符号对话框中的地球图苻拖到空心椭圆口子的一端上,注意:地球图符中心(十字架)一定要放在端点上。
23.单击earth层上第80帧,将月球图象中心(十字架),拖到空心椭圆口子的另一端上,如图(十二).
此主题相关图片

                图(十二)

24..双击earth层上的第1帧与第80帧之间任一帧,从弹开对话框中,点Tweening,设 置为Motion,并选中Synchronize symbois和Snap to guide复选框,如图(十)所示,在Moon层上出现淡蓝色背景的箭头,表示已建立运动渐变关系.

25,单击画板右上角此主题相关图片或左上角此主题相关图片

选择场景,由符号编辑模式切换回主场景中。按Ctrl+M键,将动画的背景(Backgroud)改为深蓝色,如图(十三),以模拟星空。
此主题相关图片

                      图(十三)
26.将当前层命名为Moving,用箭头工具点击第一帧,将sun影片符号从符号库中拖到画板左外下测,点击箭头工具参数栏中缩放图标,如图(十四),这时sun影片四周出现方圈。

此主题相关图片

        图(十四)

27.将鼠标挪动到左方上角方圈处,鼠标将变成斜相对两个箭头,按住鼠标往内拖拽,sun影片尺寸缩小些,如图(十五),点击第100帧,按快捷键F6,并将物体移到画板右外上测,将尺寸放的非常大,如图(十六)。

此主题相关图片
                    图(十五)
此主题相关图片
                    图(十六)

28.双击1和100两关键帧之间的帧,在弹出的对话框中设定Tweening为Motion,点击确定,在两关键帧之间出现淡蓝色背景的箭头,表示已建立运动渐变关系。

29.按组合键Ctrl+Enter,测试播放动画。

30.保存为.fla或.swf文件(存为swf文件以后不可以修改),还可以存为html,gif,jpg,exe,png,mov,hqx等文件。

源文件下载:
此主题相关文件 174822.zip
引用
 

Re:运动的小行星系

引用
 

Re:运动的小行星系

引用
 

Re:[FLASH教程]运动的小行星系(案例)

引用
 

Re:[FLASH教程]运动的小行星系(案例)

引用
 

回复:[FLASH教程]运动的小行星系(案例)

Re:运动的小行星系
引用
 

回复:[FLASH教程]运动的小行星系(案例)

图都看不到啦。。。。载下原文件去看,可是载不了,找不到资源。。。。
引用
 

回复:[FLASH教程]运动的小行星系(案例)

把swf弄下来解析下就得到 源文件了
用硕司闪客精灵
引用
 
1  /  1  页   1 跳转

版权所有 灵动原创FLASH游戏中心   Sitemap

Powered by Discuz!NT 2.0.1214    Copyright © 2001-2008 Comsenz Inc.
Processed in 0.0312518 second(s) , 4 queries. 苏ICP备05047165号
返顶部