王尘宇

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

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

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

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

如何在Photoshop中设置图片像素？

对于用于 Web 的图像，只需调整图像的像素大小。要获得在 Photoshop 中调整图像大小帮助，请选取“帮助”>“调整图像大小”。

该交互式向导将帮助您缩放图像，使之可用于网页展示。

或者参考下面的方法调整图像大小第一步：在Photoshop中打开要处理的图像，选取“图像” >“图像大小”第二步：设定图像像素大小要保持图像高宽的比例，请选择“约束比例”。在“像素大小”下输入“宽度”值或“高度”值。最大边一般设为600像素即可。至于“文档大小”下的尺寸和分辨率，和此无关，在创建用于打印介质的图像时才有用。

设置完选项后，请点按 “确定”。第三步：保存图像方式一：使用“存储为”保存为JPEG格式文件方式二：使用存储为 Web 所用格式对话框在Photoshop 中，您可以使用“存储为 Web 所用格式”对话框来选择优化选项，并预览经过优化的图片。 打开“存储为 Web 所用格式”对话框。

选取“文件” >“存储为 Web 所用格式”。注意：如果您使用的是传统的滚筒扫描仪，则可能使用的是CMYK颜色模式，需要转换成RGB模式。在调整图像大小时，可能会使图像品质和锐化程度下降。

为了使图像获得最佳效果，可以使用“USM 锐化”滤镜。

ps怎么调图片像素

操作步骤/方法1.打开PS，在PS中放入需要调整的图片。2.在PS导航栏中点击图像中的图像大小。

3.在图像大小界面，修改图片分辨率后，保存退出即可。

4.根据以上步骤操作即可在PS中调整图片像素。注意事项/总结1.可通过其他方式调整像素。2.注意调整大小的单位。

photoshop如何调像素

下面用PS CS6演示更改画布像素大小的操作流程： 一、PS软件中打开任意一张图片，点击顶部的图像菜单。 二、 弹出的图像菜单中找到图像大小（画布大小内也可以调整），点击该项。

三、勾选约束比例，这样能够等比例缩放画布大小，然后在宽度或高度中输入新的大小数值，点击确定。

四、如下图，这时即可把画布调整为设置的大小。

ps怎么画像素图

首先新建文件，点击“文件”，“新建”。为了简单一点就做一个长宽都为十像素的图片。

2 图片非常小，我们需要放大很多倍，到自己适合的大小。

快捷键ctrl加“+” 3 此时我们需要看到像素网格。新建一个图层，填充背景色黑色。 4 单击“视图”-----“显示”----“显示像素网格” 5 这是我们一般使用铅笔，涂出来自己想涂的网格。（画笔有时会带晕染效果。

） 类似下图，如果喜欢这样风格，可以使用画笔。 6 我们改用铅笔工具，改为方形。CS6中一般自动就是方形。

然后就可以涂网格啦。 7 但是这时它的大小是非常小的，我们需要将它变成正常大小，并且不影响像素画。（当然除了你取消网格线，截屏） 8 我们新建一个图片，更改为自己需要的大小。

将像素图片移到新的图片上。（按住左键不放，直接移到新建的图片上。