像素插画教程-ps插画教程是怎样的

如题所述

ps手绘插画教程步骤

步骤详情:

PS手绘插画目的是画一个春节氛围的福袋,核心知识点是体积的塑造,整体氛围的把控,使用到的工具是ps(cc2014)和数位板相结合。

打开软件PS,【Ctrl+N】新建一个画布,接着新建图层,使用【画笔工具】先绘制出画面的草图线条。

接着新建图层,使用【椭圆选区】工具按住【Shift】键绘制出圆形选区,调整颜色为,【Alt+Delete】对选区填充颜色,【Ctrl+J】复制三层,调整好圆形的位置。

接着【Ctrl+J】复制一个的圆形,调整颜色为红色,使用【油漆桶工具】填充红色,将【Ctrl+T】选中将圆形缩小,【Ctrl+J】复制三层,调整好圆形的位置。使用【对齐工具】将他们对齐分布。

新建图层作为红色圆形图层组的剪切图层,使用【画笔工具】在下半部分对颜色进行加深,接着复制一组的圆形,【Ctrl+E】合并图层,【Ctrl+U】调整色相饱和度,将颜色加深,将位置下移。

同样的方式复制红色的圆形,【Ctrl+E】合并图层,【Ctrl+U】调整色相饱和度,将颜色加深,位置上移一点,选中图层【Ctrl+G】合并图层。

请点击输入图片描述

继续新建图层,使用【椭圆选区工具】绘制一个圆形选区,填充红色,【Ctrl+T】选中,右键选择【变形】,对圆的形状进行调整。

接着使用【画笔工具】调整颜色,绘制出福袋口的形状,新建图层作为福袋图层的剪切图层,使用【画笔工具】选择噪点的笔刷,绘制出暗部的颜色,新建图层,使用【画笔工具】选择,绘制出袋口绳子的形状。

继续新建图层,使用【画笔工具】绘制出绳子的形状,新建图层作为绳子图层的剪切图层,图层模式选择【正片叠底】,使用【画笔工具】绘制出暗部的颜色条。

着新建图层,使用【椭圆选区工具】绘制一个圆形选区,填充,锁定图层的【透明像素】,使用【画笔工具】选择噪点的笔刷,绘制出上面的纹理,接着【Ctrl+J】复制两层圆形,调整圆形的颜色。

新建图层,使用【画笔工具】绘制出方形的形状,锁定图层的透明像素,使用【画笔工具】绘制出渐变的颜色,接着建立剪切图层,使用【画笔工具】绘制出里面的红色矩形。

20分钟学会用Photoshop做一个像素小人

****标题是我YY的啦~不过作者这篇文章倒真的是蛮清晰的。上手简单,完了还很适合给自己做个头像啥的哈哈****

这是系列文章IsometricPixelArt像素艺术其中的一篇。

如果你和小朋友一样喜欢玩乐高的话(或者你长大后还是喜欢玩也好),像素画可能是你的菜;它可以很有科技感,感觉更像是建造而不是画插画,因为这玩意儿没有透视,你可以按照你的想法进行布局。

接下来的教程里,我们会一起来做一个像素小人。它在像素画里算得上是一个逻辑起点,因为它能帮助我们定义接下来要做的元素的比例。但是呢,在做像素小人之前,我们得先了解一些像素画的基础;如果你想直接开始做像素小人的话,可以直接跳到第3步。接下来我们开始。

这些线是像素画的基础,也是等距风格像素画中最寻常(and有趣)的部分,我们将会用到的有:

这一类型的线,由两个像素向下叠加组成,看起来相对平稳,常被用来做正方形的表面。

最常用的结构线还有像下面的这些,不过它们看起来会更有锯齿感一些,每一节用的像素也更多。

相反地,这边有些不规则的线:

非常锯齿感的线,非常地不美观。请尽量避免这样。

我们的像素小人不会严格地按照等距视图的所有规则来做,所以我们先做个简单的立方体来掌握体积感。

AdobePhotoshop

新建

一个400pxx400px的文件。

通常我喜欢另开一个相同的窗口(

窗口>排列>为XX新窗口

),一个显示大约为600%,另一个保持在100%用来检查进度。是否使用像素网格由你决定,但是我会觉得开启之后有时候会让人分心。现在,让我们放大,开始做2:1的线吧:

