中国教程网论坛's Archiver

清风掠影 发表于 2007-4-9 15:53

碧海蓝天(已附教程)[本文已收录教程库]

#@#$*$
先看下效果图:

[swf]http://bbs.jcwcn.com/attachment.php?aid=275981[/swf]



一、按Ctrl+F8新建一个图形元件,命名为“云”。绘制如图1的云图。

[attach]289816[/attach]

二、新建一个名为“光点”的影片剪辑元件,在第一帧绘制如图2的光点,在第四帧插入关键帧,改变一下光点的位置,然第六帧插入帧。

[attach]289817[/attach]

三、新建一个名为“海”的图形元件,绘制如图3的大海图案。

[attach]289818[/attach]

四、新建一个名为“海1”的图形元件,把刚才建的“海”元件拖放到场景中,多复制4次,最下面一个设Alpha为40%、倒数第二个设为60%、中间也就是第三个不改变、第四个设70%、最上面一个设50%。如图4摆放。

[attach]289819[/attach]

五、新建一个名为“海浪”的影片剪辑,选择如图5的线条形状,绘制如图的线条。多插入几个关键帧,在每一个关键帧中把线条变直一点,再向前移动一点,做出一个海浪向前滚的动画。

[attach]289820[/attach]

六、新建一个名为“海鸥”的影片剪辑,插入19个关键帧,每帧图案如图6所示。

[attach]289821[/attach]

七、返回场景中,将图层1命名为“天”,绘制一个渐变矩形,在第一帧将其缩短一点,把颜色设置透明,在第5帧把矩形拖宽一些,设置如图7的渐变色,在1~5帧处设置形状渐变。在54帧处插入帧。

[attach]289822[/attach]

八、新建一个层,命名为“云”,在1帧设置的Alpha为0%,第5帧设置为100%,在1~5帧任意帧处插入补间动画,在第54帧插入关键帧,把云向下并向右移动少许,在5~54帧任意帧右击插入补间动画。(图8)

[attach]289823[/attach]

九、新建一层为“海”,把“海”拖入场景中,设置的动画和第八步设置云是一样的。(图9)

[attach]289824[/attach]

十、新建一层为“浪”,在第7帧插入关键帧,拖入海浪,在第9帧插入一个关键帧,再拖入一个海浪,第11帧也一样,分别设置一下各个海浪的透明度和大小,使其不同。(图10)

[attach]289825[/attach]

十一、新建一层为“光点”,在第7帧插入关键帧,把光点拖入场景中,在第54帧把光点向下移动少许,设置补间动画。(图11)

[attach]289826[/attach]

十二、新建一个层,在第7帧放置海鸥,再新建一个引导层,在第7帧绘制一条你要海鸥飞行的路线,在海鸥的图层中第7帧,把海鸥的中点放置在引导层的开始点,在第54帧把海鸥放置在结束点,插入补间动画即可。

[attach]289827[/attach]

最后在第54帧(随便哪一层都行)的动作面版输入   stop();

十三、为了使动画效果更好一些,给它加个声音:新建一个层为声音,在第7帧插入关健帧,
[attach]387519[/attach]

然后选择文件——导入——导入到库,
[attach]387520[/attach]

选择事选准备好的音乐文件导入。
[attach]387521[/attach]

导入后点击下音乐图层的第7帧,选择属性面版中的声音项,选择刚导入的那个声音。
[attach]387522[/attach]

在第54帧插入关键帧,
[attach]387558[/attach]
在属性面版中再次选择刚导入的声音,然后如图设置。
[attach]387559[/attach]

好了,动画已经做完了,下面来对场景布置下:

一、把所有图层都隐藏起来,插入一个新图层,把这个新图层放在最上边,也就是这个新插入的图层是从上往下数第一个层,然后在这个图层中画一个矩形,设置矩形大小和场景一样大,位置和场景一样。

[attach]387344[/attach]

二、设置好后按Ctrl+X把这个矩形剪切起来,在场景中画一个大大的黑色矩形,这个矩形要比场景大,然后按Ctrl+Shift+V把小矩形粘贴到原来的位置。

[attach]387345[/attach]

三、选中小矩形,按Delete删除小矩形。

[attach]387346[/attach]

好了,场景设置好了~设置这个场景的意图就是让影片在全屏播放时效果更好~
没设置前全屏:
[attach]387347[/attach]
设置后全屏:
[attach]387363[/attach]

好了,按Ctrl+Enter测试下影片吧~

