Photoshop鼠绘教程:绘制属于自己的钢铁侠头像

作者:佚名 出处: 作者:口袋q翻译 这篇教程没有什么难点,主要考验了大家对钢笔工具的熟练程度,以及一点点耐心。步骤有些多,大家可以分几次做,做到倒数第2步的时候效果就出来了。关于渐变的颜色建议大家先不要参考给出的数值,可以看看原图分析下是用的线性渐变还是径向渐

Photoshop绘制精致台式电脑图标

Photoshop绘制精致台式电脑图标 作者: 李东博 教程 来源:天极设计在线 在本篇教程中,我们将学习如何用Photoshop画一个精美的图标,画面上是一个台式机显示器与主机,最终效果下图所示 。 四个大小各异的图标 具


作者:佚名   出处:
Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图 作者:口袋q翻译

这篇教程没有什么难点,主要考验了大家对钢笔工具的熟练程度,以及一点点耐心。步骤有些多,大家可以分几次做,做到倒数第2步的时候效果就出来了。关于渐变的颜色建议大家先不要参考给出的数值,可以看看原图分析下是用的线性渐变还是径向渐变?用了哪几种颜色?

 

先看看最终效果图

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(1)

下面开始教程步骤

新建1280×1024 px像素的文档,这样你可以把成品做为自己的桌面。填充一个深黑色背景。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(2)

首先我们要绘制钢铁侠头像的轮廓。按CTRL+R调出标尺,按下图绘制几条参考线(这一步随意吧,不用追求比例,你可以做一个矮胖矮胖的钢铁侠)。如果参考线没有出来,可能是你的ps设置隐藏了参考线,按CTRL+;显示参考线。

使用路径工具,尽量绘制出一个跟下面图片中一样的轮廓。(可以先只绘制左半部分的路径,然后按A切换到路径选择工具,按住Alt拖动路径,这样就复制了一条路径,然后把复制的路径水平翻转,在与前一个路径对齐就可以了。因为等下要大量重复这个步骤,建议把这一步记录到一个动作中。)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(3)

按Ctrl+Enter将路径转化为选区,在图层中填充任意颜色,然后把填充调为0%,双击图层,添加内阴影、渐变叠加样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(4)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(5)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(6)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(7)


下面的步骤基本上与前面相同。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(8)

绘制上图路径,填充、填充0%,添加图层样式内阴影、渐变叠加(注意是径向渐变)。内阴影用来模拟金色材质的高光效果。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(9)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(10)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(11)


绘制下图的形状,添加图层样式:投影、外发光、渐变叠加、描边。注意下各个图层排列顺序。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(12)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(13)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(14)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(15)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(16)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(17)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(18)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(19)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(20)


绘制上图的路径,填充颜色,填充0%。添加图层样式:渐变叠加。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(21)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(22)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(23)

接着我们要绘制钢铁侠的下颚部分。同样是绘制下图的路径,填充颜色,填充0%。添加图层样式:渐变叠加。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(24)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(25)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(26)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(27)


然后绘制耳朵。步骤同上,添加图层样式:渐变叠加。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(28)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(29)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(30)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(31)

把刚绘制的耳朵图层复制一份,水平翻转,调到右边去。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(32)

接着继续完成下颚部分,注意下图层顺序。绘制路径,填充#2C0603颜色

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(33)


绘制脸部的侧面。路径有些复杂,可以先把大致的路径点出,然后在具体修改。完成路径后填充任意颜色,填充0%,添加渐变叠加样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(34)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(35)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(36)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(37)


把刚刚绘制的脸颊部分复制一份,水平翻转,放到脸部的另一边。添加一个深色的渐变叠加样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(38)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(39)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(40)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(41)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(42)


现在绘制下颚的最下面的部分。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(43)

 

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(44)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(45)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(46)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(47)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(48)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(49)


我们需要在嘴巴那添加一点深色来表现嘴巴的空间感。用路径勾出下图形状填充深黑色。(我是直接用画笔图的)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(50)

下一步将绘制头部的另一个元素。按U选择矩形工具,把图层放在金色图层下面,添加渐变叠加样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(51)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(52)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(53)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(54)


按U使用矩形工具画一个细小的矩形,填充0%。添加渐变叠加样式

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(55)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(56)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(57)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(58)

在细线图层下面新建一个空白图层。按住Ctrl键点击这两个图层,Ctrl+E合并这两个突出。用自由变形工具,将细线移动到下图的位置。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(59)

按Ctrl+J复制细线图层,像下图同样移动到头部的右上角。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(60)


接着为头部添加一些高光。创建一个圆形选区,填充颜色,填充0%,不透明度33%。添加渐变叠加样式

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(61)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(62)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(63)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(64)


参照下图,按P键使用钢笔工具制作另一个部分。添加内阴影、渐变叠加、描边样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(65)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(66)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(67)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(68)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(69)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(70)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(71)


接下来我们将绘制眼睛部分。先用拉出几条参考线,控制眼睛的位置和比例。然后使用钢笔工具勾出眼睛的形状,并填充黑色。添加投影、内阴影、描边样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(72)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(73)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(74)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(75)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(76)


添加了图层样式后,是不是看着有点感觉了?下面就是画龙点睛的一步了,绘制发光的眼睛。根据下面图层绘制路径,填充白色,用外发光、内发光样式来模拟晕光效果。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(77)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(78)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(79)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(80)

