王尘宇

像素画教程

像素画教程如下： 首先画画都需要一些形象思维和想象力。简单来说就是需要在你的脑海中有画面和图像。

需要在平时多留意和多观察，刻意地多看各种图案，图形以及优秀作品（不限于画册，图片，游戏，动漫，电影等）。

看过的东西越多，留在脑海和记忆中的图像和画面也越多。这些留在你脑海中的都可以成为未来创作的素材和灵感来源。 1、可以先画下面这朵像素小花。 这朵花由8个像素组成，有3个颜色。

任何人画这朵花应该都毫无压力。 2、然后画这朵尺寸比较大的像素小花。 可以以你自己感觉舒服的顺序和步骤来画这朵比较大的像素小花。

使用PS绘制像素画的正确姿势（大量动图注意）

本文首发于我的个人博客： https://blog.fstars.wang/posts/how-to-draw-pixi-work-by-ps/ 本文旨在引导没有其他绘制像素画工具的同学们解决使用 ps 绘制像素画时，遇到的一些 设置问题 。 本教程操作的环境：WIN7、Photoshop CS6。

如果是需要一个专业像素画绘制软件，推荐 Aseprite。

成稿时间大概是2017/10/7。 一些有使用Photoshop经验的同学，突然脑子一热想用这款软件绘制像素画，却发现画的像素有透明度、边缘默认会变成柔边缘（放大后有透明度）、放大图片发现边缘也是半透明的。如果你无法解决这些问题，那么就请阅读这篇文章。只要跟着该教程一步一步来，基本上是没有问题的。

本文默认读者会使用 PS 的最基本操作，不会太多叙述 PS 的基础操作方法。如果还遇到了本文没有提到的问题，可以给我留言，大家一起解决。 新建一个40*40的文件，新建一个图层，我们的图就画到这个图层上。

然后将画布放大到尽可能大。 在最左边的 工具栏 中找到 画笔工具 ，右键它后出现菜单，选择其中的 铅笔工具 。将铅笔大小设置为1，我使用的是快捷键 [ 来修改铅笔大小。

然后你 就可以在上面绘制像素了。 细心的同学可能会问了，为什么相邻的两个像素之间有条灰色的线呢？其实这是 PS 为了让用户能够分辨出最小像素，而默认设置了 显示额外内容 。在顶部的 视图 中将 显示额外内容 的勾选去掉即可不显示灰线。

快捷键是 Ctrl + H 。 工具栏 中选择 橡皮擦 ，在 选项栏 中将 模式 修改为 铅笔 ，然后就可以用橡皮擦擦出不带透明度的边缘了。 其实设置好了这两个其实就可以开始画像素画了，后面的内容都是一些非常实用小技巧，可以选择性阅读。 当我们放大画布抠一幅像素画的细节时，不时地要缩小画布来查看整体效果，非常麻烦，这时候我们就可以使用下面的方法了。

窗口 > 排列 > 为 "XXX" 新建窗口 ，把新建的窗口放到右上角就可以实时查看像素画的整体效果了。 你是不是对用 ps 放大像素画出现的可怕柔边效果感到绝望？像下面这样： 如果要保持放大或缩小的像素画仍然保持硬边缘，需要设置两个东西 将 编辑 > 首选项 > 常规 中的 插值方式 改为 “邻近（保留硬边缘）” 将要缩放的图层转换为 智能对象 做好这些操作后，就可以缩放像素画了，另外最好缩放为原尺寸的整数倍，否则会有一些像素丢失。如果你还要编辑像素画，可以将图层进行 栅格化 ，然后就可以修改像素画了。 这个简单，长按 Shift 键，然后用铅笔画就可以画出水平线和垂直线。

先点击鼠标左键画一个像素点，然后按住 Shift 键，然后再在终点单击鼠标左键，就画出直线了。 如果你想画一个45度的直线，可以通过矩形选框来辅助绘制。

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%的尺寸下看起来应该是清晰，边缘光滑的。

我们可以接着进行下去了。 角色的风格依据个人喜好而定，你可以按你觉得合适的比例和元素做调整。我倾向于做一个瘦瘦的身体，有点大的脑袋。瘦瘦的身体可以让线条看起来简单/直接。

首先从眼睛开始做。严格来说的话，屏幕上像素小人的眼睛是不一样高的，但是这个小小的戏法能让我们的角色看起来更美观，而且保证小尺寸下的清晰。 我们会做一个小小的人，因为在后面，我们可能会给它搭配上一辆车，一幢房子，一个广场或者甚至是做一个城市。

在那个时候；在这样可以拓展的情况下，人物角色应该是插画里面最小的元素。 出于图形效率考虑：你要在尽可能少用像素的情况下，创建一个精美的角色。

跟我一起学用ps绘制像素画吧

首先来一张成品图，就是这个样子的 好的，正式开始…… 建完后点确定就是这样的 就以下面这张爱心图为例，这是我随手用电脑自带的画图工具制作的对于这种对称图形，擦除和填充的时候要注意对称。 这样一副像素画就完成了，可以在格子纸上对照图片进行涂色。

下面是我涂的几张像素画，因为我没有水彩笔和马克笔，所以用了彩铅上色，其实用水彩或马克上色会更鲜艳更漂亮一点。

画的时候先用铅笔把需要涂色的格子标出来，再画出格子的轮廓，然后上色就可以了。 下面是几张ps过的像素图，有兴趣的可以在格子纸上画一下啦。写在最后： 像素图应该是一代人的童年回忆了。 当然现在的图片清晰度都已经非常高了，但是再看到这样有斑驳棱角的图片是不是也别有风味呢。