- 浏览: 45248 次
- 性别:
- 来自: 广州
-
最新评论
过前段时间学习,我们掌握了鼠绘的一些初步知识,今天我们来综合一下画幅风景画之海滩。


学习目的和要点:通过画“海滩”,进一步掌握不同工具的使用,灵活应用任意变形工具、使用Flash软件的滤镜功能、充分利用颜色的填充和渐变、掌握引导线使用和帧帧动画,并用我们前段时间掌握的技巧来组合一幅风景画。现在我们打开软件,绘制“海滩”。
新建 FLASH 文档。保存为“风景画”,设置文档大小为650*400,背景色浅色,其它默认。本动画分为几个元件制作背景、云层、海鸥、椰树、帆船、伞、椅子、日光。
[1b]一、新建图形元件“底图”[/1b]
1、插入新建元件,类型是图形,名称“底图”。用矩形工具笔触颜色:#000000,填充色无,画650*400的框框,全居中。然后用直线工具按下绘制对象:快捷键Shift(J)画蓝天、海水、沙滩的线条,海水用直线工具和椭圆工具画海浪画好后线条一定要相交不然填充不了颜色,沙滩用椭圆工具画坑坑。如图1:

图1
2、蓝天用线性颜色填充左色码:#1662EC,中色码:#5F9DF4,右色码:#7FB6F9。
3、海水用纯色填充岸边部分色码:#C9F4FD,中间浅色部分色码:#5ADCFE,深色部分色码:#1B79FF,远处海水色码:#34A3FD。
4、沙滩用线性填充左色码:#FFF0D9,右色码:#EACA97,坑坑用纯色填充色码:#F2CDB0。然后选中图层一的第1帧再点黑色选择工具,然后在属性面板中点笔触颜色的小方框打开笔触颜色调色器设置笔触颜色禁止,去掉全部的笔触。如图2:

图2
[1b]二、新建影片剪辑元件“白云”[/1b]
1、插入新建元件,类型是影片剪辑,名称“白云”。用椭圆工具笔触颜色随意,填充色无,画一椭圆,大小180*35,用黑色选择工具调整形状。
2、用线性填充左色码:#FFFFFF,右色码:#C7E1FA,用填充变形工具进行调整。如图3:

图3
[1b]3、新建影片剪辑元件“云层”[/1b]
①插入新建元件,类型是影片剪辑,名称“云层”。在云层编辑区图层一的第1帧把库中底图元件拖入全居中(此层作为参考层用后可删除或者右键设为引导层)
②新建图层2在图层一的第1帧从库中把白云拖入,选中白云元件在属性面板中打开“滤镜”面板,为该影片剪辑添加“模糊”效果,设置模糊值为3-5之间,参数默认,然后按着Alt键复制若干个,在属性面板中把宽高锁不开,对每个白云元件调整大小摆放好位置。
③选中部分背影中的白云(放在下层的白云)在属性面板颜色下拉菜单中选色调,设RGB为:178:212:250,色彩数量选50—70(依据深浅来调整)。如图4:

图4
[1b]三、新建影片剪辑元件“背景”[/1b]
1、插入新建元件,类型是影片剪辑,名称“背景”。选中图层一第1帧从库中把底图拖入场景相对于舞台全居中,图层上锁。
2、点选图层 一 添加图层二,把图层一的第 1 帧复制到图层二的第 1帧上。然后,选中图层二第 1帧上的图片,按下向左向上的方向键各一次,把图层二第 1 帧上的图片往左往上各移动“1”像素,让两个不同图层上的图片左右上下各错开 1 像素。最后,把图层一设置为不可见。
3、首先,选中图层二第 1 帧上的元件,按下快捷键Ctrl+B将其分离。然后,用黑色选择工具选中蓝天、沙滩按Delete键删除,然后把沙滩上的坑坑用选择工具选中按Delete键删除,保留的图形,如图5所示。 最后,锁定图层二。

图5
4、制作遮片
①首先,选中图层二,单击插入图层按钮 ,在图层二上方插入图层三,并把图层三重命名为“遮片”。然后,选取矩形工具,在颜色区设置笔触颜色为“没有颜色”,填充色为“红色” 。选中遮片图层的第 1 帧,在舞台上画一个矩形,并在“属性”面板上设置其宽为“650”像素,高为“6”像素。把这矩形条放置在保留图形上方,并相对于舞台水平中齐(也可用刷子工具但是难以掌握,我这里用的是矩形工具)。在矩形条上用直线工具画几条线条,然后用选择工具将其调弯。如图6:

图6
②首先,选中红色矩形,不断复制这个矩形,让复制得到的矩形依次置于下方,使新矩形跟前一矩形之间的垂直距离大约为矩形高度(即 6 像素左右),矩形群的总高度约为保留图形的2倍。如图7:

图7
③首先,选中遮片图层第1帧,用上下方向键把遮片的上边调到跟保留图形上平齐的位置。如图 7 所示。第100帧插入关键帧,用上下方向键把遮片下边调到跟保留图形下平齐。选中图层三右键设为遮罩层,所有图层延长至100帧,然后你可按回车键看看海水是否动了。
[1b]四、新建影片剪辑元件“椰树”[/1b]
1、插入新建元件,类型是影片剪辑,名称“椰树”。分5 个图层,从下至上为:树干、果、叶3、叶 1、叶 2。
2、“树干”图层,画 1个 19×240 大小的矩形,无笔触,放射状填充:#B17C01、#5C2E01,色标摆放位置如图8a,用选择工具调整形状,用填充变形工具调整颜色;选中图形后转换为图形元件“树干”;双击进入“树干”元件编辑,插入图层2,用直线工具,线粗为 1,颜色#976600,在树干上画若干横线并拉弯。(见图 8b)

图8
3、“果”图层:画 1个 25×30的椭圆,无笔触,放射状填充:#FEFE78、#973E02,调整形状如图9;选中图形后转换为图形元件“果”;复制几个调整大小后摆放到树干的顶端。

图9
4、“叶 1”图层:用直线工具画两条从一个点出发的直线,拉弯封闭后调整成图10 的形状,线性填充:#003C00、#A09F01;选中图形后转换为影片剪辑元件“叶1”;双击进入“叶1”元件编辑区,用任意变形工具选中元件把注册点移到叶的柄部,在第 15 和 30帧处插入关键帧,将第 15 帧图形的右端提高一点点;给第 1 和第 15 帧创建形状补间。回到椰树编辑区拖入“叶 1”元件并复制若干,参考图10,经缩放变形后摆放到合适的位置。

图10
5、“叶2”图层:用直线工具画两条从一个点出发的直线,拉弯封闭后调整成图11 的形状,线性填充:#003C00、#A09F01;选中图形后转换为影片剪辑元件“叶1”;双击进入“叶2”元件编辑区,用任意变形工具选中元件把注册点移到叶的柄部,在第 5、15、30帧处插入关键帧,将第5 帧图形的右端降低一点点;将第15帧图形的右端提高一点点,给第 1 、5、15 帧创建形状补间。回到椰树编辑区拖入“叶 2”元件并复制若干,参考图11,经缩放变形后摆放到合适的位置。

图11
6、“叶 3”图层:用直线工具画两条从一个点出发的直线,拉弯封闭后调整成图12 的形状,线性填充:#003C00、#A09F01;选中图形后转换为影片剪辑元件“叶3”;双击进入“叶3”元件编辑区,用任意变形工具选中元件把注册点移到叶的柄部,在第 15 和 30帧处插入关键帧,将第 15 帧图形的右端提高一点点;给第 1 和第 15 帧创建形状补间。整棵椰树如图13:

图12

图13
[1b]五、新建影片剪辑元件“海鸥”[/1b]
1、插入新建元件,类型影片剪辑,名称“海鸥”。用矩形工具笔触无,白色填充,然后在第一帧画出钜形再细心地用黑箭头工具并下ALT键不放,添加节点调整。其翅膀尖部分,用黑箭头工具框选后改为黑色。选中第1帧海鸥元件转换为图形元件“o1”;并稍作修整如图14:

图14
2、自第2帧起一直到第10帧,还是用黑箭头工具框选后依次改变翅膀运动的形状,然后选中每1帧的海鸥元件转换为图形元件(o2、o3、o4、o5、o6、o7、o8、o9、o10)。如图15:

图15
3、新建影片剪辑元件“海鸥飞”
①插入新建元件,类型影片剪辑,名称“海鸥飞”。确定,进入编辑界面.第一帧拖入海鸥元件,然后点中图层一,添加运动引导层,选用铅笔工具画一横8字型状,参考大小宽为550、高为110,上端用橡皮檫檫一小口子。此层上锁。
②回到图层一,把第1帧上的海鸥元件拖到线条的右端,并在 150 帧上插入关键帧,再将此帧上的海鸥元件拖到线条的左端。点中图层一打开属性面板。(帧为全黑状态)添加动画补间.同时把“同步和对齐”打上勾。如图16:

图16
[1b]六、新建图形元件“帆船、伞、椅”[/1b]
1、插入元件,类型图形,名称“帆船”。用直线工具笔触颜色#F485D1,可以参考帖图17来画,先把线条画好填充颜色(填充颜色任意只要自己感觉完美就行)。然后把船体、帆杆的笔触删除,帆布的笔触可以留下。如图17:

图17
2、插入新建元件,类型影片剪辑,名称“帆船动”。在图层一的第1帖从库中把帆船拖入,用任意变形工具把注册点移到底部中心,第10、20帧插入关键帧,选中第10帧把图形的右端降低一点点,第1、10帧创建动画补间。如图18:

图18
3、插入元件,类型影片剪辑,名称“伞”。用直线工具笔触颜色#000000,可以参考帖图19,先把线条画好填充颜色(填充颜色任意只要自己感觉完美就行)。然后把所有的笔触删除。如图19、20:

图19

图20
4、插入元件,类型影片剪辑,名称“椅”。用直线工具笔触颜色#000000,可以参考帖图21,先把线条画好填充颜色(填充颜色任意只要自己感觉完美就行)。然后把所有的笔触删除。如图21:

图21
[1b]七、组装场景[/1b]
1、回到主场景,增加7个图层,从下至上依此背景、云层、海鸥、伞椅、帆船、椰树、签名、遮片图层,图层上锁。
2、背景图层从库中拖入背景影片剪辑元件,全居中。
3、云层图层从库中拖入云层影片剪辑元件,放在合适的位置。
4、海鸥图层从库中拖入海鸥飞影片剪辑元件,复制一个放在合适位置。
5、伞椅图层从库中拖入伞、椅影片剪辑元件,把伞、椅调整大小放在合适位置(如果是按帖图画的伞椅,打开变形面板约束打勾,宽高设为30%),复制一个放在旁边用于制作影子,打开“滤镜”面板,为该影片剪辑添加“投影”效果,勾选“隐藏对象”, 颜色设为#7E7854其他参数默认,用任意变形工具把黑色图案经纵向压缩、横向倾斜后,成为如图22所示的形状:

图22
6、帆船图层从库中拖入帆船动影片剪辑元件,把帆船动调整大小放在合适位置,再复制一个放在远处改变大小和颜色,在属性面板中打开颜色下拉菜单选中高级,在弹出的菜单中设置(凭自己感觉调)。
7、椰树图层从库中拖入椰树影片剪辑元件,复制两个分别设为80%、50%,在属性面板中打开颜色下拉菜单选中高级,在弹出的菜单中设置(凭自己感觉颜色调深些)。然后将三棵椰树各复制一棵放在旁边用于制作影子,打开“滤镜”面板,为该影片剪辑添加“投影”效果,勾选“隐藏对象”,颜色设为#7E7854其他参数默认,用任意变形工具把黑色图案经纵向压缩、横向倾斜后,成为如图23所示的形状:

