1. PS教程_三人行PS学堂首页
  2. 实例教程

PS手绘图文教程,手把手教你如何绘制遮阳伞

PS手绘图文教程,手把手教你如何绘制遮阳伞

在该教程中,利用PS巧妙的绘制一把3D遮阳伞,你可以作为一个icon图标或作为一幅作品的修饰部分。重点介绍一些优秀的,简单的技术在Photoshop中绘制设计元素。大部分的色彩和阴影是通过使用图层样式,让你可以根据自己的口味和需要改变保护伞。大部分的元素,可以通过使用各种形状,选择合理的方法绘制出来,但也将使用钢笔工具。

预览图:

PS手绘图文教程,手把手教你如何绘制遮阳伞

这就是我们将通过这个教程要绘制这个遮阳伞。

第1步:新建文件

新建512px *512px画布,灰色(#666666)阴影填充背景层。相比默认的白色背景,灰色的背景能让使操作效果更好。

PS手绘图文教程,手把手教你如何绘制遮阳伞

提示:为帮助绘制对称的形状,创建两个参考线在画布的中心。

第2步:创建伞手柄形状

选择钢笔工具(P),在工具面板中,绘制出手柄的形状,如下图所示

PS手绘图文教程,手把手教你如何绘制遮阳伞

双击图层,给伞处理一些图层双击它,在图层面板,打开图层样式对话框层。 添加内阴影图层样式,使用这些设置。

PS手绘图文教程,手把手教你如何绘制遮阳伞

继续添加内发光图层样式,如下所示的提示设置

PS手绘图文教程,手把手教你如何绘制遮阳伞

接下来,添加水平横向渐变叠加,给伞柄一个木质感,立体造型

PS手绘图文教程,手把手教你如何绘制遮阳伞

这是应用所有的图层样式之后的伞手柄形状

PS手绘图文教程,手把手教你如何绘制遮阳伞

第3步:给伞处理一些条纹

让我们借鉴手柄一些细节,使它看起来尽可能接近真实的太阳伞。我们将在手柄上画出1px的横条纹;许多雨伞都有这些条纹,帮助用户在手柄上有更好的抓杆力。然后,对当前图层上面(按Ctrl / Cmd的+ Shift + N),创建一个新图层。

按Ctrl/ Cmd+点击手柄形状图层上创建一个选区。

使用移动工具(V)和你的键盘上的箭头键,移动选区4PX。

对所选择的区域填充黑色(#000000)。

随着选区载入,按键盘上的向上箭头键移动选区1px。

现在,通过按Delete键清除选区外面的区域

PS手绘图文教程,手把手教你如何绘制遮阳伞

随着条纹仍处于选中状态,将它复制(按Ctrl / Cmd+ C)和粘贴(Ctrl键/Cmd+ V)几次,得到更多的条纹,移动复制的条纹,使得所有的条纹(约5像素合适)等间隔。

PS手绘图文教程,手把手教你如何绘制遮阳伞

改变条纹图层的混合模式为柔光,并降低其不透明度为30%左右

PS手绘图文教程,手把手教你如何绘制遮阳伞

使用上面的建议的设置给条纹添加投影图层样式

PS手绘图文教程,手把手教你如何绘制遮阳伞

第4步:绘制伞手柄顶部

从工具面板选择椭圆工具(U),在伞手柄的顶部画一个椭圆;确保绘制形状之前,设置前景色为黑色(#000000)

PS手绘图文教程,手把手教你如何绘制遮阳伞

现在,在图层面板中通过双击椭圆图层,打开图层样式对话框窗口中添加了几个图层样式。 首先,你可以添加投影图层样式给形状一定的深度。

PS手绘图文教程,手把手教你如何绘制遮阳伞

然后给椭圆图层一个渐变叠加,以配合我们处理的深度。

PS手绘图文教程,手把手教你如何绘制遮阳伞

PS手绘图文教程,手把手教你如何绘制遮阳伞

创建一个新的图层,命名为“厚度”,并将其放置在椭圆图层的下面。 按Ctrl / Cmd+点击椭圆图层上载入选区,然后使用向下箭头键移动选区1px。 现在填充(按shift+ F5)黑色(#000000)。再往下移动选择1px,并用黑色重新填充。一直做下去,直到你得到一个5像素厚度的形状。

PS手绘图文教程,手把手教你如何绘制遮阳伞

创建形状后,用下图所示的设置,给我们的手柄的顶部一个不错的3D外观、真实感极强的木柄,添加一个渐变叠加图层样式。

PS手绘图文教程,手把手教你如何绘制遮阳伞

第5步:给顶部的手柄一个微妙的投影效果

创建一个新图层,将其放置在“厚度”图层下面。 按Ctrl / Cmd+点击“厚度”图层载入选区,然后向下移动选区2px。 填充(按shift+ F5)一个深褐色的颜色(#1A0B00)

PS手绘图文教程,手把手教你如何绘制遮阳伞

现在在图层上应用模糊滤镜(滤镜>模糊>动感模糊),在90度的角度,以3PX的距离为准。 按Ctrl / Cmd+ F(滤镜>上次滤镜操作),使用相同的设置,重新应用相同的动感模糊滤镜。 使用矩形选框工具(M),清理外部多余的部分。正如你所看到的,我们已经给手柄顶部处理的有点阴影,使我们的伞更加现实,这些都是一些细节处理。

PS手绘图文教程,手把手教你如何绘制遮阳伞

第6步:制作伞骨

在工具栏选择矩形工具(U),并作出形状如下所示。 命名此形状图层为“伞骨”

PS手绘图文教程,手把手教你如何绘制遮阳伞

给“伞骨”形状图层,添加一个暗色调渐变叠加图层样式

PS手绘图文教程,手把手教你如何绘制遮阳伞

PS手绘图文教程,手把手教你如何绘制遮阳伞

正如你所看到的,一个简单的渐变叠加使我们伞杆有了3D的金属效果,它与伞的手柄一致。

PS手绘图文教程,手把手教你如何绘制遮阳伞

选中“伞骨”图层,点击图层>添加图层蒙版>显示全部。 使用矩形选框工具(M),拖动选区,如图所示,用灰色填充颜色(#828282)

PS手绘图文教程,手把手教你如何绘制遮阳伞

您可以使用不同的灰度来调整所选部分的不透明度。

PS手绘图文教程,手把手教你如何绘制遮阳伞

第7步:绘制伞面

我们的教程的下一个步骤是伞面(取决于你使用的遮阳伞)。首先创建一个新的图层组(按Ctrl / Cmd+ G),并将其命名为“伞面”绘制伞面。 如下图所示使用Photoshop的钢笔工具(P),在左边绘制半个伞面形状。

PS手绘图文教程,手把手教你如何绘制遮阳伞

接下来,我们将使用两个图层样式来修饰伞面。 让我们给伞面一个内阴影图层样式(如下图所示的设置)

PS手绘图文教程,手把手教你如何绘制遮阳伞

接下来,我们将给予伞面,采用蓝色色调的渐变叠加图层样式,如下设置

PS手绘图文教程,手把手教你如何绘制遮阳伞

PS手绘图文教程,手把手教你如何绘制遮阳伞

当您添加一个渐变叠加的样式选项设置为径向,你会发现,渐变的中心默认位于伞面的中间。为了解决这个问题,在渐变叠加对话框中,单击并保持面板显示,在画布上移动径向渐变的中心,移动到右下角为止。

下面显示的是我们左半部分伞面,看起来两个图层样式已经应用。

PS手绘图文教程,手把手教你如何绘制遮阳伞

第8步:重复伞面制作

请用钢笔工具(P)制作更多的伞面

PS手绘图文教程,手把手教你如何绘制遮阳伞

PS手绘图文教程,手把手教你如何绘制遮阳伞

每个伞面图层样式都很灵活,随意玩弄它们,直到得到你想要的效果。你可以根据你认为合适的,更改内阴影的不透明度以及径向渐变叠加的位置。

PS手绘图文教程,手把手教你如何绘制遮阳伞

PS手绘图文教程,手把手教你如何绘制遮阳伞

要完成一个完整的伞面,需要在右侧加一个水平翻转的伞面。我们前面做了左侧伞面的图层组,使这项工作变得更加容易。只需要在“伞面”组中单击鼠标右键,从出现的上下文菜单中选择复制组。

随着图层面板中选择重复组,按Ctrl/ Cmd+ E合并所有可见图层为单层。

点击编辑>变换>水平翻转重新定位重复的图层,然后将它们向右翻转完成伞面的形状。

PS手绘图文教程,手把手教你如何绘制遮阳伞

第9步:伞面添加投影

有必要增加一个投影伞杆,使其看起来像伞面上投下阴影。添加投影,在“伞骨”图层之上创建一个新图层,Ctrl/ Cmd+点击“伞面”图层载入选区。

从工具面板中选择渐变工具(G),然后选择预设的黑白渐变。创建渐变梯度如下所示,从顶部开始。

设置图层混合模式为正片叠底,并降低其不透明度为95%

PS手绘图文教程,手把手教你如何绘制遮阳伞

PS手绘图文教程,手把手教你如何绘制遮阳伞

第10步:绘制伞面顶部

创建一个新图层,在它的上面画一个小竖长方形。

PS手绘图文教程,手把手教你如何绘制遮阳伞

给它被用在“伞骨”图层相同的渐变叠加。这里的有一个快捷方式,就是对“伞骨”图层右击,然后从上下文菜单中复制图层样式。复制“伞骨”图层的图层样式后,在矩形绘制在图层上单击鼠标右键,然后选择粘贴图层样式。

PS手绘图文教程,手把手教你如何绘制遮阳伞

创建一个新图层,然后在上面添加一个暗灰色的椭圆形状,如下

PS手绘图文教程,手把手教你如何绘制遮阳伞

创建一个新图层,用钢笔工具(P),绘制一个形状,作为伞面顶部的衔接部分。

PS手绘图文教程,手把手教你如何绘制遮阳伞

使用下面的设置,给伞面衔接部分一个内阴影图层样式。

PS手绘图文教程,手把手教你如何绘制遮阳伞

要完成了伞面的效果,添加另一个图层样式渐变叠加,如下所示的设置

PS手绘图文教程,手把手教你如何绘制遮阳伞

添加一个微妙的阴影,以保持光影一致

PS手绘图文教程,手把手教你如何绘制遮阳伞

步骤11:添加阴影到手柄的基部

让我们通过给手柄一个很好触感来完成我们的制作:一个投影。创建一个新图层,并将其置于“伞柄”图层下面。

选择椭圆选框工具(M),填充黑色(#000000),如图

PS手绘图文教程,手把手教你如何绘制遮阳伞

降低图层的不透明度为70%。

我们将应用三个滤镜到这个阴影层:

滤镜>模糊>动感模糊(角度:0,距离:30像素)

滤镜>模糊>动感模糊(角度:0,距离:30像素)

滤镜>模糊>高斯模糊(半径:1.5px)

PS手绘图文教程,手把手教你如何绘制遮阳伞

最终效果图:

PS手绘图文教程,手把手教你如何绘制遮阳伞

源文件下载 :https://pan.baidu.com/s/1qXQ0Bfe

原创文章,作者:PS学堂,如若转载,请注明出处:https://www.ren3.cn/16847.htm

发表评论

电子邮件地址不会被公开。

联系我们

181-7282-8533

在线咨询:点击这里给我发消息

邮件:154526627@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code