我喜欢用5%的灰色,而不是纯黑,这样我之后就可以加上一些阴影(用黑色,调低透明度)并且能够用魔棒工具分别选中颜色。

以下是一些做线条的方法:

方法1.选择

直线工具

选中

像素

模式,取消勾选

消除锯齿

,选用

1px粗细

。画的时候,直线工具会提示我们线的角度,选择

26.6_

。(有时候,直线工具也不是很靠谱,如果角度不对的话,画出来的线也可能很凌乱,需要加以注意。)

方法2.创建一个40x20px的矩形,然后选择

铅笔工具

(依旧是

1px粗细

),在左下角画一个单独的像素,然后按住shift键,在右上角画另一个独立的像素。PS会自动在这两点之间连起一根线。以我的经验来说,不用矩形选择工具就可以把这些线做得很准(或者说几乎是准的,只要再微调下就可以)。

方法3.用

铅笔工具

画两个连起来的像素,选中它们之后,按住

Alt

,用键盘方向键或鼠标拖动(以下简称

alt-移动

),到新的像素和之前的像素首尾相连。接下来复选已有的像素,重复操作,让线条变长即可。

按照上面的方法,我们得到了第一条线。我们选中,然后

alt-移动

它,,或者复制一份,粘贴后向下合并图层。水平翻转。(

编辑>变换>水平翻转

)。(我用这个操作很多,所以把它做成了快捷键!)(PS:翻译君这边用的是F5水平翻转,F6垂直翻转)

让我们把两根线接在一块儿:

然后,再次选中全部线段,

alt-移动

,垂直翻转,然后将两段拼起来,这样我们就有了一个正方形平面(透视面哈哈):

是时候加入"第三个维度"了。

alt-移动

或者

复制

正方形平面,将复制的面放在原来的那个上方44px远:

小提示:

如果你用方向键移动的时候按住shift,可以一次移动10像素。

为了创建一个整齐的立方体,接下来我们连接起立方体最左侧和最右侧的像素。之后,补上中间的垂直线即可:

现在将立方体背后的线擦掉。开始加颜色了,选一个你喜欢的颜色(尽量选亮色),将它填充在立方体顶部。

Nowincrease10%brightnesstothatcolor(IrecommendusingtheHSBslidersonthecolorpanel)

现在将之前的颜色增加10%的明度(我建议使用调色板上的HSB滑块)

将前面的高光区域填充出来。我们把立方体的边线刻画出来,用亮色在黑线上的1像素做填充,效果是最好的,像这样:

现在,将亮蓝色下方的黑线去掉。

按住shift键使用铅笔

的小技巧对橡皮擦同样适用。你可以选中橡皮擦(

铅笔模式

1px粗细

)后,点起点,按住shift,再点终点,中间连线部分就被擦掉了。

吸管工具

从顶部吸取颜色(使用铅笔或填充工具时,吸管工具的快捷键是

Alt

),将立方体中间的黑线变为亮蓝色。然后将蓝色降低15%亮度,填充左侧面;再降低10%亮度,填充右侧面。

这样我们的立方体就完成了。在100%的尺寸下看起来应该是清晰,边缘光滑的。我们可以接着进行下去了。

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

首先从眼睛开始做。严格来说的话,屏幕上像素小人的眼睛是不一样高的,但是这个小小的戏法能让我们的角色看起来更美观,而且保证小尺寸下的清晰。

我们会做一个小小的人,因为在后面,我们可能会给它搭配上一辆车,一幢房子,一个广场或者甚至是做一个城市。在那个时候;在这样可以拓展的情况下,人物角色应该是插画里面最小的元素。

出于图形效率考虑:你要在尽可能少用像素的情况下,创建一个精美的角色(能有一些面部细节)并且,小尺寸比大尺寸要简单很多。除非你想要画的,是精美写实的肖像之类,我们擅长的是小尺寸。

让我们新建一个图层。我们用两个像素点做出眼睛;一边一个,中间空出一个像素的间隔。在左侧的像素点边,画一条垂直线:

