[Flash动画教程]掉落的小球(1)

时间:2024-10-13 17:03:28

1、双击桌面的Flash图标,如下图所示,我们启动Flash软件。

[Flash动画教程]掉落的小球(1)

2、和大多数图像处理类软件类似,启动界面结束之后,Flash也有了一个欢迎界面,询问您想干嘛。对于一些不知道自己想干嘛的同学,它提供了一些选择,或许他们看到这些选择就知道自己是想干嘛了。我们选择“新建一个ActionScript3.0”文件选项,别的就别管了,知道的越多,烦心事也越多。

[Flash动画教程]掉落的小球(1)

3、新建之后我们进入了软件,看到了一个空白的白色画布,我们的动画将在这个画布中制作。左侧的一列工具栏可以用来绘制我们需要的挑递彩醪东西,右侧的库面板将会显示我们当前作品所包含的所有元件,可能面板的位置不一定是这种左右下的关系,但是因为这些面板是可拖动设置的,所以没关系。至于这些面板的详细作用,各位可以到这里(http://www.duote.com/tech/flash/21585.html)仔细看看,需要自己学的东西就是要自己学,老师帮不了你。

[Flash动画教程]掉落的小球(1)

4、按下Ctrl+S保存文件为“掉落的小球.fla”,这一步非常重要,电脑遭遇异常情况丢失做了好几个小时东西的悲剧每天都在上演,那是非常郁闷的事情,初学者一定要养成良好地习惯,就像饭前要洗手一样。

[Flash动画教程]掉落的小球(1)

5、点开下方的时间轴面板,我们会看到有一个图层“图层1”,如果你用过PhotoShop,那么我就不用解释图层了,假如没有,我也不解释了,让我们在实践中领悟“图层”二字的意义吧。同时图层旁边有一个向右延伸的由很多竖立的长方形组成的东西,这个叫做时间轴,竖立的长方形叫帧,每隔10帧会有一个灰色的帧。图层可以无限新建,时间轴也可以无限延伸(是不是无限我不清楚,只是在我5年的Flash使用生涯中,从未用到尽头过).

[Flash动画教程]掉落的小球(1)

6、我们把图层1双击,命名为“地面”;然后单击新建图层按钮(如下图所示),新建一个图层2,双击命名为“小球”,如下图所示:

[Flash动画教程]掉落的小球(1)
[Flash动画教程]掉落的小球(1)

7、单击选择“地面”图层,在工具面板选择铅笔工具(按一下Y键,或者在工具栏从上往下数第10个),我们画一条黑线,用来表示地面,因为我们的小球要掉落到地面上,所以要画地面。画完像下图这样,地面的帧已经由小白圈变成小黑圈了,而且是在“地面”层,别画错了:

[Flash动画教程]掉落的小球(1)

8、单击选择“小球”图层,用圆形绘图工具(按一下蚪嬷吃败O键,或者工具栏从上往下第9个),按住shift,在舞台的正上方绘制一个圆,单击选择小球,在属性面板单击填充工具下方的色块,打开填充色面板,颜色换成橙红色,色值为:#ff6600.(当然,你爱弄成什么颜色就什么颜色,我只是想让你学习一下颜色的变换)。

[Flash动画教程]掉落的小球(1)

9、按下键盘的V键,将鼠标换成选择工具,单击选中刚刚绘制的小球,然后按一下F8,如下图所示。

[Flash动画教程]掉落的小球(1)

10、突然出现在你面前的这个界面叫“转换为元件界面”,因为我们需要将小球转换成影片剪辑。在“名称”输入框中输入“小球”,然后单击确定,就像预料中的那样,我们现在创建了一个小球影片剪辑。

[Flash动画教程]掉落的小球(1)

11、“影片剪辑”是个什么东西呢?我只想说,各位先不要急着知道它是什么,因为它贯穿在整个Flash的生命进程当中,所以你了解他的机会多得是;就像你不需要给一个小孩子讲鞅瓞慈玢解什么是“消化”,因为不懂这个不影响他的消化,而他理解这个词的机会多得是。假如我一开始就细细地讲解它,你必将感觉枯燥和繁琐而失去对Flash的兴趣,就像那些白痴的大学计算机老师的教学方式一样。今天你只要知道影片剪辑可以用来做动画就好,现在舞台上一个球,一根线:

[Flash动画教程]掉落的小球(1)

12、分别选择小球图层和地面图层,我们在30帧的地方单击鼠标,并按下键盘上的F5,这样我们就把这个动画的总帧数变成30帧了,如下图所示:

[Flash动画教程]掉落的小球(1)

13、继续,在小球图层的第15帧单击鼠标,按下F6。按下去之后你好像感觉似乎发生了什么变化,但是你却没看到多大变化,经验告诉我们这种似有似无变化不普通,要么孕育着危险,要么孕育着惊喜。其实不是危险也不是惊喜,你发现第15帧多了一个黑点:

[Flash动画教程]掉落的小球(1)

14、鼠标单击小球图层15帧的黑点,然后单击选中舞台上的小球,把它拖动到和地面的那条线底部对齐。拖动的过程中按住shift键保持竖直。

[Flash动画教程]掉落的小球(1)

15、在小球图层的第1帧和第15帧之间的这个区域单击鼠标右键,在弹出面板中单击“插入传统补间动画”选项,你会发现两个黑点之间用一条箭头连接起来了,于是你意识到这两个黑点之间发生了某种关系,不正当的关系!

[Flash动画教程]掉落的小球(1)
[Flash动画教程]掉落的小球(1)

16、按下ctrl+s保存当前的进度,然后按下ctrl+回车发布测试影片,你会发现其实今天的小球动画已经完成了:小球从高处掉落到地面上。就是这么简单!

[Flash动画教程]掉落的小球(1)

17、在继续往下看本教程剩下的5条之前,你再好好回忆一下为什么会这样神奇,有想不通的问题可以留言回复我,鄙人会抽空酌情解答你们的疑惑。

18、小球掉到地上后,按照经验和初中物理学或者高中物理学知识,小球一定被摔扁了有个变形的效果(当然你扔了铁球变形的可能是地面),所以我们接下去做一下小球被摔扁的效果。在18帧按下F6,如下图:

[Flash动画教程]掉落的小球(1)

19、单击18帧的黑点,单击选中舞台上的小球,按下字母Q,出现了自由变换的控件,将小球变形压扁,过程中选择性按住Shift键,保持小球下边界和地面接触:

[Flash动画教程]掉落的小球(1)

20、在15帧和18帧两个黑点之间单击鼠标右键,插入传统补间动画,你再次发现有一个箭头将两个帧链接起来了。

[Flash动画教程]掉落的小球(1)

21、保存,Ctrl+回车测试,今天的效果完成!

[Flash动画教程]掉落的小球(1)
© 手抄报圈