用Photoshop画一把3D雨伞

Trevin是WebFX的业务开发高级总监。他参与过450多个营销活动,20多年来一直在建设网站。他的作品被《搜索引擎土地》、《今日美国》、《快公司》和《公司》推荐。

预览

这就是我们将在本教程中创建的内容。预览

步骤1:设置文档

创建一个新的512px * 512px画布和填充背景层的阴影灰色(# 666666).与传统的白色背景相比,灰色背景会让我们更清楚地看到我们的作品。

设置文档提示:为了帮助你画出对称的形状并使完美的对齐,在画布的中心创建两个参考线。

步骤2:创建伞柄形状

从工具面板中选择钢笔工具(P)绘制一个类似手柄的形状,如下图所示。设置文档在图层面板中双击伞柄图层,打开图层样式对话框,为伞柄添加一些图层样式。

添加一个内阴影图层样式,设置如下:设置文档继续添加内发光图层样式,建议设置如下所示。设置文档接下来,添加一个水平方向的渐变叠加——这将给伞柄它的木质纹理,三维形状。设置文档这是添加图层样式后的伞柄。

设置文档

第三步:给伞柄涂上条纹

让我们在伞柄上画一些细节,让它看起来尽可能接近一把真正的伞。我们将在手柄上创建1px水平条纹;许多雨伞都有这样的条纹,以帮助使用者更好地抓住伞柄。在当前层的顶部创建一个新层(Ctrl/Cmd + Shift + N)。

Ctrl/Cmd +点击手柄形状层来加载周围的选区。移动选区4 px用移动工具(V)和你的键盘方向键。用黑色填充所选区域(# 000000).

选择仍然加载,按键盘上的向上方向键移动选择1 px向上现在,点击Delete键清除选区下方的区域。把伞柄涂上条纹与条纹仍然选中,复制它(Ctrl/Cmd + C),并粘贴(Ctrl/Cmd + V)它在图层上几次,使更多的条纹,移动复制的条纹在伞柄,使所有它们彼此相等的间隔(约5 px他们之间是好的)。

把伞柄涂上条纹改变条纹图层的混合模式为柔和的灯光并将其不透明度降低到约30%把伞柄涂上条纹作为一个额外的触摸,给条纹一个投影图层样式,使用下面的建议设置。把伞柄涂上条纹

第四步:画伞柄的顶部

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

画伞柄的顶部现在,在图层面板中双击椭圆形图层,打开图层样式对话框,添加两个图层样式。首先,你可以添加一个投影图层样式,给形状一些深度。画伞柄的顶部然后给形状一个渐变叠加来匹配我们的句柄的渐变。

画伞柄的顶部画伞柄的顶部新建一个图层,命名为,我将在本教程的后面提到),并将其放在椭圆形状层的下面。按Ctrl/Cmd +单击椭圆层加载一个选区周围,然后移动选区1 px使用向下箭头键向下。现在填充(Ctrl/Cmd + F5)选择的黑色(# 000000).

在不取消选择的情况下,将选区向下移动1px,再次用黑色填充。一直这样做,直到你得到一个5像素厚的形状。画伞柄的顶部在创建形状后,给它一个渐变叠加图层样式,使用如下所示的建议设置,给我们的手柄的顶部一个漂亮的3D外观,与木手柄相匹配。

画伞柄的顶部画伞柄的顶部

第五步:给顶部的手柄做一个微妙的阴影效果

创建一个新层,并把它放在“厚”层下面。Ctrl/Cmd +点击“thick”图层,在它周围做一个选区,然后移动选区2 px下来。用深棕色填充(Ctrl/Cmd + F5)选定的区域(# 1 a0b00).

给顶部手柄一个微妙的阴影效果现在在图层上应用一个运动模糊滤镜(滤镜>模糊>运动模糊),角度为90o的距离3 px。按Ctrl/Cmd + F(滤镜>最后滤镜)以相同的设置重新应用相同的运动模糊滤镜。使用矩形选框工具(M),删除层的部分,位于手柄之外。正如你所看到的,我们给了顶部手柄一点阴影,使我们的伞的照明真实-是这些细节,真正的成就或破坏一个绘画作品。

给顶部手柄一个微妙的阴影效果

第六步:制作伞杆

在工具面板中选择矩形工具(U),创建一个如下所示的形状。将此形状图层命名为"(从现在开始,我就这么称呼它)。制作伞杆给“极点”形状图层一个渐变叠加图层样式,由深色阴影组成。

制作伞杆正如你所看到的,一个简单的梯度叠加给了我们的杆一个3D金属效果,这是与伞柄一致的。制作伞杆选择“极点”形状图层,点击图层>,添加图层蒙版>显示全部。使用矩形选框工具(M),如图所示拖动一个选区,并填充为灰色(# 828282).

制作伞杆您可以使用不同深浅的灰色来调整所选部分的不透明度。制作伞杆

第七步:画伞的伞盖

我们教程的下一步是雨伞的伞盖(或“帘子”),这部分可以遮挡雨水(或太阳,取决于你如何使用雨伞)。在本教程中,我将使用五个面板来完成伞的窗帘。

开始绘制冠层,首先创建一个新图层组(Ctrl/Cmd + G),命名为“布料”。用ps的钢笔工具(P)在窗帘的左中间面板上画一个形状,如下图所示。这就是你的ps参考线可以派上用场的地方。画伞的伞盖接下来,我们将使用两种图层样式为面板上色。

让我们使用内阴影图层样式在面板内部设置一个阴影(建议设置如下)。画伞的伞盖接下来,我们将给面板的蓝色阴影使用渐变叠加图层样式,设置如下。画伞的伞盖当你添加一个渐变叠加,样式选项设置为径向,你会注意到渐变亮度的中心默认位于面板的中间。

为了解决这个问题,当你仍然在渐变叠加对话框中,点击并按住画布上的面板来移动径向渐变的中心;把它移到窗帘的右下方。下面显示的是我们的窗帘的左中间面板看起来像我们上面应用的两个图层样式。画伞的伞盖

步骤8:复制顶棚的面板

使用钢笔工具(P)制作两个面板。

画伞的伞盖画伞的伞盖每个面板的图层样式都是灵活的,所以在得到你喜欢的效果之前,可以使用它们。例如,你可以改变内阴影的不透明度和径向渐变叠加的位置,因为你认为合适。画伞的伞盖画伞的伞盖为了完成天篷,需要在我们的画布的右侧添加一个翻转副本。

我们为左侧面板制作的图层组使这项工作更加容易。而不是复制所有三个面板图层,我们在左侧,只需右键单击“窗帘”组并选择重复组从出现的上下文菜单。在图层面板中选择复制组,按Ctrl/Cmd + E将所有可见图层合并为单个图层。

现在去编辑>转换>水平翻转,重新定位复制的面板,然后向右移动,完成我们的树冠的形状。画伞的伞盖

第九步:在柱子上添加阴影

有必要在伞杆上添加一个阴影,使它看起来像伞篷在它上面投下阴影。为了添加阴影,在“极点”层上面创建一个新层,并按Ctrl/Cmd +点击“极点”层,在它周围加载一个选区。

从工具面板中选择渐变工具(G),然后选择黑色、白色梯度预设。创建如下所示的渐变,从顶部开始。设置图层的混合模式为并将其不透明度降低为95%

画伞的伞盖画伞的伞盖

步骤10:绘制雨棚顶部

在窗帘上面创建一个新层,并在上面画一个垂直的小矩形。绘制天篷顶部给它同样的渐变叠加在“极点”层上。这里的一个快捷方式是右键单击“极点”层,然后选择复制图层样式E来自上下文菜单。

从“pole”图层复制图层样式后,右键单击矩形被绘制的图层,然后选择粘贴图层样式绘制天篷顶部创建一个新层,然后在顶部添加一个深灰色椭圆形状,如下所示。绘制天篷顶部创建一个新层,并使用钢笔工具(P)绘制一个形状,将作为雨棚顶部的基础。

绘制天篷顶部使用下面建议的设置给树冠的底部一个内阴影图层样式。绘制天篷顶部为了完成冠层的基础,添加另一个图层样式——渐变叠加,设置如下所示。绘制天篷顶部绘制天篷顶部添加一个微妙的阴影来保持灯光的一致性。

绘制天篷顶部

步骤11:在手柄的底部添加阴影

让我们通过给手柄一个漂亮的细节触摸来完成我们的绘图:一个投影。创建一个新层,并把它放在handle层下面。选择椭圆选框工具(M),用黑色(# 000000)。

在手柄的底部添加一个阴影降低图层的不透明度为70%.我们将在这个阴影层上应用三个滤镜:

  • >模糊>动态模糊(角度:0距离:30 px
  • >模糊>动态模糊(角度:0距离:30 px
  • >高斯模糊(半径:1.5 px

在手柄的底部添加一个阴影

结论

就是这样!在本教程中,我们使用一些基本的Photoshop形状和钢笔工具画了一把伞。

我们在绘图中使用了许多图层样式来上色。我们使用各种技术添加了一些逼真的灯光效果,比如阴影。我希望您喜欢本教程,并从中学到一些新东西。

如果本教程启发了你,请分享到设计指导Flickr组池

下载源文件

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!