网格本画画图片可爱像素画

① 20分钟学会用Photoshop做一个像素小人

****标题是我YY的啦~不过作者这篇文章倒真的是蛮清晰的。上手简单，完了还很适合给自己做个头像啥的哈哈****

这是系列文章 Isometric Pixel Art 像素艺术 其中的一篇。

如果你和小朋友一样喜欢玩乐高的话（或者你长大后还是喜欢玩也好），像素画可能是你的菜；它可以很有科技感，感觉更像是建造而不是画插画，因为这玩意儿没有透视，你可以按照你的想法进行布局。

接下来的教程里，我们会一起来做一个像素小人。它在像素画里算得上是一个逻辑起点，因为它能帮助我们定义接下来要做的元素的比例。但是呢，在做像素小人之前，我们得先了解一些像素画的基础；如果你想直接开始做像素小人的话，可以直接跳到第3步。接下来我们开始。

这些线是像素画的基础，也是等距风格像素画中最寻常（and有趣）的部分，我们将会用到的有：

这一类型的线，由两个像素向下叠加组成，看起来相对平稳，常被用来做正方形的表面。

最常用的结构线还有像下面的这些，不过它们看起来会更有锯齿感一些，每一节用的像素也更多。

相反地，这边有些不规则的线：

非常锯齿感的线，非常地不美观。请尽量避免这样。

我们的像素小人不会严格地按照等距视图的所有规则来做，所以我们先做个简单的立方体来掌握体积感。
在 Adobe Photoshop 中 新建 一个400px x 400px的文件。

通常我喜欢另开一个相同的窗口 ( 窗口>排列 > 为XX新窗口… ) ，一个显示大约为600%，另一个保持在100%用来检查进度。是否使用像素网格由你决定，但是我会觉得开启之后有时候会让人分心。现在，让我们放大，开始做2:1的线吧：

我喜欢用5%的灰色，而不是纯黑，这样我之后就可以加上一些阴影（用黑色，调低透明度）并且能够用魔棒工具分别选中颜色。

以下是一些做线条的方法：
方法1.选择 直线工具 选中 像素 模式, 取消勾选 消除锯齿 ，选用 1px 粗细 。画的时候，直线工具会提示我们线的角度，选择 26.6˚ 。（有时候，直线工具也不是很靠谱，如果角度不对的话，画出来的线也可能很凌乱，需要加以注意。）

方法2.创建一个40 x 20px的矩形，然后选择 铅笔工具 (依旧是 1px 粗细 ) ，在左下角画一个单独的像素，然后按住shift键,在右上角画另一个独立的像素。PS会自动在这两点之间连起一根线。以我的经验来说，不用矩形选择工具就可以把这些线做得很准（或者说几乎是准的，只要再微调下就可以）。

方法3.用 铅笔工具 画两个连起来的像素，选中它们之后，按住 Alt ，用键盘方向键或鼠标拖动（以下简称 alt-移动 ），到新的像素和之前的像素首尾相连。接下来复选已有的像素，重复操作，让线条变长即可。

按照上面的方法，我们得到了第一条线。我们选中，然后 alt-移动 它，，或者复制一份，粘贴后向下合并图层。水平翻转。( 编辑 > 变换 > 水平翻转 ) 。（我用这个操作很多，所以把它做成了快捷键！）（PS：翻译君这边用的是F5水平翻转，F6垂直翻转）
让我们把两根线接在一块儿：

然后，再次选中全部线段， alt-移动 ，垂直翻转，然后将两段拼起来，这样我们就有了一个正方形平面（透视面哈哈）：

是时候加入 "第三个维度"了。 alt-移动 或者 复制 正方形平面，将复制的面放在原来的那个上方44px远：

小提示： 如果你用方向键移动的时候按住shift，可以一次移动10像素。
为了创建一个整齐的立方体，接下来我们连接起立方体最左侧和最右侧的像素。之后，补上中间的垂直线即可：

现在将立方体背后的线擦掉。开始加颜色了，选一个你喜欢的颜色（尽量选亮色），将它填充在立方体顶部。

Now increase 10% brightness to that color (I recommend using the HSB sliders on the color panel)

现在将之前的颜色增加10%的明度（我建议使用调色板上的HSB 滑块）

将前面的高光区域填充出来。我们把立方体的边线刻画出来，用亮色在黑线上的1像素做填充，效果是最好的，像这样：

现在，将亮蓝色下方的黑线去掉。 按住shift键使用铅笔 的小技巧对橡皮擦同样适用。你可以选中橡皮擦（ 铅笔模式 ， 1px粗细 ）后，点起点，按住shift，再点终点，中间连线部分就被擦掉了。

用 吸管工具 从顶部吸取颜色（使用铅笔或填充工具时，吸管工具的快捷键是 Alt ），将立方体中间的黑线变为亮蓝色。然后将蓝色降低15%亮度，填充左侧面；再降低10%亮度，填充右侧面。

这样我们的立方体就完成了。在100%的尺寸下看起来应该是清晰，边缘光滑的。我们可以接着进行下去了。

