photoshop互助课堂flash视频教程合集接任务,赚取用不完的金币
中国教程网
《Photoshop专家讲堂》光盘热售
参与论坛活动,快速赚取金币精品素材,中英文字体
发新话题
打印

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

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


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





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



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



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



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



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



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



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



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



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



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



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



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



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

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


然后选择文件——导入——导入到库,


选择事选准备好的音乐文件导入。


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


在第54帧插入关键帧,

在属性面版中再次选择刚导入的声音,然后如图设置。


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

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



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



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



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

设置后全屏:


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

[ 本帖最后由 xyl7422 于 2007-5-28 11:24 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • 晶乐 金币 +2 很棒的教程!! 2008-2-23 17:50
  • 晶乐 热心度 +2 很棒的教程!! 2008-2-23 17:50
  • qzpm2008 热心度 +2 加分! 2007-7-31 02:02
  • qzpm2008 金币 +2 加分! 2007-7-31 02:02
  • zihebe 金币 +2 我很赞同 2007-6-17 14:22
  • zihebe 热心度 +2 我很赞同 2007-6-17 14:22
  • 张涵 热心度 +2 真的很棒耶 2007-6-14 02:05
  • 张涵 金币 +2 真的很棒耶 2007-6-14 02:05
  • 云飘飘 热心度 +2 谢谢楼主的教程 2007-6-1 15:10
  • 云飘飘 金币 +2 谢谢楼主的教程 2007-6-1 15:10

效果很不错,支持下.
本帖最近评分记录

很棒耶,,支持下.(^#@^
本帖最近评分记录
惟有痴情难学佛,
独无媚骨不如人。

TOP


很漂亮啊
本帖最近评分记录

很不错#kt..jcwcn.com@ #kt..jcwcn.com@
本帖最近评分记录

这幅FLASH简直就是精品,我很喜欢,清风妹妹可不可以把源文件发上来?
本帖最近评分记录
  • 清风掠影 热心度 +2 源文件我过几天再发上来吧,现在有些问 ... 2007-4-14 20:44
  • 清风掠影 金币 +2 源文件我过几天再发上来吧,现在有些问 ... 2007-4-14 20:44
Flash版块欢迎您: http://bbs.jcwcn.com/forum-93-1.html

昨天画了张大海图,但比起楼主的,我还得继续学习.
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • 清风掠影 金币 +2 没关系,慢慢学,任何东西都是从不会到会 ... 2007-4-14 20:47
  • 清风掠影 热心度 +2 没关系,慢慢学,任何东西都是从不会到会 ... 2007-4-14 20:47

请教楼上的老师们,我发的flash怎么不能直接显示?
还不会发帖,不好意思啊!
本帖最近评分记录
  • 清风掠影 热心度 +2 我把方法回复出来了,有空来看吧~ 2007-4-14 20:48
  • 清风掠影 金币 +2 我把方法回复出来了,有空来看吧~ 2007-4-14 20:48

回复 #8 红辣椒 的帖子


#@#$*$我一开始也不会的~
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
梦醒梦睡梦中花落泪,缘起缘灭缘尽心破碎~         Flash研讨交流群:54859134 加群请写上论坛名和ID  进来潜水的就不要加了


辛苦了,不错
本帖最近评分记录
  • 清风掠影 金币 +2 谢谢~有空常来~ 2007-4-18 19:45
  • 清风掠影 热心度 +2 谢谢~有空常来~ 2007-4-18 19:45

#@#$*$ 看大家好似挺喜欢这个动画,我就把教程发上来了,喜欢的朋友可以做一下~源代码我也发上来了,想要的也可以来下~
梦醒梦睡梦中花落泪,缘起缘灭缘尽心破碎~         Flash研讨交流群:54859134 加群请写上论坛名和ID  进来潜水的就不要加了

1.点编辑进入贴子后台,
2.把光标放在要放图的位置,
3.点上传的图片边上的插入按钮,图就自动移上去了.
本帖最近评分记录
Flash版块欢迎您: http://bbs.jcwcn.com/forum-93-1.html

回复 #12 英子 的帖子


#@#$*$ 弄好了,谢谢英子姐姐~
梦醒梦睡梦中花落泪,缘起缘灭缘尽心破碎~         Flash研讨交流群:54859134 加群请写上论坛名和ID  进来潜水的就不要加了

不错的,顶一下,
本帖最近评分记录
  • 清风掠影 金币 +2 谢谢,有空常来~ 2007-4-18 19:44
  • 清风掠影 热心度 +2 谢谢,有空常来~ 2007-4-18 19:44

好羡慕,努力~!
本帖最近评分记录
  • 清风掠影 金币 +2 好好努力吧~FLASH不难学的~ 2007-4-18 19:44
  • 清风掠影 热心度 +2 好好努力吧~FLASH不难学的~ 2007-4-18 19:44
发新话题 返回列表