20分钟学会用Photoshop做像素小人。
这是等距像素艺术像素艺术系列文章之一。
如果你像孩子一样喜欢玩乐(或者你长大了还是喜欢玩),像素画可能是你的菜;可以很科学,感觉更像建筑而不是画插画,因为这个东西没有透视,你可以按照你的想法去安排。
在接下来的教程中,我们将一起制作一个像素小人。它是像素绘画中的逻辑起点,因为它可以帮助我们定义接下来要做的元素比例。但是,在做像素小人之前,首先要了解像素绘画的基础知识;如果想直接开始做像素图,可以跳到第3步。接下来,我们开始。
这些线条是像素绘画的基础,也是等距风格像素绘画中最常见(也是最有趣)的部分。我们将使用以下内容:
这种类型的线条由两个向下叠加的像素组成,看起来相对平滑,通常用于制作方形表面。
最常用的结构线如下,但它们看起来更参差不齐,并且在每个部分使用更多的像素。
相反,这里有一些不规则的线条:
非常参差不齐的线条,非常不好看。请尽量避免这种情况。
我们的像素图形不会严格遵循等距视图的所有规则,所以先做一个简单的立方体来把握体量感。
在Adobe Photoshop中创建新的400px x 400px文件。
通常我喜欢打开另一个同类的窗口(window >;排列>对于XX新窗口…),一个显示600%左右,另一个保持在100%查看进度。要不要用像素网格你自己看着办,不过我觉得开了有时候会分心。现在,让我们放大,开始做一条线2:1:
我喜欢用5%的灰色而不是纯黑色,这样我可以在后面添加一些阴影(使用黑色来降低透明度),并用魔杖工具单独选择颜色。
以下是一些制作线条的方法:
方法1。选择线条工具选择像素模式,取消抗锯齿,选择厚度为1px。画的时候线条工具会提示我们线条的角度,选择26.6?。(有时候,直线工具不是很靠谱。角度不对,画出来的线可能会乱,需要注意。)
方法二。创建一个40 x 20px的矩形,然后选择铅笔工具(粗细还是1px),在左下角画一个单像素,然后按住shift键在右上角再画一个单像素。PS会自动在这两点之间连接一条线。以我的经验来看,不使用矩形选择工具也可以让这些线条非常准确(或者几乎准确,只是微调一下)。
方法三。用铅笔工具画两个相连的像素。选中后,按住Alt,用键盘箭头键或鼠标拖动(以下简称alt- move),直到新像素和前一个像素首尾相连。接下来,检查现有的像素,并重复操作,使线更长。
按照上面的方法,我们得到了第一行。我们选择它,然后alt-移动它,或复制它,粘贴它,合并层。水平转动。(编辑>变换>水平翻转)。我用这个操作很多,所以把它做成快捷键!PS:这里你用F5水平翻转,用F6垂直翻转。
让我们把两根电线连在一起:
然后,再次选择所有的线段,alt- move,垂直翻转,然后把两段放在一起,这样我们就有了一个正方形的平面(透视面哈哈):
是时候加入第三维度了。按住Alt键移动或复制方形平面,并将复制的平面44px放置在原始平面上方:
提示:如果在使用箭头键移动时按住shift,一次可以移动10个像素。
为了创建一个整洁的立方体,接下来我们连接立方体最左边和最右边的像素。之后,补中间竖线:
现在擦掉立方体后面的线条。是时候添彩了。选择一种你喜欢的颜色(尽量选择鲜艳的颜色)填充在立方体的顶部。
现在增加10%的亮度(我推荐使用颜色面板上的HSB滑块)
现在将之前颜色的亮度增加10%(我建议使用调色板上的HSB滑块)。
填充前面的高亮区域。我们描绘立方体的边缘,用黑线上的亮色填充1像素,效果最好,像这样:
现在,去掉亮蓝色下面的黑线。按住shift键并使用铅笔的技巧也适用于橡皮擦。可以选择橡皮擦(铅笔模式,1px粗细),点击起点,按住shift,再点击终点,中间的连接线就被擦掉了。
使用吸管工具从顶部绘制颜色(使用铅笔或填充工具时,吸管工具的快捷键是Alt),并将立方体中间的黑线变为亮蓝色。然后将蓝色的亮度降低15%,填充左侧;然后将亮度降低10%,填充右侧。
所以我们的立方体完成了。在100%的尺寸下应该看起来清晰流畅。我们可以继续前进。
人物风格看个人喜好,你可以根据自己认为合适的比例和元素来调整。我倾向于身材瘦小,脑袋大。瘦的身材可以让线条看起来简单/直接。
从眼睛开始。严格来说,屏幕上像素人物的眼睛并不是同一个高度,但这个小技巧可以让我们的角色看起来更漂亮,并在小尺寸中保证清晰度。
我们会是一个小人物,因为在后面,我们可能会给它配一辆车,一栋房子,一个广场,甚至一个城市。那时候;在这种情况下,人物角色应该是插图中最小的元素。
为了图形效率:你要用尽可能少的像素创造一个漂亮的角色(带一些面部细节),小尺寸比大尺寸简单多了。除非你想画一幅漂亮逼真的肖像什么的,我们擅长小尺寸。
让我们创建一个新层。我们用两个像素做眼睛;一边一个,中间有像素间隙。在左侧像素点处画一条垂直线:
现在,新建一个图层,在眼睛下面画一条2像素的水平线作为嘴巴。把它移动到你认为合适的位置下面,然后向下合并图层。你可以用同样的方法做下巴,只是用一条稍微长一点的水平线:
对发际线和头顶做同样的操作,然后像这样将边缘连接得更圆:
现在,在右眼一侧,留一个像素空间,增加鬓角(这也有助于塑造人物的耳朵部分),移动鬓角以符合发际线。然后在耳朵区域留一个像素空白,用线连接边角,闭合头部边缘:
在耳朵上方增加一个像素,按照自己喜欢的方式改变角色的头型;头部通常在颈部较窄;
在下巴下面画一条线作为胸部。脖子部分就是在耳朵下面画一组像素,然后画一条对角线作为人物肩膀的可见部分:
现在在肩膀下面画一条12px的垂直线段作为手臂,另一边2个像素的距离。底部连接一组像素,做成手的样子/第一步(说实话,这双手没有细节,但是问题不大)。在手的底部和顶部画两个2:1的水平像素作为腰部,然后完成胸部的线条。现在你有了整个上半身的轮廓。身体左侧其实有一只手臂,但是被胸部挡住了,看不到,所以还可以。完成后,它看起来像这样:
它应该是这样的:
当然也可以根据喜好选择不同的比例;在决定做之前,我喜欢尝试不同的选择。
现在,我们可以添加几个垂直的线段作为下体。我喜欢在鞋和腰之间留12px左右的空隙。脚很简单,只是比腿高一个像素,而根据轴测图,屏幕上的右脚比左脚低一个像素。
现在,让我们给反派加点颜色。给反派找个合适的肤色不容易。如果你想选择和我一样的肤色设置,那就试试#FFCCA5。更容易给身体其他部位增色。之后你要明确袖长,领子的位置和样式,再加上一些较深的阴影,把衣服和身体区分开来。我喜欢把里面的线条做得比纯黑更亮(尤其是不同的块在相似层次的时候,比如衣服和皮肤的交界处,或者衣服和裤子的交界处),这样每条线的对比不会太强烈,不同的体量感会更明显。
你可以给每个不同的色块添加一些高光。避免阴影过多或使用渐变来表现阴影;几笔(10%到25%)或明或暗的颜色可以帮助元素跳出来,而不是看起来很平。如果要添加100%明度的颜色,尽量降低其饱和度。在某些情况下(如头发),更改颜色之间的饱和度可能是个好主意。
可以尝试各种发型。以下是一些建议:
如果想多做一些角色反派,一些小的改变,比如改变衣服的款式,袖子的长度,裤腿的长度,配饰,服装,肤色,各种角色也触手可及。
现在只剩下几个步骤了,就是把各种元素集合在一起,看它们在同一个环境下是怎么展示的:
如果要导出,PNG格式最好。
希望这个教程不要太复杂;我想我已经尽力解释了我需要的步骤和风格。我们将继续探索像素艺术的世界;建筑物、车辆、内部和外部。像素绘画有无限的可能性和乐趣,但可能有点难度。
勒内·亚历杭德罗·埃尔南德斯生活在萨尔瓦多,从事像素艺术(尤其是等距像素风格)已经超过10年。
/作者/雷内-亚历杭德罗-埃尔南德斯
——分割线。