网站网址：www.GameFashion.cn 。

为什么觉得树是个难点的呢，先拿人工元素来说，基本都有清晰的结构，透视画准、结构画准、细节做足，画出来基本上就不会难看。再说自然元素，出现的最多的，如土地面、草地、石墙面等元素画1～4个块铺开，只要不要重复铺太大面看上去就不会有多大问题。但是树就不同，第一，它的结构规律很难把握；第二，又是地图中比较大的常见元素；第三，一棵树往往要占6个块以上（一个块的大小是16x16像素），很少有条件画几棵不同的树；第四，不好重复铺开，自然的树林是大大小小、疏疏密密、高高矮矮各不相同，别说一两棵重复，就是四五棵不同的树铺开也不见得自然。

刚接触手机像素游戏工作的时候，遇到要画树，遇到时间紧的时候往往是拿别人的改改就用，但是时间允许的话我还是要求自己动手画。画的多了，渐渐的有些经验了，虽然很多不是很成熟，但还是有些想法想拿出来分享一下，大家一起交流学习，共同提高。

开始吧，先看看效果。

先画草图，强烈建议任何有关美术创作的工作最好都从这一步开始，这里把一棵树看成是一个由很多小球体组成的大球体；

有的先描线，有的直接上色块，这里我就先上色，颜色不要一开始就很“正”，明度和纯度都不要太高，颜色偏青色而不是纯绿色，纯绿色、嫩绿色要用到重点上，树叶丛的描绘上不能太死，随意一些，一定要注意保留一些比较大的空隙，这样能营造树叶底下还有大片空间的感觉，跟现实中这类型树一样；

细化，把浅色细分开，整棵树的外形也修修；

继续细化，上第三重颜色提亮，叶子再伸展一些；

还是细化，上第四重颜色提亮，比较暗的部分就不用上色提亮了，下面比较稀的部分画上一些树枝；

同一色系再提亮一层，上多少层色其实这也是看情况来，随意吧，感觉对就行，到这一步叶子要进一步伸展，把一些浓密的树叶丛连接起来，根据透视原理，顶部和边缘树叶丛一定会比较稠密，树画的这一步有点不象树了，到这一步很会有一点挫败感，不要着急，克服一下，挫败感很快就会被成就感取代了；

下面颜色要器变化了，表现那些受光线直射的叶子，颜色开始转纯，转绿，受光较强的树叶丛（这词用着老觉着别扭）就多画一些，收光较少的就少画一些，重点放在那些伸展的叶子上，连接在一起的树叶丛也画出更多；

上最后一层颜色，绿色偏黄，重点和上面一样，最后的细化了不要怕麻烦，多花些时间，把叶子的脉络画清晰， 把暗的部分擦掉一些，把光透过来，之前树干、树枝都是顺带着画一下，这里把它好好细化，画完整吧；

最后看看效果。

 x2

世上的树千千万万种，各有特色，这里只是讲解一种树的画法，要想画好所有树，画好树其实不难，主要是掌握规律，细节要做足。

写完这个教程突然又觉得没有多大写的必要似的，其实画画这回事，不管画什么，还是那我们初学画画老师们说的那句话“多观察、多动手”，这两点做足了就行了，呵，说起来很简单，做起来很难，大家共勉之吧。

我其实也是一个初学者，写这篇教程的目的只是将在工作学习得到了一些经验拿出来和大家分享，如有缪误之处希望朋友们在我的留言板留言给我，我一定改正，当然，有什么看不明白的地方我也会帮朋友们解答，让我们共同进步。

其实做动画找到规律就好做了，具体的工作方法可以随意，我这里只是贴出一些自己的方法，供大家参考。

先看看完成后的效果。

让我们开始吧:

这个物体基本不是我们生活中常见的事物，做这个动画，需要我们一点想像力，把它想像成一个蠕动的形状就比较接近我们想要的效果了。

动画总共只有6祯，利用几个动画循环，交替循环来产生蠕动感。

由于要把几个相同的循环交替，利用专业的动画工具会方便很多，这里使用Flash。

这里我们先利用FLASH，建立一个150x150左右的画布，建立一个动画元件，画一个简单6祯的缩放动画。

在地层上画一个圆作为参考，再新建一个层，把元件置入到场景中，呈三角形排列，凭感觉摆就好，不用那么正。每一组复制到一个新层，一个四组，每个层的时间线动画启动时间都与之前一个完一祯，总共9祯就好了。

把动画导出为GIF，拿ImageReady编辑打开刚才的GIF，删掉前３帧，看看效果，一个流畅的辅助动画就完成了。

