像素插画教程-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%,在画布上绘制一些锈迹的纹理。打开人物照片,使用钢笔工具沿着脸部做一个路径,点击右键选择建立路径。

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

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



  • ps鍋鍍忕礌鎻掔敾-ps鎬庝箞鎶婄収鐗囪皟鎴愭彃鐢
    绛旓細绛夋柟寮忓鐞嗕竴涓嬩綘鐨勪綔鍝,鐒跺悗浜儴鍔犱竴鐐规殩榛勮壊鐨勫厜鏂戙傚悗缁皟鏁村彲浠ユ牴鎹疄闄呮儏鍐佃嚜琛屽彂鎸,姣斿闀滃ご鍏夋檿銆佸厜绾裤佸厜褰辩殑璋冩暣,瀹屾垚鍥惧涓:濡備綍鎶婄収鐗嘝S鎴愭彃鐢伙紵绔欓叿鎻掔敾甯堥キ澶█PS鎻掔敾鏁欑▼(楂樻竻瑙嗛)鐧惧害缃戠洏 閾炬帴:鎻愬彇鐮:bj9a澶嶅埗杩欐鍐呭鍚庢墦寮鐧惧害缃戠洏鎵嬫満App,鎿嶄綔鏇存柟渚垮摝 鑻ヨ祫婧愭湁闂娆㈣繋杩介棶~
  • ps鎵嬬粯鎻掔敾瀛︿範-鐢PS濡備綍鐢绘彃鐢,姹傛楠!
    绛旓細ps鎵嬬粯鎻掔敾鏁欑▼姝ラ姝ラ璇︽儏锛PS鎵嬬粯鎻掔敾鐩殑鏄敾涓涓槬鑺傛皼鍥寸殑绂忚锛屾牳蹇冪煡璇嗙偣鏄綋绉殑濉戦狅紝鏁翠綋姘涘洿鐨勬妸鎺э紝浣跨敤鍒扮殑宸ュ叿鏄痯s锛坈c2014锛夊拰鏁颁綅鏉跨浉缁撳悎銆傛墦寮杞欢PS锛屻怌trl+N銆戞柊寤轰竴涓敾甯冿紝鎺ョ潃鏂板缓鍥惧眰锛屼娇鐢ㄣ愮敾绗斿伐鍏枫戝厛缁樺埗鍑虹敾闈㈢殑鑽夊浘绾挎潯銆傛帴鐫鏂板缓鍥惧眰锛屼娇鐢ㄣ愭き鍦嗛夊尯銆戝伐鍏锋寜浣忋怱hift...
  • 鐢ps鍒朵綔鎻掔敾鏂版墜鍏ラ棬-ps鏂版墜鎬庝箞浣滃浘銆備粠鍝璧
    绛旓細ps鎵嬬粯鎻掔敾鏁欑▼姝ラ姝ラ璇︽儏锛PS鎵嬬粯鎻掔敾鐩殑鏄敾涓涓槬鑺傛皼鍥寸殑绂忚锛屾牳蹇冪煡璇嗙偣鏄綋绉殑濉戦狅紝鏁翠綋姘涘洿鐨勬妸鎺э紝浣跨敤鍒扮殑宸ュ叿鏄痯s锛坈c2014锛夊拰鏁颁綅鏉跨浉缁撳悎銆傛墦寮杞欢PS锛屻怌trl+N銆戞柊寤轰竴涓敾甯冿紝鎺ョ潃鏂板缓鍥惧眰锛屼娇鐢ㄣ愮敾绗斿伐鍏枫戝厛缁樺埗鍑虹敾闈㈢殑鑽夊浘绾挎潯銆傛帴鐫鏂板缓鍥惧眰锛屼娇鐢ㄣ愭き鍦嗛夊尯銆戝伐鍏锋寜浣忋怱hift...
  • ps濡備綍灏鎻掔敾鍙樻垚鍍忕礌椋庢牸-鎬庝箞鎶婂浘鐗囧彉鎴愬儚绱犵敾?
    绛旓細涓婇潰鐨勫銆侀珮銆佸垎杈ㄧ巼銆侀鑹叉ā寮忋佽儗鏅唴瀹归兘鍙互璋,鐐瑰紑涓嬮潰鐨勯偅涓几缂╃鍙枫傚氨鏄鑹查厤缃枃浠跺拰鍍忕礌闀垮姣旂殑閫夐」銆傝缃ソ杩欎簺浜,浣犵殑闂灏卞簲璇ヨВ鍐充簡銆傞棶棰樺叓:濡備綍鎶婄収鐗囪浆鍖栨垚鍍忕礌鐢绘晥鏋滈檺瀹氶鑹叉湁鍋挎眰鏁欒繖涓笉鏄PS鍋氱殑鍚с傝繖涔熶笉鏄礌鎻忔晥鏋,绱犳弿灏辨槸杞墜缁樺摝浜层傞棶棰樹節:杩欐牱鐨勭収鐗囨庝箞鍋?姹鏁欑▼,...
  • ps鍦烘櫙鎻掔敾鏁欑▼-ps鎵嬬粯鎻掔敾鏁欑▼姝ラ
    绛旓細绗洓姝ワ細浣跨敤璺緞閫夋嫨宸ュ叿锛岄変腑涓涓浘褰紝鍏抽棴鎻忚竟锛屼负鍏跺~鍏呯伆鑹诧紝閫夋嫨鍏朵粬鍥惧舰锛屼互姝ゅ畬鎴愮被浼兼搷浣滐紝寰楀埌鏁翠綋鐨勬槑鏆楀叧绯伙紝瀵逛富瑕佺墿浣撳~鑹诧紝閫傚綋璋冩暣涓涓嬮ケ鍜屽害鍜屾槑搴︿綔涓哄熀鏈壊锛岀劧鍚庝娇鐢ㄦ笎鍙樻ā寮忔寜鐓у厜鐓ф柟鍚戝榻愯繘琛屽~鑹层ps鎵嬬粯鎻掔敾鏁欑▼姝ラ姝ラ璇︽儏锛PS鎵嬬粯鎻掔敾鐩殑鏄敾涓涓槬鑺傛皼鍥寸殑绂忚锛屾牳蹇冪煡璇嗙偣鏄...
  • 骞抽潰鎻掔敾ps-鐢PS濡備綍鐢绘彃鐢,姹傛楠!
    绛旓細3.鏀惧湪鏍戝共鍥惧眰鐨勪笅闈,鍚堝苟鍥惧眰,澶氬鍒跺嚑妫垫爲銆4.璋冩暣涓涓嬫爲鐨勫ぇ灏,璁╂爲鏄惧緱鏇存湁灞傛鎰熴5.鍦ㄥ悗闈㈢敾涓婁竴浜涘皬鏄熸槦,鍐嶇敾涓涓笎鍙樼殑澶ф湀浜6.鍙互鏍规嵁涓汉鍠滃ソ娣诲姞涓浜涘皬鍔ㄧ墿鐨勫壀褰,姝ゆ椂鎻掔敾鍒朵綔鍗冲彲瀹屾垚銆ps鎻掔敾鏁欑▼ ps鎻掔敾鏁欑▼ Ps缁樺埗鎻掔敾鏁欑▼濡備笅:1銆侀紶鏍囧弻鍑荤數鑴戞闈㈢殑ps鍥炬爣,杩涘叆鍒皃s鎿嶄綔涓荤晫闈;...
  • 鎻掔敾绗斿埛鏁欑▼-鐢PS濡備綍鐢绘彃鐢,姹傛楠!
    绛旓細ps鎻掔敾鏁欑▼ ps鎻掔敾鏁欑▼濡備笅:1銆侀紶鏍囧弻鍑荤數鑴戞闈㈢殑ps鍥炬爣,杩涘叆鍒皃s鎿嶄綔涓荤晫闈2銆佺偣鍑荤晫闈笂鏂圭殑鈥滄枃浠垛濋夐」,鍦ㄥ脊鍑虹殑涓嬫媺妗嗕腑閫夋嫨鈥滄柊寤衡,灏嗘柊寤虹獥鍙d笅鐨勨滈璁锯濊涓衡滃浗闄呮爣鍑嗙焊寮犫,杈撳叆闇瑕佺殑楂樺害銆佸搴﹀拰鍒嗚鲸鐜,鈥滆儗鏅唴瀹光濅负鐧借壊,鐐瑰嚮鈥滅‘瀹氣濄3銆佺偣鍑诲彸渚у浘灞傞潰鏉夸笅鏂圭殑鈥滄柊寤哄浘灞傗濆浘鏍,...
  • 鐢荤瑪鎻掔敾-ps鎵嬬粯鎻掔敾鏁欑▼姝ラ
    绛旓細ps鎵嬬粯鎻掔敾鏁欑▼姝ラ姝ラ璇︽儏锛PS鎵嬬粯鎻掔敾鐩殑鏄敾涓涓槬鑺傛皼鍥寸殑绂忚锛屾牳蹇冪煡璇嗙偣鏄綋绉殑濉戦狅紝鏁翠綋姘涘洿鐨勬妸鎺э紝浣跨敤鍒扮殑宸ュ叿鏄痯s锛坈c2014锛夊拰鏁颁綅鏉跨浉缁撳悎銆傛墦寮杞欢PS锛屻怌trl+N銆戞柊寤轰竴涓敾甯冿紝鎺ョ潃鏂板缓鍥惧眰锛屼娇鐢ㄣ愮敾绗斿伐鍏枫戝厛缁樺埗鍑虹敾闈㈢殑鑽夊浘绾挎潯銆傛帴鐫鏂板缓鍥惧眰锛屼娇鐢ㄣ愭き鍦嗛夊尯銆戝伐鍏锋寜浣忋怱hift...
  • ps鎻掔敾鏁欑▼鏄鎬庢牱鐨?
    绛旓細鎻掔敾鏁欑▼濡備笅銆傞鍏堬紝鍒涘缓涓涓柊鏂囦欢澶у皬涓1200*800鍍忕礌锛岃儗鏅负榛戣壊銆傜劧鍚庯紝鏂板缓灞備娇鐢ㄧ敾绗斿伐鍏疯缃笉閫忔槑搴︿负30%锛屽湪鐢诲竷涓婄粯鍒朵竴浜涢攬杩圭殑绾圭悊銆傛墦寮浜虹墿鐓х墖锛屼娇鐢ㄩ挗绗斿伐鍏锋部鐫鑴搁儴鍋氫竴涓矾寰勶紝鐐瑰嚮鍙抽敭閫夋嫨寤虹珛璺緞銆備笅杞戒竴浜涚瑪鍒凤紝閫夋嫨涓涓瑪鍒凤紝浣跨敤鈥滄鐨摝鈥濆伐鍏峰湪鑴镐笂鎿﹂櫎鐥曡抗銆傞夋嫨鍥惧眰闈㈡澘涓嬫柟鐨勨...
  • ps鎬庝箞鎻掔敾椋庢牸-ps鎻掔敾鏁欑▼
    绛旓細瀹冩ā绯婁簡鎽勫奖甯堛鎻掑浘鐢诲鍙婂浘褰㈣璁″笀涔嬮棿鐨勭晫闄,鐜颁粖鍙鏈夋墠鑳,瀹屽叏鍙互鍦ㄥ悓涓鍙扮數鑴戜笂瀹屾垚杩欎笁绉嶅伐浣溿ps鎻掔敾鏁欑▼ ps鎻掔敾鏁欑▼濡備笅:1銆侀紶鏍囧弻鍑荤數鑴戞闈㈢殑ps鍥炬爣,杩涘叆鍒皃s鎿嶄綔涓荤晫闈2銆佺偣鍑荤晫闈笂鏂圭殑鈥滄枃浠垛濋夐」,鍦ㄥ脊鍑虹殑涓嬫媺妗嗕腑閫夋嫨鈥滄柊寤衡,灏嗘柊寤虹獥鍙d笅鐨勨滈璁锯濊涓衡滃浗闄呮爣鍑嗙焊寮犫,杈撳叆...
  • 扩展阅读:ps制作2.5d场景插画 ... 双人互动插画图片视频教程 ... 照片一键生成线条画 ... photoshop免费网站入口 ... 免费ai生成图片网站 ... 真实双人插画两人高清 ... 把照片一键生成插画 ... ps如何把照片变成插画 ... 照片一键生成简笔画生成器 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网