Flash轻松绘制动画中的矢量大树图

所属分类: 媒体动画 / Flash教程 阅读数: 88
收藏 0 赞 0 分享
看看最终效果:(文章最后提供源文件下载)
Flash轻松绘制动画中的矢量大树图
前些日子,画小湖的时候。有朋友问到大树的画法。这里写一下,希望能对需要的朋友有所帮助。



1、新建一文件,然后建立几个图层。我们这里把树干跟树叶分开来绘制。

Flash轻松绘制动画中的矢量大树图

2、可以先绘制一个背景。当然,这节主要讲大树的绘制,所以背景可画可不画。

Flash轻松绘制动画中的矢量大树图

3、上图,是背景的渐变填充。
4、先选择铅笔工具,然后设置为平滑线条模式。线条颜色为灰黑色,粗细大小为1PX;

Flash轻松绘制动画中的矢量大树图

Flash轻松绘制动画中的矢量大树图

5、绘制树干的基本形状。

Flash轻松绘制动画中的矢量大树图

6、噢,有背景了不太容易分辨,我们先把背景隐藏一下。然后再稍微修饰一下。

Flash轻松绘制动画中的矢量大树图

7、我们填充成深绿色。

Flash轻松绘制动画中的矢量大树图

8、再把铅笔工具的线条颜色调成黄色,这里是为了好区分。再绘制阴影部分。

Flash轻松绘制动画中的矢量大树图

9、填充成金黄色。

Flash轻松绘制动画中的矢量大树图

10、去掉线条吧。有了线条不太好看啊。呵呵...

Flash轻松绘制动画中的矢量大树图

11、OK,再来继续绘制另一侧阴影部分。

Flash轻松绘制动画中的矢量大树图

12、这里,填充的颜色稍深一些。也去掉线条。

Flash轻松绘制动画中的矢量大树图

13、OK,感觉左侧不是不太明亮啊。那我们再来绘制一些阴影效果吧。

Flash轻松绘制动画中的矢量大树图

14、填充一种比金黄色稍浅的颜色。

Flash轻松绘制动画中的矢量大树图
15、去掉线条吧。
Flash轻松绘制动画中的矢量大树图

16、OK,我们在树叶的图层上,用直线工具绘制出树茂的大体形状。

Flash轻松绘制动画中的矢量大树图

17、然后我们在另一个图层上面。根据上面绘制的形状,用铅笔工具细画。注意哦,这跟刚才的图层是不同一层的。

Flash轻松绘制动画中的矢量大树图

18、再细画一下。

Flash轻松绘制动画中的矢量大树图

19、填充成绿色吧。

Flash轻松绘制动画中的矢量大树图

20、大家可以注意一下,我这里抓的图,是缩小了一半的哦。大了不好COPY。再用铅笔工具,绘制阴影的线条。
Flash轻松绘制动画中的矢量大树图

21、填充成绿色。
Flash轻松绘制动画中的矢量大树图

22、再删掉线条。

Flash轻松绘制动画中的矢量大树图

23、这个时候,我们可以发现。整个树干、树叶构成的颜色,一般只有三种,一种深,两种较相近的颜色做为阴影铺垫。然后再把细节用选择工具,调节一下。
Flash轻松绘制动画中的矢量大树图
源文件:tree.rar
更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多