在ImageReady中把祯图层，设置为30%透明，开心绘制形状，就像下图，线条沿着辅助层的外形走，随意一点，不用太规规矩矩，六个画下来，做成动画看看效果，做做必要的调整。

在这里插一句，方法前面讲出来了，下面的内容都是个人在技法上的一些经验，只要掌握规律了，技法表现上应该可以灵活自由的，每人都可以画出不同感觉的。下面使我的例子。

开始上色了，第一步上色，把层次画出来就行了，用收缩选区的命令，收缩两像素，然后填充新的颜色，不过每层照情况得修修，不能太死板，总体要求是到最后一层颜色，区域要圆一点。

细化。

最后六个祯都画好，完成了，再看看动画效果。

我其实也是一个初学者，写这篇教程的目的只是将在工作学习得到了一些经验拿出来和大家分享，如有缪误之处希望朋友们留言给我，我一定改正，当然，有什么看不明白的地方我也会帮朋友们解答，让我们共同进步。

其实做动画找到规律就好做了，具体的工作方法可以随意，我这里只是贴出一些自己的方法，供大家参考。

先看看完成后的效果。

让我们开始吧:

做火一类的动画，关键的是在错综复杂的形态中找规律。

这个例子一共只有6帧，例子中的火焰是由多个点产生，它们以各异的形态组成一个大火焰，每个火苗虽然形态各异，但是它们的运动规律都是一样，呈S型扭动，这些规律大家可以购买相关书籍来研究。那么我们就先从单个火苗开始。

不用急着把火焰描绘出来，先来画一些线条作为参考对象。

这里我们先利用FLASH，建立一个240x160的画布，建立一个动画元件，画一个简单6祯的逐帧曲线动画，如图1，绘制一根线条，呈S型的扭动过程。

把动画元件置入场景中，再复制出5个，共六个动画元件，分别放到不同层的时间线，对每个动画元件做一些颜色、大小、水平翻转的修改，使它们有所区别，做成一个12帧的动画。

把动画导出为GIF，拿ImageReady编辑打开刚才的GIF，删掉前6帧，看看效果，一个流畅的辅助线动画就完成了，如图，是不是已经看到火焰的感觉了。

把图转入PhotoShop（Ctrl+Shift+m），开始描绘火焰，如图4一样，把需描绘的帧设置透明度为20%，命名为“参考1”，新建一个全黑的层做为背景，再新建一个层放在“参考1”之下，命名为“帧1”，先用画笔工具（）依照参考线的样子描绘大型，描绘过程中可以再新建一个层，把使用过的颜色涂抹出几个色块，方便画别的帧的时候吸取，效果如图。

画好草图后，使用涂抹工具（），利用不同尺寸的涂抹工具，把火焰的感觉一点点涂抹出来，涂抹过程中，可以用画笔添加新的色块，添加新的火苗，但添加的火苗不宜过大过长，要保证6条主线的清晰明暸，画第一帧的时候要总结适合自己的方法，过程尽量简化，没画好可以重来，多画几次找到感觉为止，这样剩下的帧画起来就轻松多了，如图。

把剩下的帧也画上，画的时候留意和上一帧比对一下，除了火苗扭动外外，整体的大型变化不要太大，画完后转到ImageReady编辑成动画看看效果，根据动画效果再做一些修改，效果如图。

修改好火焰后，再回到PhotoShop把文字加上，把文字层栅格化（用画笔一类工具直接在画布上点，PhotoShop会提示是否栅格化图层，选“是”，这样操作比去菜单里面翻出这个菜单命令来快多了。），然后把文字层复制一个出来备用，如图。

还是使用涂抹工具（），先用一个大尺寸的，把文字稍微扭曲，然后再用中号的，在文字层上涂抹，选那些不影响文字大型地方涂抹，保证涂抹完后还能看明白是什么字，涂抹出从字上冒出火苗的效果，如图。

再接下来，利用橡皮擦工具（），把文字层边缘擦出一些残破感，文字中间也可以擦一些地方，如下图左。用小号涂抹工具（），把残破的地方，由下往上擦一擦，把燃烧感再表现表现，如下图右。

好了，动画基本完成了，在顶层建一个曲线的效果调整图层，把画面颜色调一调，明暗比拉开一些，如图。

最后，因为用涂抹工具涂抹出来的看上去效果不够细致，把图缩小50%到60%，好了，完成！

再看看完成后的效果。

由这次练习发现自己的一个问题，画得太卡通化了。

不过这是第一个完成度比较高的作品，对于取得的这以丁点成绩，自己还是有点满意的。