手把手教你做像素画图片(手把手教你做像素画图片简单)

本文主要介绍手把手教你做一个像素画图片(手把手教你做一个像素画图片很)，下面跟着东辰网详细了解一下吧。

编辑s注:像素风格是部分美工的最爱，也是很多80后学生的游戏印象。今天分享一个简单实用的像素绘画教程，教你画出一个全功能的像素小人和一个蓝色的房间。流程很详细，新手也可以学。学完之后，还可以画自己的像素头像。唐喜欢之后不要忘记学习！

如果你小时候特别喜欢找乐子(或者长大了还在找)，那么你可能也喜欢等距像素图【就是常见的45度神透视像素图……】；很有技术含量，感觉比画图更接近建筑，因为这种图没有透视，你可以把你的元素移动到任何你喜欢的等轴测投影环境中。

我们将首先创建一个角色，这是绘制等距像素图的起点，因为我们依靠这个角色来确定场景中其他元素的大小比例。当然，在正式开始之前，我们需要了解一些等距像素图的基础知识；如果你只想创建一个角色而不管它的风格，你可以跳到第3步。

一、像素线这些线是最基本的(也是最有趣)等距风格像素画，这是我们将使用的风格:

每下降一个像素，就向一边延伸两个像素。这条线看起来很平滑，我们将使用它来形成立方体的表面:

只要是这种规则结构的线，看起来还行，但是每一步拉长的时间越长，看起来就越粗糙:

下面是一些不规则的线条供比较:

这些线条非常粗糙难看。避免这种情况。

第二，我们的角色不会严格遵循等轴测投影视图的规则，所以让我们先画一个简单的立方体来感受一下。

在AdobePhotoshop中创建一个大小为400x400px的新文档。

我喜欢打开一个新窗口(窗口？？安排？？新)，一个放大到600%进行绘图，另一个保持100%缩放。你可以使用或不使用像素网格，但我认为它这更让人分心。

所以让我们放大，画一条2:1的线:

我更喜欢用5%的灰色，而不是黑色，这样我可以添加阴影(黑色半)，并使用魔杖分别选择每种颜色。

以下是几种画线的方法:

使用线条工具将其设置为像素。取消抗锯齿，设置为1px厚度。画的时候工具会提示我们角度，应该是26.6左右？。但是，我觉得直线工具不那么靠谱。如果角度不完全正确，画出来的线可能会变得凌乱。画一个40*20px的巨大选区，用铅笔工具(设置为1px大)在左下角画一个像素，然后按住Shift在右上角再画一个像素。Photoshop会自动在两点之间画一条直线。只要有经验的画，哪怕没有选区。能画出正确的线(或者几乎正确，只需修)。使用铅笔工具绘制两个相邻的像素，选择它们，按住Alt并使用键盘或鼠标移动它们(后来称为Alt移)使它们对角对齐。然后选择这两组像素，重复上述步骤进行延伸。我们绘制开始条线，选择它并Alt移动它，或者复制选择，粘贴和合并层。然后水平翻转(编辑？？转型？？我经常用这个功能，所以给它做了个快捷键！

现在让我们■合并两行:

接下来，再次Alt移动，垂直翻转并合并线条，我们将完成我们的矩形:

现在我们要添加三维。Alt移动或复制这个矩形，然后将副本向下移动44px:

提示:如果在使用键盘移动时按住Shift，您的选择将移动10个像素，而不是1个像素。

要制作一个简单的立方体，让移除矩形最左边和最右边的像素。当它完成后，添加一条垂直线，它它是一个立方体:

现在删除下面矩形后面的线。然后开始添加颜色，选择一个你喜欢的颜色(稍微亮一)填充顶部的矩形。

现在突出这个颜色的10%(我推荐使用颜色面板上的HSB滑)在矩形上画一个亮角。因为这种方切出一个小矩形，所以这些亮线在黑线上看起来很完美:

现在我们我们将删除亮线下的黑线。Shift铅笔的线描技巧同样适用于橡皮擦(橡皮擦工具一定要用，？铅笔模式和1px厚)。

使用滴管工具从顶部矩形获取颜色(按住Alt的同时单击会更)。用它来覆盖立方体中间的垂直线。将亮度降低15%以填充立方体的左侧，将亮度降低10%以填充右侧:

我们的立方体完成了。在100%缩放时，它应该看起来干净和平滑。我们可以继续。

第三，让s加一个非常个人化选择的角色。你可以随意改变比例或元素。我倾向于身材苗条，头稍大。纤细的身体有助于保持线条简洁/笔直。

从眼睛开始有道理。如果严格按照等角透视画，眼睛会有高有低，但是在这么小的范围内，我们可以用一些小技巧让我们的人物脸型更好看，尺寸更清晰。

我们想扮演一个小角色，因为我们最终会为他画一辆车，一栋房子，一个广场，甚至整个城市。从这个角度来说，从这个场景拓展的可能性来说，人物应该是用最少的元素画出来的。另外还有一些图形效率问题要考虑，要让角色好看，尽量少用像素(只要有五官)，小的比大的简单。除非你只是想画一个人物或者他什么样的表达，我们用一个小的就够了。

让让我们创建一个新层。用两个像素画眼睛，每个像素一个，相隔一个像素。在距离眼睛一个像素的地方画一条垂直线:

现在新建一个图层，在眼睛下面画两条水平线。这是嘴。用键盘移动到你喜欢的位置，合并图层。用同样的方法画下巴，它是一条更长的线:

重复以上步骤画出发际线和头顶，然后don不要拐弯抹角。看起来是这样的。

现在看另一只眼睛，每隔一个像素添加鬓角(这有助于给角色添加)，然后将头发连接到上一个像素。然后打开耳朵位置的像素，连接头发，线条交点处平滑:

耳朵顶部加1个像素，还可以改变头型；头部一般在颈部附近较窄；

从下巴画一条线。这是箱子。脖子从耳朵开始延伸，垂直下降几个像素，然后画几个额外的对角线像素，这是我们角色唯一可见的肩膀:

现在在肩膀的一端画一条12px的垂直线，是手臂的一侧，另一侧应该相隔2px。把下面的两条线连起来，这就是手/拳头(这里真的没有更多的细节了，不过一般也没)，然后用手在上面一点点画一条2:1的线，这就是腰，再把胸的线连起来，你就完成了上半身的轮廓。另一只手臂是看不见的，但是它没关系，因为它被胸部挡住了。

它应该是这样的:

当然，你可以尝试不同的比例；我喜欢在决定一切之前尝试不同的可能性。

现在我们我们要画，我们我们将添加更多的垂直线。我喜欢在我的腰和脚之间留出12px的距离。脚很简单，只要比手臂宽就行，而且因为是等轴视图，所以一只脚比另一只脚低:

现在我们我们将添加颜色。肤色一般很难确定，也可以用我的#FFCCA5。确定其余元素的颜色并不困难。之后你需要找到袖子的长度，衬衫领口的位置和外观，最后在衬衫和皮肤之间加一条暗线把它们分开。我喜欢把这些颜色做得比黑色亮一些(尤其是同一层次的不同部位，比如衬衫对皮肤或者)，这样所有线条的对比就不那么死板，体量感更好。

您可以向每个颜域添加高光。避免使用过多的颜色或渐变阴影；稍微(10%到25)亮一点或者加深一点，就足以让人物跳到页面上。如果您想要为接近100%亮度的颜色添加高光，可以尝试降低它们的饱和度。这在某些情况下是一个很好的方法(比如)，你也可以尝试改变色调。

也可以尝试画不同的发型。以下是一些想法:

如果想继续画更多的人物，就在衬衫款式、袖长、裤长、小装饰以及衣服和肤色上做一些改变。那个这很容易。

我们所要做的就是把我们的元素放在一起，欣赏它们如何在相同的环境中溶解:

如果要导出，PNG是理想的选择。

那个就是它！你我们完成了！

我希望这个教程赢了t压倒你；我只是尽力写出我所知道的Photoshop技巧和审美风格。我们将继续扩大我们的等距像素绘画世界；建筑、交通工具和装饰品。一切皆有可能。

编辑s注:像素风格是部分美工的最爱，也是很多80后学生的游戏印象。今天分享一个简单实用的像素绘画教程，教你画出一个全功能的像素小人和一个蓝色的房间。流程很详细，新手也可以学。学完之后，还可以画自己的像素头像。唐喜欢之后不要忘记学习！

如果你小时候特别喜欢找乐子(或者长大了还在找)，那么你可能也喜欢等距像素图【就是常见的45度神透视像素图……】；很有技术含量，感觉比画图更接近建筑，因为这种图没有透视，你可以把你的元素移动到任何你喜欢的等轴测投影环境中。

我们将首先创建一个角色，这是绘制等距像素图的起点，因为我们依靠这个角色来确定场景中其他元素的大小比例。当然，在正式开始之前，我们需要了解一些等距像素图的基础知识；如果你只想创建一个角色而不管它的风格，你可以跳到第3步。

一、像素线这些线是最基本的(也是最有趣)等距风格像素画，这是我们将使用的风格:

每下降一个像素，就向一边延伸两个像素。这条线看起来很平滑，我们将使用它来形成立方体的表面:

只要是这种规则结构的线，看起来还行，但是每一步拉长的时间越长，看起来就越粗糙:

下面是一些不规则的线条供比较:

这些线条非常粗糙难看。避免这种情况。

第二，我们的角色不会严格遵循等轴测投影视图的规则，所以让我们先画一个简单的立方体来感受一下。

在AdobePhotoshop中创建一个大小为400x400px的新文档。

我喜欢打开一个新窗口(窗口？？安排？？新)，一个放大到600%进行绘图，另一个保持100%缩放。你可以使用或不使用像素网格，但我认为它这更让人分心。

所以让我们放大，画一条2:1的线:

我更喜欢用5%的灰色，而不是黑色，这样我可以添加阴影(黑色半)，并使用魔杖分别选择每种颜色。

以下是几种画线的方法:

使用线条工具将其设置为像素。取消抗锯齿，设置为1px厚度。画的时候工具会提示我们角度，应该是26.6左右？。但是我觉得直线工具不是那么靠谱，如果角度不是的话。如果完全正确，画出来的线条可能会变得凌乱。画一个40*20px的巨大选区，用铅笔工具(设置为1px大)在左下角画一个像素，然后按住Shift在右上角再画一个像素。Photoshop会自动在两点之间画一条直线。只要有过绘画经验，即使没有选择也能画出正确的线条(或者几乎正确，补一补就)。使用铅笔工具绘制两个相邻的像素，选择它们，按住Alt并使用键盘或鼠标移动它们(后来称为Alt移)使它们对角对齐。然后选择这两组像素，重复上述步骤进行延伸。我们绘制开始条线，选择它并Alt移动它，或者复制选择，粘贴和合并层。然后水平翻转(编辑？？转型？？我经常用这个功能，所以给它做了个快捷键！

现在让我们■合并两行:

接下来，再次Alt移动，垂直翻转并合并线条，我们将完成我们的矩形:

现在我们要添加三维。Alt移动或复制这个矩形，然后将副本向下移动44px:

提示:如果在使用键盘移动时按住Shift，您的选择将移动10个像素，而不是1个像素。

要制作一个简单的立方体，让移除矩形最左边和最右边的像素。当它完成后，添加一条垂直线，它它是一个立方体:

现在删除下面矩形后面的线。然后开始添加颜色，选择一个你喜欢的颜色(稍微亮一)填充顶部的矩形。

现在突出这个颜色的10%(我推荐使用颜色面板上的HSB滑)在矩形上画一个亮角。因为这种方切出一个小矩形，所以这些亮线在黑线上看起来很完美:

现在我们我们将删除亮线下的黑线。Shift铅笔的线描技巧同样适用于橡皮擦(橡皮擦工具一定要用，？铅笔模式和1px厚)。

使用滴管工具从顶部矩形获取颜色(按住Alt的同时单击会更)。用它来覆盖立方体中间的垂直线。将亮度降低15%以填充立方体的左侧，将亮度降低10%以填充右侧:

我们的立方体完成了。在100%缩放时，它应该看起来干净和平滑。我们可以继续。

第三，让s加一个非常个人化选择的角色。你可以随意改变比例或元素。我倾向于身材苗条，头稍大。纤细的身体有助于保持线条简洁/笔直。

从眼睛开始有道理。如果严格按照等角透视画，眼睛会有高有低，但是在这么小的范围内，我们可以用一些小技巧让我们的人物脸型更好看，尺寸更清晰。

我们想扮演一个小角色，因为我们最终会为他画一辆车，一栋房子，一栋房子。一个广场甚至整个城市。从这个角度来说，从这个场景拓展的可能性来说，人物应该是用最少的元素画出来的。另外还有一些图形效率问题要考虑，要让角色好看，尽量少用像素(只要有五官)，小的比大的简单。除非你只是想画一个人物或者他的表情什么的，我们可以用小的。

让让我们创建一个新层。用两个像素画眼睛，每个像素一个，相隔一个像素。在距离眼睛一个像素的地方画一条垂直线:

现在新建一个图层，在眼睛下面画两条水平线。这是嘴。用键盘移动到你喜欢的位置，合并图层。用同样的方法画下巴，它是一条更长的线:

重复以上步骤画出发际线和头顶，然后don不要拐弯抹角。看起来是这样的。

现在看另一只眼睛，每隔一个像素添加鬓角(这有助于给角色添加)，然后将头发连接到上一个像素。然后打开耳朵位置的像素，连接头发，线条交点处平滑:

耳朵顶部加1个像素，还可以改变头型；头部一般在颈部附近较窄；

从下巴画一条线。这是箱子。脖子从耳朵开始延伸，垂直下降几个像素，然后画几个额外的对角线像素，这是我们角色唯一可见的肩膀:

现在在肩膀的一端画一条12px的垂直线，是手臂的一侧，另一侧应该相隔2px。把下面的两条线连起来，这就是手/拳头(这里真的没有更多的细节了，不过一般也没)，然后用手在上面一点点画一条2:1的线，这就是腰，再把胸的线连起来，你就完成了上半身的轮廓。另一只手臂是看不见的，但是它没关系，因为它被胸部挡住了。

它应该是这样的:

当然，你可以尝试不同的比例；我喜欢在决定一切之前尝试不同的可能性。

现在我们我们要画，我们我们将添加更多的垂直线。我喜欢在我的腰和脚之间留出12px的距离。脚很简单，只要比手臂宽就行，而且因为是等轴视图，所以一只脚比另一只脚低:

现在我们我们将添加颜色。肤色一般很难确定，也可以用我的#FFCCA5。确定其余元素的颜色并不困难。之后你需要找到袖子的长度，衬衫领口的位置和外观，最后在衬衫和皮肤之间加一条暗线把它们分开。我喜欢把这些颜色做得比黑色亮一些(尤其是同一层次的不同部位，比如衬衫对皮肤或者)，这样所有线条的对比就不那么死板，体量感更好。

您可以向每个颜域添加高光。避免使用过多的颜色或渐变阴影；稍微(10%到25)亮一点或者加深一点，就足以让人物跳到页面上。如果你想帮助那些接近百分之百的人给明度色加高光，可以试着降低它的饱和度。这在某些情况下是一个很好的方法(比如)，你也可以尝试改变色调。

也可以尝试画不同的发型。以下是一些想法:

如果你想继续画更多的人物，在衬衫款式、袖长、裤长、小装饰和衣服、肤色上做一些改变会很容易。

我们所要做的就是把我们的元素放在一起，欣赏它们如何在相同的环境中溶解:

如果要导出，PNG是理想的选择。

那个就是它！你我们完成了！

我希望这个教程赢了t压倒你；我只是尽力写出我所知道的Photoshop技巧和审美风格。我们将继续扩大我们的等距像素绘画的世界；建筑、交通工具和装饰品。一切皆有可能。

了解更多手把手教你做一个像素画图片(手把手教你做一个像素画图片很简)相关内容请关注东辰网。