Flash实例教程:唯美渔舟唱晚

所属分类: 媒体动画 / Flash教程 阅读数: 40
收藏 0 赞 0 分享
  本例介绍使用Flash绘制唯美渔舟唱晚效果,教程详细讲解了鼠绘唯美的夕阳山水风景画,希望能给朋友来带来帮助~~



新建文档,数值默认。
一、新建影片剪辑元件命名,太阳。放射状填充:左FF6600,右FF9900,画一个正圆。

Flash实例教程:唯美渔舟唱晚

二、新建图形元件,名遮片,画遮片。

Flash实例教程:唯美渔舟唱晚

三、新建影片剪辑元件,命名背景。共9个图层,从上至下,云、云倒影、山、山倒影、太阳、太阳倒影、遮罩、水波、背景。

1、背景:画550*400矩形,直线分割成上下两部分。

Flash实例教程:唯美渔舟唱晚


上面填充:放射状6个色标,从左至右:F9CC64、 F19167、D06553、925054、B65A54、513D56。

Flash实例教程:唯美渔舟唱晚

下面填充:放射状5个色标,从左至右:F4A563、D59282、BD725F、503D56、0D100F。

Flash实例教程:唯美渔舟唱晚

2、选中背景边框,CTRL X剪切,CTRL SHIFT V粘贴到山图层,点选铅笔工具选项,设置为墨水。

Flash实例教程:唯美渔舟唱晚


画山轮廓。

Flash实例教程:唯美渔舟唱晚

填充颜色。

Flash实例教程:唯美渔舟唱晚

删除线条,选中这帧,右键转换成元件,图形,命名山。

3、复制山,粘贴到山倒影图层,做山的倒影效果。
把山垂直翻转,用变形工具适当的把山的高度压扁,再用方向键向下移动,在属性面板里设置Alpha为55%左右。

Flash实例教程:唯美渔舟唱晚


4、从库中把太阳拖入太阳图层,摆放好位置,并做滤镜效果,模糊X10,Y10。

Flash实例教程:唯美渔舟唱晚

5、复制太阳,粘贴到太阳倒影图层,放好位置,Alpha42%。

Flash实例教程:唯美渔舟唱晚

6、用笔刷刷云彩,三种颜色,均为放射状填充。
第一种:662244 Alpha100%,D46A55 Alpha0%。
第二种:EE8D65 Alpha84%, D46A55 Alpha0%。
第三种:6B476B Alpha77%,E9967A Alpha0%。

Flash实例教程:唯美渔舟唱晚

简单点用纯色画云也行。选中云,转换成元件,影片剪辑,命名云。给云做滤镜效果,模糊值X20,Y10。

7、复制云,粘贴到云倒影图层,垂直翻转,用变形工具适当压扁,放好位置,Alpha42%。
8、选中背景下面部分,CTRL C复制,CTRL SHIFT V粘贴到水波图,用方向键向右移动2个像素(左右上下方向和移动多少像素自己可以试着去弄,做完遮罩后测试对比下效果)。把所有的图层延长到120帧。

9、遮罩图层:从库中把遮片拖入第1帧摆放好。

Flash实例教程:唯美渔舟唱晚

第120帧插入关键帧,把遮片向左下移动,创建动画补间。

Flash实例教程:唯美渔舟唱晚

四、飞鸟元件

新建影片剪辑元件,名飞鸟。共16帧每隔1帧一个关键帧,共8个关键帧,这个并不要很精细,画出大概样子就行了。下面是放大200倍后的形状:

Flash实例教程:唯美渔舟唱晚


五、小船

1、新建图形元件,名小船,如图画小船:

Flash实例教程:唯美渔舟唱晚

再提供一个比较复杂点的小船图形:

Flash实例教程:唯美渔舟唱晚

2、船动元件

新建影片剪辑元件名:船动

从库中把小船拖入,第30、60帧分别插入关键帧,在第30帧用变形工具选中小船,左右方向把小船压稍微窄,创建动画补间。

Flash实例教程:唯美渔舟唱晚


六、组装场景