角色的风格依据个人喜好而定，你可以按你觉得合适的比例和元素做调整。我倾向于做一个瘦瘦的身体，有点大的脑袋。瘦瘦的身体可以让线条看起来简单/直接。
首先从眼睛开始做。严格来说的话，屏幕上像素小人的眼睛是不一样高的，但是这个小小的戏法能让我们的角色看起来更美观，而且保证小尺寸下的清晰。

我们会做一个小小的人，因为在后面，我们可能会给它搭配上一辆车，一幢房子，一个广场或者甚至是做一个城市。在那个时候；在这样可以拓展的情况下，人物角色应该是插画里面最小的元素。
出于图形效率考虑：你要在尽可能少用像素的情况下，创建一个精美的角色（能有一些面部细节）并且，小尺寸比大尺寸要简单很多。除非你想要画的，是精美写实的肖像之类，我们擅长的是小尺寸。
让我们新建一个图层。我们用两个像素点做出眼睛；一边一个，中间空出一个像素的间隔。在左侧的像素点边，画一条垂直线：

现在，新建一个图层，在眼睛下画一条2像素的水平线，当做嘴巴。将它移到下面你觉得合适的地方，向下合并图层。你可以用同样的方式把下巴做出来，用一条稍微长一点的水平线就可以了：

如法炮制发际线和头顶，然后把边缘像这样较为圆润的连起来：

现在，在右边眼睛的边上，留一像素的空格，增加鬓角（也帮助了角色耳朵部分的塑造），将鬓角移到和发际线相接。接着给耳朵的区域留一像素空白，用线连接边角，将头的边缘封闭起来：

在耳朵上面的地方，增加一个像素点，按你喜欢的方式改变角色的头型；脑袋在脖子的地方通常比较窄一些：

在下巴下面画一条线，作为胸部。脖子的部分是在耳朵下面画一组像素，然后一列对角线，作为角色肩膀的可见部分：

现在，在肩膀下面，画一条12px的垂直线段，作为手臂，另一边在2像素外。在底部用一组像素连接起来，做出手的样子/第一步（讲真，这些手没有细节，但是没啥大问题），在手的底部，上面一些，画两条2:1的水平像素，作为腰，然后完成胸部的线条。现在你有整个上身体的轮廓了。在身体左侧其实还有一只胳膊，但是被胸部挡住看不见了，所以也还OK。做完之后，看起来是这样的：
It should be looking like this:

当然，你也可以按你的喜欢选择不同的比例；我喜欢在决定做之前，试试各种不同的选择。

现在，我们可以添加几根垂直的线段作为下半身。我喜欢在鞋和腰之间留下大概12px的间距。脚很简单，比腿出来一个像素就可以了，并且根据轴测图来的话，屏幕上的右脚要比左脚低一个像素。

现在，我们给小人加点色彩。给小人找个合适的肤色不算容易，如果你想选和我一样的肤色设置，那么试试看#FFCCA5.给身体的其他部分加上色彩比较简单。在这之后，你应该定义下袖长，衣领的位置和样式，然后加上一些深一些的阴影，将衣服和身体区分开来。我喜欢把内部的线条做得比纯黑色亮一些（特别当不同的区块处在近似的水平时，比如从衣服到皮肤的交界处，或者衣服到裤子的交界处）这样一来，各个线条的对比不会太强烈，不同的体积感也更明显。

你可以在每个不同的颜色区块加上一些高光。避免过多的阴影或是用渐变去表现阴影；几笔(10% to 25%) 亮色或是深色就能帮元素跳出来，而不是看起来扁扁的。如果你想加一个100%明度的色彩，试着减少它的饱和度。有些情况下（比如头发），改变颜色之间的饱和度可能是个不错的主意。
你可以试试各种发型，下面是一些小参考：

如果你还要做更多的角色小人儿，一些小的变化，比如改变下衣服的样式，袖子的长度，裤腿的长度，配件，服装和肤色，各式各样的人物也是手到擒来了。

现在，剩下一点点步骤，就是把各种元素集合在一起，看他们在同一环境里的展现了：

如果你想导出的话， PNG的格式最理想。

我希望这篇教程不会太复杂；我想我已经尽我所能把需要的步骤以及风格的解释说清楚了。我们会持续探索像素艺术的世界；建筑物，车辆，内饰，外饰。像素画有无限多的可能和乐趣，不过也可能有点点难啦。

René Alejandro Hernández住在萨尔瓦多，已经从事像素艺术（尤其是等间距像素风格）超过10年。
http://tutsplus.com/authors/rene-alejandro-hernandez

--------------------------------------------分割线--------------------------------------------

② 网格本画的画叫什么

叫像素画。

像素画也属于点阵式图像，但它是一种图标风格的图像，更强调清晰的轮廓、明快的色彩，几乎不用混叠方法来绘制光滑的线条，所以常常采用gif格式，同时它的造型比较卡通，得到很多人的喜爱。