图23
8、签名图层用文本工具签上自己的大名。
9、遮片图层选择矩形工具,笔触红色填充白色,在场景中画一个 1000X600的矩形全居中,释放鼠标选中线条打开对齐面板点匹配宽和高,释放鼠标,再选中最里面的白色部分删除,接着把笔触色也删除,上锁。
10、保存文档,点控制测试影片。祝您成功!
本文转自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/4608.html
发表评论
-
flv制作工具大全
2010-04-10 09:50 691Collected links to Flash Vid ... -
FLV播放器汇总
2010-04-10 09:50 583http://www.dengjie.com/weblog/c ... -
FCS阅读笔记29 服务器日志
2010-04-10 09:49 586在管理FlashCom MX Server的时候,一件非常重要 ... -
FCS阅读笔记29 服务器日志
2010-04-10 09:49 742在管理FlashCom MX Server的时候,一件非常重要 ... -
Flash Media Server 起步(13)再说说SO....onSync(list)
2010-04-10 09:49 516很早以前写过so,当时 ... -
flash AS3爱好者不可缺少的Class Diagram( 类图表 )下载
2010-04-09 12:46 989很早前就在 RIS 上发现了一张 101.588cm x 71 ... -
flash AS3爱好者不可缺少的Class Diagram( 类图表 )下载
2010-04-09 12:45 947很早前就在 RIS 上发现了一张 101.588cm x 71 ... -
flash AS3.0 的第一步: Hello World
2010-04-09 12:45 1078应网友(他原是美工的)的要求,写一篇Flash CS3 的基 ... -
flash AS3.0 的第一步: Hello World
2010-04-09 12:45 998应网友(他原是美工的)的要求,写一篇Flash CS3 的基 ... -
as3游戏开发之打气球系列(二)
2010-04-09 12:45 566HI,经过了昨天疯狂的理 ... -
as3.0游戏开发之打气球系列(一)
2010-04-09 08:25 573好久没有写正经的文章 ... -
as3按钮事件
2010-04-09 08:24 551在刚开始学As3时,如果不知道按钮的事件如onPress的话 ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 08:24 387很不错的视频教程 原文地址: http://blog.sina ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 08:24 579[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
ActionScript 3.0(as3)实现的A*寻路算法源代码下载
2010-04-09 08:24 1136曾经写过A*寻路算法的教程,但没有贴出任何代码,这次代码全都贴 ... -
指针随鼠标移动的flash卡通时钟
2010-04-08 07:49 540。先看下时钟效果: var fnum:Number = ... -
动画人物运动规律与节奏
2010-04-08 07:49 569本文转自:h ... -
Flash制作卷轴水墨画展开动画效果
2010-04-08 07:48 664北京奥运会开幕式上那充满诗意的卷轴,以及它所呈现给我们的一幅幅 ... -
Flash鼠绘入门第十三课:绘制美丽春日飞燕
2010-04-08 07:48 518相传燕子于春天社日北 ... -
为AS2.0添砖加瓦-编写类扩展
2010-04-07 10:18 729[1b][序] [/1b]基于类的编程,使得我们可以更加轻松地 ...
相关推荐
该压缩包文件名为“Flash海边的风景动画素材.rar”,内含一系列由Flash专业人士精心绘制的海景元素。这些素材包括动态的轮船行驶、摇曳的椰树以及变化莫测的晚霞效果,它们共同构建出一个生动且富有想象力的海洋画面...
阳光万里!Photoshop绘制野外风景插画!2011
Flash\第二章 绘画\9 绘制花朵.swfFlash\第二章 绘画\9 绘制花朵.swf
"Flash图形绘制"是Flash使用的核心技能之一,对于初学者来说,掌握这项技能是至关重要的。 Flash提供了强大的图形绘制工具,使得用户可以创建出丰富多彩的矢量图形。矢量图形的特点是它们基于数学公式,这意味着...
flash教程 绘制图形 第六讲 绘制光斑
在本题目中,我们主要探讨的是如何利用Adobe Flash软件来绘制一个圆锥形,并将其应用于中学数学的教学场景中。Flash是一款强大的矢量图形编辑和动画创作工具,它允许用户通过精确控制来创建复杂的图形和动态效果。...
"使用Flash绘制图形优秀PPT" 本资源是一个关于使用Flash绘制图形的PPT教程,旨在培养学生使用Flash工具箱中的工具绘制图形的方法和技巧。通过本章的学习,学生将掌握使用Flash工具箱中的各种工具绘制逼真的图形,...
flash教程 绘制图形 第八讲 绘制烟囱
在 Flash 动画制作中,绘制各种图形是基础技能之一,尤其对于早期的 Flash 5 版本,虽然功能相对现代版本来说较为简单,但依然提供了丰富的绘图工具和方法。"利用 Flash 绘制螺旋图形,非常简单.rar" 这个资源文件,...
众所周知,世界上97%的台式机上都安装有Flash Player,利用包含Flash创作工具、渲染引擎和已建立的超过200万的设计者和开发者群体的Flash平台生态系统,我们可以制作出各式各样的Flash动画。Adobe推出了flash最新...
二 Flash绘制与填充图形
易语言画板绘制窗口源码,画板绘制窗口,WndProc,调整控件,绘制窗口,截取图片,截取图片_字节集,截取图片_从字节集,画图片,画图片_字节集,是否在区域内,混合颜色,创建,SetWindowLong,CallWindowProc
"FLASH逐帧动画飞鸟素材"这个主题,为我们揭示了如何利用预先绘制好的图片资源来创建逼真的鸟类飞行动画。 逐帧动画,顾名思义,就是通过绘制或使用一系列连续的静态图像,每一张图像代表动画中的一个瞬间,当这些...
标题“Flash的优秀作品欣赏之风景”暗示我们将要探讨的是使用Flash技术创造的风景类动画或交互式作品。这些作品通常展示出丰富的视觉效果和流畅的动态表现,是学习和理解Flash功能及应用的绝佳实例。 描述中的建议...
在本讲中,我们主要探讨的是Flash动画设计的第二部分,即如何利用工具箱绘制图形。Flash动画设计是一个集创意和技术于一体的过程,它基于传统动画原理,但通过计算机辅助大大简化了制作流程,降低了制作成本。 ...
在Flash作图中,绘制一个简单的房子涉及到多个基础图形工具的使用和操作技巧。首先,我们需要了解并掌握几个关键的工具,包括【矩形工具】、【线条工具】、【箭头工具】、【任意变形工具】以及【椭圆工具】。 1. **...
2. **图形绘制与编辑**:Flash提供了矢量图形工具,允许用户绘制和编辑线条、形状,以及填充颜色。掌握这些工具能帮助创作者构建动画的基本元素。 3. **补间动画**:Flash中的补间动画可以实现对象在不同帧间的平滑...