****标题是我YY的啦~不过作者这篇文章倒真的是蛮清晰的上手简单,完了还很适合给自己做个头像啥的哈哈****
这是系列文章其中的一篇
如果你和小朋友一样喜欢玩乐高的话(戓者你长大后还是喜欢玩也好),简单的像素小人画可能是你的菜;它可以很有科技感感觉更像是建造而不是画插画,因为这玩意儿没囿透视你可以按照你的想法进行布局。
接下来的教程里我们会一起来做一个简单的像素小人小人。它在简单的像素小人画里算得上是┅个逻辑起点因为它能帮助我们定义接下来要做的元素的比例。但是呢在做简单的像素小人小人之前,我们得先了解一些简单的像素尛人画的基础;如果你想直接开始做简单的像素小人小人的话可以直接跳到第3步。接下来我们开始
这些线是简单的像素小人画的基础,也是等距风格简单的像素小人画中最寻常(and有趣)的部分我们将会用到的有:
这一类型的线,由两个简单的像素小人向下叠加组成看起来相对平稳,常被用来做正方形的表面
最常用的结构线还有像下面的这些,不过它们看起来会更有锯齿感一些每一节用的简单的潒素小人也更多。
相反地这边有些不规则的线:
非常锯齿感的线,非常地不美观请尽量避免这样。
我们的简单的像素小人小人不会严格地按照等距视图的所有规则来做所以我们先做个简单的立方体来掌握体积感。
通常我喜欢另开一个相同的窗口 (窗口>排列 > 为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简单的像素小人
为了創建一个整齐的立方体,接下来我们连接起立方体最左侧和最右侧的简单的像素小人之后,补上中间的垂直线即可:
现在将立方体背后嘚线擦掉开始加颜色了,选一个你喜欢的颜色(尽量选亮色)将它填充在立方体顶部。
现在将之前的颜色增加10%的明度(我建议使用调銫板上的HSB 滑块)
将前面的高光区域填充出来我们把立方体的边线刻画出来,用亮色在黑线上的1简单的像素小人做填充效果是最好的,潒这样:
现在将亮蓝色下方的黑线去掉。按住shift键使用铅笔的小技巧对橡皮擦同样适用你可以选中橡皮擦(铅笔模式,1px粗细)后点起點,按住shift再点终点,中间连线部分就被擦掉了
用吸管工具从顶部吸取颜色(使用铅笔或填充工具时,吸管工具的快捷键是Alt)将立方體中间的黑线变为亮蓝色。然后将蓝色降低15%亮度填充左侧面;再降低10%亮度,填充右侧面
这样我们的立方体就完成了。在100%的尺寸下看起來应该是清晰边缘光滑的。我们可以接着进行下去了
3. 让我们创建一个角色吧
角色的风格依据个人喜好而定,你可以按你觉得合适的比唎和元素做调整我倾向于做一个瘦瘦的身体,有点大的脑袋瘦瘦的身体可以让线条看起来简单/直接。
首先从眼睛开始做严格来说的話,屏幕上简单的像素小人小人的眼睛是不一样高的但是这个小小的戏法能让我们的角色看起来更美观,而且保证小尺寸下的清晰
我們会做一个小小的人,因为在后面我们可能会给它搭配上一辆车,一幢房子一个广场或者甚至是做一个城市。在那个时候;在这样可鉯拓展的情况下人物角色应该是插画里面最小的元素。
出于图形效率考虑:你要在尽可能少用简单的像素小人的情况下创建一个精美嘚角色(能有一些面部细节)并且,小尺寸比大尺寸要简单很多除非你想要画的,是精美写实的肖像之类我们擅长的是小尺寸。
让我們新建一个图层我们用两个简单的像素小人点做出眼睛;一边一个,中间空出一个简单的像素小人的间隔在左侧的简单的像素小人点邊,画一条垂直线:
现在新建一个图层,在眼睛下画一条2简单的像素小人的水平线当做嘴巴。将它移到下面你觉得合适的地方向下匼并图层。你可以用同样的方式把下巴做出来用一条稍微长一点的水平线就可以了:
如法炮制发际线和头顶,然后把边缘像这样较为圆潤的连起来:
发际线和头顶边缘连接
现在,在右边眼睛的边上留一简单的像素小人的空格,增加鬓角(也帮助了角色耳朵部分的塑造)将鬓角移到和发际线相接。接着给耳朵的区域留一简单的像素小人空白用线连接边角,将头的边缘封闭起来:
在耳朵上面的地方增加一个简单的像素小人点,按你喜欢的方式改变角色的头型;脑袋在脖子的地方通常比较窄一些:
在下巴下面画一条线作为胸部。脖孓的部分是在耳朵下面画一组简单的像素小人然后一列对角线,作为角色肩膀的可见部分:
现在在肩膀下面,画一条12px的垂直线段作為手臂,另一边在2简单的像素小人外在底部用一组简单的像素小人连接起来,做出手的样子/第一步(讲真这些手没有细节,但是没啥夶问题)在手的底部,上面一些画两条2:1的水平简单的像素小人,作为腰然后完成胸部的线条。现在你有整个上身体的轮廓了在身體左侧其实还有一只胳膊,但是被胸部挡住看不见了所以也还OK。做完之后看起来是这样的:
手臂、腰、胸部、上半身轮廓
当然,你也鈳以按你的喜欢选择不同的比例;我喜欢在决定做之前试试各种不同的选择。
现在我们可以添加几根垂直的线段作为下半身。我喜欢茬鞋和腰之间留下大概12px的间距脚很简单,比腿出来一个简单的像素小人就可以了并且根据轴测图来的话,屏幕上的右脚要比左脚低一個简单的像素小人
现在,我们给小人加点色彩给小人找个合适的肤色不算容易,如果你想选和我一样的肤色设置那么试试看#FFCCA5.给身体嘚其他部分加上色彩比较简单。在这之后你应该定义下袖长,衣领的位置和样式然后加上一些深一些的阴影,将衣服和身体区分开来我喜欢把内部的线条做得比纯黑色亮一些(特别当不同的区块处在近似的水平时,比如从衣服到皮肤的交界处或者衣服到裤子的交界處)这样一来,各个线条的对比不会太强烈不同的体积感也更明显。
你可以在每个不同的颜色区块加上一些高光避免过多的阴影或是鼡渐变去表现阴影;几笔(10% to 25%) 亮色或是深色就能帮元素跳出来,而不是看起来扁扁的如果你想加一个100%明度的色彩,试着减少它的饱和度有些情况下(比如头发),改变颜色之间的饱和度可能是个不错的主意
你可以试试各种发型,下面是一些小参考:
如果你还要做更多的角銫小人儿一些小的变化,比如改变下衣服的样式袖子的长度,裤腿的长度配件,服装和肤色各式各样的人物也是手到擒来了。
现茬剩下一点点步骤,就是把各种元素集合在一起看他们在同一环境里的展现了:
如果你想导出的话, PNG的格式最理想
OK了,你已经成功莋出属于自己的简单的像素小人小人了!
我希望这篇教程不会太复杂;我想我已经尽我所能把需要的步骤以及风格的解释说清楚了我们會持续探索简单的像素小人艺术的世界;建筑物,车辆内饰,外饰简单的像素小人画有无限多的可能和乐趣,不过也可能有点点难啦
René Alejandro Hernández住在萨尔瓦多,已经从事简单的像素小人艺术(尤其是等间距简单的像素小人风格)超过10年