现在,新建一个图层,在眼睛下画一条2像素的水平线,当做嘴巴。将它移到下面你觉得合适的地方,向下合并图层。你可以用同样的方式把下巴做出来,用一条稍微长一点的水平线就可以了:

如法炮制发际线和头顶,然后把边缘像这样较为圆润的连起来:

现在,在右边眼睛的边上,留一像素的空格,增加鬓角(也帮助了角色耳朵部分的塑造),将鬓角移到和发际线相接。接着给耳朵的区域留一像素空白,用线连接边角,将头的边缘封闭起来:

在耳朵上面的地方,增加一个像素点,按你喜欢的方式改变角色的头型;脑袋在脖子的地方通常比较窄一些:

在下巴下面画一条线,作为。脖子的部分是在耳朵下面画一组像素,然后一列对角线,作为角色肩膀的可见部分:

现在,在肩膀下面,画一条12px的垂直线段,作为手臂,另一边在2像素外。在底部用一组像素连接起来,做出手的样子/第一步(讲真,这些手没有细节,但是没啥大问题),在手的底部,上面一些,画两条2:1的水平像素,作为腰,然后完成的线条。现在你有整个上身体的轮廓了。在身体左侧其实还有一只胳膊,但是被挡住看不见了,所以也还OK。做完之后,看起来是这样的:

Itshouldbelookinglikethis:

当然,你也可以按你的喜欢选择不同的比例;我喜欢在决定做之前,试试各种不同的选择。

现在,我们可以添加几根垂直的线段作为下半身。我喜欢在鞋和腰之间留下大概12px的间距。脚很简单,比腿出来一个像素就可以了,并且根据轴测图来的话,屏幕上的右脚要比左脚低一个像素。

现在,我们给小人加点色彩。给小人找个合适的肤色不算容易,如果你想选和我一样的肤色设置,那么试试看#FFCCA5.给身体的其他部分加上色彩比较简单。在这之后,你应该定义下袖长,衣领的位置和样式,然后加上一些深一些的阴影,将衣服和身体区分开来。我喜欢把内部的线条做得比纯黑色亮一些(特别当不同的区块处在近似的水平时,比如从衣服到皮肤的交界处,或者衣服到裤子的交界处)这样一来,各个线条的对比不会太强烈,不同的体积感也更明显。

你可以在每个不同的颜色区块加上一些高光。避免过多的阴影或是用渐变去表现阴影;几笔(10%to25%)亮色或是深色就能帮元素跳出来,而不是看起来扁扁的。如果你想加一个100%明度的色彩,试着减少它的饱和度。有些情况下(比如头发),改变颜色之间的饱和度可能是个不错的主意。

你可以试试各种发型,下面是一些小参考:

如果你还要做更多的角色小人儿,一些小的变化,比如改变下衣服的样式,袖子的长度,裤腿的长度,配件,服装和肤色,各式各样的人物也是手到擒来了。

现在,剩下一点点步骤,就是把各种元素集合在一起,看他们在同一环境里的展现了:

如果你想导出的话,PNG的格式最理想。

我希望这篇教程不会太复杂;我想我已经尽我所能把需要的步骤以及风格的解释说清楚了。我们会持续探索像素艺术的世界;建筑物,车辆,内饰,外饰。像素画有无限多的可能和乐趣,不过也可能有点点难啦。

RenéAlejandroHernández住在萨尔瓦多,已经从事像素艺术(尤其是等间距像素风格)超过10年。

--------------------------------------------分割线--------------------------------------------

ps插画教程是怎样的?

插画教程如下。

首先,创建一个新文件大小为1200*800像素,背景为黑色。

然后,新建层使用画笔工具设置不透明度为30%,在画布上绘制一些锈迹的纹理。打开人物照片,使用钢笔工具沿着脸部做一个路径,点击右键选择建立路径。

下载一些笔刷,选择一个笔刷,使用“橡皮擦”工具在脸上擦除痕迹。选择图层面板下方的“创建新的填充或调整图层”对脸层执行以下图层调整选项。

使用一个软角黑色笔刷,在脸部加上一些黑色滴点等等。点击菜单中的“滤镜>杂色>降低杂色”并设置,来提高画面的层次。

温馨提示:答案为网友推荐,仅供参考
相似回答