下面我们来分析如何制作一个简单的像素图.让我们已下图为例,一步一步的解析像素图的制作过程.
过程图：
完成图：
制作过程：
1.线稿的制作
打开photoshop,建立一个新的文件,大小为100*100,底色为透明.选择工具栏中的铅笔工具,笔头大小为1像素,开始慢慢绘制线条..(注意:当底色为透明时,会如图所示呈现灰白方块状，此图为x400的放大截图).
画像素图的时候一定要有非常大的耐心,否则就不能成功.线条一定要左右对称,图像设计一般来说都会比较可爱.关于具体的线条绘画技巧,我们将会在下一个教程中详细说明.
2.上色过程
线搞终于完成了,为了尽量画的可爱一些，所以在这里采用了一头身的比例。（Hana大概用了半个小时画线搞，算是很快的了）下面，让我们选择填充工具来上色。
首先是基本的颜色填充，接下来是颜色渐进的立体感。
记住每个部分过渡的颜色都属于同一色系：头发的过渡颜色属于橙黄色系，脸部的过渡颜色属于浅棕色系，衣服的过渡色属于粉红色系。 另外，确定好光源的方向，此图中，光源在左上角方向，所以颜色的过渡是从左上到右下角由浅至深。
全部颜色填充好后，画上高光部分 （头发上的亮点），和其他小细节（红脸蛋）。最后，为了使图片更加自然，将黑色的线条填充为相同色系，头发：深棕色，皮肤：土黄色，衣服：粉红色。这样，底图便完成了！！！也！！~~~ （下图为x200防大效果图）
3.动画效果制作
当我们画好一副像素图时，总是希望能让它动起来，使画中的人物或动物更加生动活泼，赋有生命力。
为了使产生动态的效果，我们将原图1做了小小的改动，产生了图片2和3，其中2只是改变了眼睛的光芒，3将眼睛闭起，嘴巴笑起来。
分别保存3副图，然后打开fireworks制作动画。（photoshop是不能只做gif动画的，当然你也可以用photoshop自带的image ready，操作方法也是差不多的）
将3幅图以动画形式打开，此时文件会有3桢，复制桢1和2，使眼睛光芒转动的图像重复几次，调整每一阵的时间为20 （即20/100秒），最后一桢为小女孩笑的表情，时间为80。
导出为gif动画，即可。最后再看一次完成图吧：