像素画的应用领域相当广泛，从以前的家用红白机的画面直到今天的GBA手掌机，从黑白的手机图片直到今天全彩的掌上电脑，包括电脑中也到处能看到各类软件的像素图标，更有现在大家熟悉的QQshow形象，手机背景、QQ表情、泡泡表情等。

(2)网格本画画图片可爱像素画扩展阅读：

像素画（点阵式图像）弥补了矢量式图像的缺陷，它能够制作出色彩和色调变化丰富的图像，可以逼真地表现自然界的景象，同时也可以很容易地在不同软件之间交换文件。

像素画的缺点则是它无法制作真正的3D图像，并且图像缩放和旋转时会产生失真，同时文件较大，对内存和硬盘空间容量要求也较高。

③ 像素画是怎么画出来的

像素画，电脑中的图象是由一个个点构成的，即点阵图(dot)。这些点称为像素(pixel)，图象称为Icon(图标)或者称为像素画。相素画很清晰明快，轮廓清晰，线条光滑，通常保存为GIF格式。

④ 如何用矩形网格画像素风格画

写在前面：
有些小伙伴在AI中找不到矩形网格工具，做个简单的演示

话不多说，开始画
1.新建一个800X800px的文档，其他默认就好，单位像素

2.绘制网格
 找到矩形工具右键或鼠标长按找到矩形网格工具

3.双击打开设置窗口，设置参数

可以根据自己的图形复杂程度来设置，水平和垂直分割线数量相同即可，原理跟拼图、十字绣差不多

4.选中矩形网格，对齐方式：水平垂直居中；描边默认为1px，这里点击右侧属性，设置0.1

没有的可以在顶部菜单窗口，点击对齐、属性右侧就会有了

5.左侧工具栏找到实时上色工具，，快捷键是K，没有看文章最顶部演示动图，

从网上搜一张喜欢的图片，复制进来，放在最底层，锁住

接下来开始上色

6.Cmd+C或者Windows电脑Alt+C 吸取颜色，出现问题的话按顺序检查一遍，选择实时上色工具（K）——选择网格图层——吸取颜色——鼠标连续点，建议横排填充，或者由边缘到中间填充

需要换颜色，直接吸取，再重复操作即可

如果不小心点多了可以切换下实时上色选择工具Shift+L

7.到这里其实已经画完了，如果不需要网格的话，在顶部菜单栏执行【对象】>【扩展】

选中网格，执行两次【取消编组Cmd+shift+G/win+shift+G】，删掉多余的就可以了

补充下一个像素字体：
中文：方正像素12，英文：Mouse

⑤ 像素画怎么做

首先在画像素画之前，我们要先要在网格本上估算出图案大概的面积，一般把图案画在网格本的中间最为合适。
接下来我们来画像素画，首先第一步就先先要画出像素画的轮廓。我们可以用特殊的符号进行记录，一般来讲像素画中图案的轮廓部分都会选用黑色，所以我们可以用“X”来记录黑色，当然其他颜色也可以用“O”或者不同的符号记录，方便之后的涂色。

像这样先将图案的轮廓画出来

像这样先开始画轮廓

所有轮廓画完

最后则是涂色环节
当然轮廓也没必要绘制的特别详细，只要自己可以看懂即可，主要是为了方便随后的上色环节。在上色时，一定要逐个颜色均匀涂色。并且在涂色的过程中，不要来回涂色一点，这样会使颜色变深，影响整个像素画的美观。
只要按照图案轮廓进行涂色，就可以轻松完成像素画的绘制。下面我们一起来看看成果如何：

使用几个简单的颜色通过像素就可以完成一幅像素画，当然在画的过程中也一定要注意用笔的力度以及色彩的搭配。

当然也有这样利用多种颜色搭配的小马，充分体现像素块之间的颜色差异。

通过像素画的几张成果来看，画的还是相当成功的。虽然没有过硬的绘画功底，但是只要画好轮廓，细心的填充颜色，就可以轻松的完成一幅像素画。
写在最后
看了这么多像素画的作品，相信你也跃跃欲试了吧。其实想要画一幅像素画完全不需要过硬的绘画功底，只需要准备好合适涂色笔和纸张，就能轻松完成像素画。当然在画的过程中，也一定要注意用笔的力度以及颜色的搭配，相信掌握了这些你也能画出生动形象的像素画，还不赶紧试试看。

⑥ 网格本画画教程简单

网格本画画步骤具体如下：

第一步：找到坐标格，先用铅笔在网格本上画出网格本内页的大致形状。

第二步：画出外面本皮的轮廓。

第五步：最后，彩色铅笔在做好记号的小方框里进行填色。涂上颜色，网格本就画好了。

⑦ 像素画网格画盆栽小动物怎么画

像素画网格画盆栽小动物可以按照以下方法画出来。
1、在网格本上把小猫的大体形状用符号标出来。
2、用颜色把标着符号的方框涂色。
3、把其他颜色的地方，先用符号标注。
4、给它涂上其它的色彩，其他的地方用另一种颜色涂上，小动物就完成了。