四个图层,从下至上:背景、船与倒影、鸟飞、遮罩。
1、从库中把背景元件拖入场景,摆放好。
2、把船动元件拖入场景摆放好,复制一个做倒影效果。
3、把飞鸟元件拖入场景,放在场景的左边,右键转换为影片剪辑元件,名鸟飞1。

Flash实例教程:唯美渔舟唱晚

从击进入鸟飞1元件编辑区,添加运动引导图,画引导线,延长到200帧。

Flash实例教程:唯美渔舟唱晚

回到第1图层,第200帧插入关键帧,把飞鸟移动场景右边,注意两个关键帧中的飞鸟的注册点都要压在引导线上,创建动画补间。

Flash实例教程:唯美渔舟唱晚

用同样的方法再做一个鸟飞的元件。


4、做遮罩

笔触色禁止,填充色为白色,对象绘制点上,画一个比场景大的矩形(把场景外的东西都遮住就行)全居中,换下填充色,再画一个矩形,匹配高和宽,全居中。

Flash实例教程:唯美渔舟唱晚

选中两个矩形,打散,释放下鼠标,再选中中间的矩形删除。

Flash实例教程:唯美渔舟唱晚

更多精彩内容其他人还在看

Flash cs3绘制人物高级行走动画教程

本教程向大家介绍Flash cs3绘制人物高级行走动画效果,教程难度不是很大,绘制方法及过程介绍的也非常详细,教程很实用,转发过来,希望大家喜欢
收藏 0 赞 0 分享

Flash CS4来制作漂亮的气泡动画教程

本教程向脚本之家的朋友介绍用Flash CS4来制作漂亮的气泡动画,制作出来气泡真的很好看,制作效果是采用代码形式实现,觉得很不错,转发过来,感兴趣的朋友可以一起来学习
收藏 0 赞 0 分享

flash基础教程:帧、关键帧、空白帧概念及区别介绍

动画的产生是帧来实现的,那什么是帧?帧、关键帧和空白帧之间又有什么区别?本文就为大家介绍一下三者之间的关系
收藏 0 赞 0 分享

Flash教程:动画背景的绘制方法之透视篇(给新手)

Flash动画在网络上的广泛传播,已经成为上网一族喜闻乐见的一种艺术形式。动画背景的绘制方法有很多,也有很多表现方法。这里将结合透视学的基础知识向大家简单的介绍一下动画背景的绘制。
收藏 0 赞 0 分享

Flash AS入门教程:Flash AS3.0制作有年份有日期的时钟

本教程是向大家介绍利用Flash AS3.0制作有年份有日期的时钟,虽然制作时钟老套了点,但它确可以较全面地应用到时间日期和间隔等知识,仍不失为较好的入门练习,转发给大家,希望对大家有所帮助
收藏 0 赞 0 分享

Flash相册制作大师具体该如何使用 Flash相册制作大师使用教程

在本文中我们将会看到的是Flash相册制作大师的具体使用的方法
收藏 0 赞 0 分享

flash基础教程:混色器面板图文介绍

混色器面板是Flash中用于色彩处理的一个重要面板,熟练地使用该面板,可以帮助用户快速地完成色彩的填充,编辑出色彩丰富的图形。本教程为大家详细介绍一下混色器面板,希望对大家有所帮助
收藏 0 赞 0 分享

25个绝对让你应接不暇的Flash网站创意

在Web设计过程中,运用成熟的Flash技术可以把你任意想到的idea表现到产品页面中。这里为你整理发现了25个绝对让你应接不暇的 Flash网站创意,更好地体现网站的互动应用,同时可以让你大饱眼福,一起来欣赏吧
收藏 0 赞 0 分享

教你用Flash制作非常酷的二进制时钟动画

今天在这个教程中我们将学习用Flash做一个不同寻常的,但非常酷的时钟:一个二进制时钟,中间用到了代码,但介绍地很详细,相信很值得大家学习
收藏 0 赞 0 分享

Flash动画特效制作技巧:制作超酷的文字炸开动画效果

本教程向大家介绍Flash动画特效制作技巧,本实例是制作文字炸开的动画效果,制作效果非常酷,制作过程也比较简单,喜欢的朋友可以过来学习一下这种制作方法
收藏 0 赞 0 分享
查看更多