把眼睛图层复制一份,移动到右边。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(81)


这一步绘制出脸部的轮廓高光部分。使用钢笔工具绘制下面路径,填充任意颜色,填充0%。添加投影、描边样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(82)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(83)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(84)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(85)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(86)




作者:佚名   出处:
Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图 作者:口袋q翻译

这篇教程没有什么难点,主要考验了大家对钢笔工具的熟练程度,以及一点点耐心。步骤有些多,大家可以分几次做,做到倒数第2步的时候效果就出来了。关于渐变的颜色建议大家先不要参考给出的数值,可以看看原图分析下是用的线性渐变还是径向渐变?用了哪几种颜色?

 

先看看最终效果图

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(1)

下面开始教程步骤

新建1280×1024 px像素的文档,这样你可以把成品做为自己的桌面。填充一个深黑色背景。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(2)

首先我们要绘制钢铁侠头像的轮廓。按CTRL+R调出标尺,按下图绘制几条参考线(这一步随意吧,不用追求比例,你可以做一个矮胖矮胖的钢铁侠)。如果参考线没有出来,可能是你的ps设置隐藏了参考线,按CTRL+;显示参考线。

使用路径工具,尽量绘制出一个跟下面图片中一样的轮廓。(可以先只绘制左半部分的路径,然后按A切换到路径选择工具,按住Alt拖动路径,这样就复制了一条路径,然后把复制的路径水平翻转,在与前一个路径对齐就可以了。因为等下要大量重复这个步骤,建议把这一步记录到一个动作中。)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(3)

按Ctrl+Enter将路径转化为选区,在图层中填充任意颜色,然后把填充调为0%,双击图层,添加内阴影、渐变叠加样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(4)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(5)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(6)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(7)


下面的步骤基本上与前面相同。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(8)

绘制上图路径,填充、填充0%,添加图层样式内阴影、渐变叠加(注意是径向渐变)。内阴影用来模拟金色材质的高光效果。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(9)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(10)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(11)


绘制下图的形状,添加图层样式:投影、外发光、渐变叠加、描边。注意下各个图层排列顺序。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(12)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(13)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(14)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(15)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(16)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(17)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(18)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(19)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(20)


绘制上图的路径,填充颜色,填充0%。添加图层样式:渐变叠加。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(21)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(22)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(23)

接着我们要绘制钢铁侠的下颚部分。同样是绘制下图的路径,填充颜色,填充0%。添加图层样式:渐变叠加。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(24)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(25)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(26)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(27)


然后绘制耳朵。步骤同上,添加图层样式:渐变叠加。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(28)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(29)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(30)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(31)

把刚绘制的耳朵图层复制一份,水平翻转,调到右边去。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(32)

接着继续完成下颚部分,注意下图层顺序。绘制路径,填充#2C0603颜色

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(33)


绘制脸部的侧面。路径有些复杂,可以先把大致的路径点出,然后在具体修改。完成路径后填充任意颜色,填充0%,添加渐变叠加样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(34)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(35)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(36)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(37)


把刚刚绘制的脸颊部分复制一份,水平翻转,放到脸部的另一边。添加一个深色的渐变叠加样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(38)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(39)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(40)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(41)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(42)


现在绘制下颚的最下面的部分。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(43)

 

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(44)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(45)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(46)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(47)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(48)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(49)


我们需要在嘴巴那添加一点深色来表现嘴巴的空间感。用路径勾出下图形状填充深黑色。(我是直接用画笔图的)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(50)

下一步将绘制头部的另一个元素。按U选择矩形工具,把图层放在金色图层下面,添加渐变叠加样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(51)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(52)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(53)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(54)


按U使用矩形工具画一个细小的矩形,填充0%。添加渐变叠加样式

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(55)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(56)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(57)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(58)

在细线图层下面新建一个空白图层。按住Ctrl键点击这两个图层,Ctrl+E合并这两个突出。用自由变形工具,将细线移动到下图的位置。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(59)

按Ctrl+J复制细线图层,像下图同样移动到头部的右上角。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(60)


接着为头部添加一些高光。创建一个圆形选区,填充颜色,填充0%,不透明度33%。添加渐变叠加样式

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(61)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(62)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(63)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(64)


参照下图,按P键使用钢笔工具制作另一个部分。添加内阴影、渐变叠加、描边样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(65)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(66)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(67)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(68)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(69)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(70)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(71)


接下来我们将绘制眼睛部分。先用拉出几条参考线,控制眼睛的位置和比例。然后使用钢笔工具勾出眼睛的形状,并填充黑色。添加投影、内阴影、描边样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(72)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(73)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(74)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(75)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(76)


添加了图层样式后,是不是看着有点感觉了?下面就是画龙点睛的一步了,绘制发光的眼睛。根据下面图层绘制路径,填充白色,用外发光、内发光样式来模拟晕光效果。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(77)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(78)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(79)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(80)

把眼睛图层复制一份,移动到右边。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(81)


这一步绘制出脸部的轮廓高光部分。使用钢笔工具绘制下面路径,填充任意颜色,填充0%。添加投影、描边样式。

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(82)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(83)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(84)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(85)

Photoshop鼠绘教程:绘制属于自己的钢铁侠头像插图(86)



作者: 791650988

为您推荐