[[i] 本帖最后由 xyl7422 于 2007-5-28 11:24 编辑 [/i]]

大连蓝天 发表于 2007-4-9 19:47

效果很不错,支持下.

盘角曲士 发表于 2007-4-10 12:49

很棒耶,,支持下.(^#@^

不觉流水年长 发表于 2007-4-11 11:36

很漂亮啊

kingwork 发表于 2007-4-11 20:56

很不错#kt..jcwcn.com@ #kt..jcwcn.com@

英子 发表于 2007-4-13 23:58

这幅FLASH简直就是精品,我很喜欢,清风妹妹可不可以把源文件发上来?

红辣椒 发表于 2007-4-14 00:42

昨天画了张大海图,但比起楼主的,我还得继续学习.

红辣椒 发表于 2007-4-14 00:50

请教楼上的老师们,我发的flash怎么不能直接显示?
还不会发帖,不好意思啊!

清风掠影 发表于 2007-4-14 20:42

回复 #8 红辣椒 的帖子

#@#$*$我一开始也不会的~

向峰 发表于 2007-4-16 09:13

辛苦了,不错

清风掠影 发表于 2007-4-16 21:12

#@#$*$ 看大家好似挺喜欢这个动画,我就把教程发上来了,喜欢的朋友可以做一下~源代码我也发上来了,想要的也可以来下~

英子 发表于 2007-4-16 21:21

1.点编辑进入贴子后台,
2.把光标放在要放图的位置,
3.点上传的图片边上的插入按钮,图就自动移上去了.

清风掠影 发表于 2007-4-16 21:37

回复 #12 英子 的帖子

#@#$*$ 弄好了,谢谢英子姐姐~

hedaboy 发表于 2007-4-17 16:02

不错的,顶一下,

pdssky0 发表于 2007-4-18 14:22

好羡慕,努力~!

红岩梦幻数码 发表于 2007-4-18 18:33

教程不错

清风妹妹这个教程不错,喜欢(^#@$%^

清风掠影 发表于 2007-4-19 21:38

回复 #16 红岩梦幻数码 的帖子

#@#$*$ 谢谢~有空做一下啊~

yu8886882 发表于 2007-4-23 20:24

操。还要积分

yu8886882 发表于 2007-4-23 20:30

看看学习一下

雪中追梦 发表于 2007-4-23 21:30

很不错啊!!!!!!!!(^#@$%^ (^#@$%^ (^#@$%^ (^#@$%^

清风掠影 发表于 2007-4-24 19:32

回复 #20 雪中追梦 的帖子

#@#$*$ 谢谢支持~~

雪中追梦 发表于 2007-4-24 20:58

谢谢楼主 啊!!!!!!!!!!!!!

清风掠影 发表于 2007-5-20 13:50

回复 #22 雪中追梦 的帖子

#bbs.jcwcn.com@ 不用谢~~有空练习下吧~~(^#@$%^

d7bank 发表于 2007-5-21 08:12

#bbs.jcwcn.com@ 好,直接收。

yfwa2002 发表于 2007-5-21 08:45

喜欢楼主的海浪效果,总是学不好
[swf]http://bbs.jcwcn.com/attachment.php?aid=379304[/swf]

[[i] 本帖最后由 yfwa2002 于 2007-5-21 08:47 编辑 [/i]]

xiaosheng911 发表于 2007-5-21 18:31

(^#@^ 厉害啊!学习中.....

清风掠影 发表于 2007-5-26 10:28

回复 #25 yfwa2002 的帖子

#kt..jcwcn.com@ 你这个就是海浪的长度不够~把海浪拖放到场景中后,可以把它拖放长一些~这样就OK了~~

yfwa2002 发表于 2007-5-26 10:37

谢谢楼主指导!这已是我做得最漂亮的海浪了,呵呵,以后有时间要多练练这个(^#@^

xyl7422 发表于 2007-5-27 11:32

[quote]原帖由 [i]红辣椒[/i] 于 2007-4-14 00:50 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=865843&ptid=77387][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]
请教楼上的老师们,我发的flash怎么不能直接显示?
还不会发帖,不好意思啊! [/quote]
呵呵,你的权限还不够的说,加油哈!

xyl7422 发表于 2007-5-27 11:34

呵呵,非常漂亮的教程,但是教程图片太大啦,无法收录教程库,辛苦把图片改下,宽度控制在600像素哈!

页: [1] 2 3

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.