在Photoshop中制作一个3D铅笔和纸图标

Trevin是WebFX业务开发的高级总监。他参与了450多个营销活动,并在20多年的时间里创建了网站。他的作品被搜索引擎之地,今日美国,快速公司和公司推荐。

预览

铅笔和纸图标在Photoshop

资源

  • 字体:Adine Kirnberg剧本:David Rakowski

步骤1:设置文档

创建一个新的Photoshop文档(Ctrl/Cmd + N),设置如下图所示。步骤1:设置文档为方便起见,通过选择整个画布(Ctrl/Cmd + a),然后使用填充命令(Ctrl/Cmd + F5)来填充默认的背景层。同时,在画布的中心放置一些参考线,以帮助你做出对称的形状。

步骤2:创建纸张图标

为了保持文档的组织,创建一个新的图层组,其中将包含纸张图标;你能说出它的名字。”文档”。白色(# ffffff)作为前景色,然后选择矩形工具(U)。创建一个白色矩形形状(使用下图作为参考)。

创建纸张图标给这个矩形图层添加投影图层样式;你可以在图层面板中双击形状图层,打开图层样式对话框窗口。创建纸张图标另外,添加一个内发光图层样式。创建纸张图标第三个也是最后一个图层样式,你想应用的是一个标准的黑白-渐变叠加。

创建纸张图标 创建纸张图标

第三步:在纸上写上一些文字

用水平文字工具(T)选择一个你喜欢的字体。在本教程中,我使用了一种名为Adine Kirnberg Script的书法字体。在字符面板(窗口>字符),设置您的字体设置如下所示。

把一些文字写在纸上继续选择水平文字工具,点击并拖动一个矩形,如下图所示;这样做可以定义文本的边界。把一些文字写在纸上接下来,粘贴(Ctrl/Cmd + V)一些虚拟文本,例如Lorem Ipsum文本或你随手就有的文本。把一些文字写在纸上当你完成了文字,进入图层>,输入>转换为形状。

复制文本层(Ctrl/Cmd + J),并降低复制的文本层的不透明度为40%

第四步:在Document图层组上使用Free Transform命令

假设我们刚刚创建的纸张层和文本层都在Document图层组中,在图层面板中选择该图层组。选择Document图层组,点击编辑>变换>旋转。旋转文档15o顺时针(CW)。

在Document图层组上使用Free Transform命令

第五步:画铅笔的笔尖

现在我们已经完成了纸张图标,是时候转移到铅笔图标了。为了保持条理,并使纸张图标不会分散你的注意力,隐藏“文档”图层组,并在其上面新建图层组,命名为“铅笔”。用钢笔工具(P),创建一个三角形的形状,其尖端向下,如下所示。

画铅笔的笔尖接下来,添加一个渐变叠加图层样式到铅笔的尖端。画铅笔的笔尖另外,在铅笔的顶端添加描边图层样式。画铅笔的笔尖 画铅笔的笔尖

第六步:制作笔尖的木质部分

创建一个新层,然后使用矩形选框工具(M)在新层上执行一个矩形选区,位于画布上铅笔尖的上方。矩形选区完成后,用任意颜色填充(Edit > fill)所选区域。制作笔尖的木制部分为了给矩形添加颜色,我们将使用渐变叠加图层样式。

制作笔尖的木制部分 制作笔尖的木制部分接下来,在矩形的顶部创建一个新的空白图层,然后合并这两个图层(Ctrl/Cmd + E)。这将使形状变平,这样当我们变换它时,图层样式不会移动。选择合并的图层,点击编辑>变换>视角,并将任何较低的角拖到中间,创建一个三角形的形状。

制作笔尖的木制部分

第七步:画出铅笔的笔杆

使用钢笔工具(P)创建一个矩形,如图所示。画铅笔的笔杆给形状一个黄金色渐变叠加。画铅笔的笔杆 画铅笔的笔杆复制图层(Ctrl/Cmd + J),点击编辑>变换>水平翻转。

将复制的图层移动到铅笔的对面,在图层面板中双击该图层并编辑渐变叠加设置,使反向选项被选中,从而反转其渐变叠加图层样式。画铅笔的笔杆用钢笔工具(P)在我们刚刚画的两个矩形的中间用任何前景色画一个相似的形状。画铅笔的笔杆要给新的矩形形状一些颜色,添加以下渐变叠加选项设置。

画铅笔的笔杆为了给轴一个漂亮的3D外观,使它看起来像一个标准的黄色铅笔,应用描边图层样式的形状。画铅笔的笔杆 画铅笔的笔杆

步骤8:制作铅笔的橡皮擦

现在我们将通过创建橡皮擦来移动铅笔。要创建橡皮擦的形状,首先选择圆角矩形工具(U),并设置其半径选项为60像素.画一个圆角矩形,如下图所示,刚好在铅笔杆的上方。

制作铅笔的橡皮擦给橡皮一个3D的外观和感觉,这是一致的图标的其余部分使用渐变叠加层样式。制作铅笔的橡皮擦给橡皮一个3D红粉色浮雕使用内阴影图层样式。制作铅笔的橡皮擦 制作铅笔的橡皮擦

步骤9:在橡皮擦周围画一条银色的带子

我们要创建的下一个元素是包裹在橡皮上的金属带。创建一个新图层,然后选择矩形选框工具(M)。创建一个矩形选框,形状像一个带,然后用任意颜色填充它(如下所示)。

在橡皮周围画一条银色的带子给填充矩形区域一个内阴影。在橡皮周围画一条银色的带子要给带它的金属色,使用渐变叠加不同深浅的灰,白,黑。在橡皮周围画一条银色的带子 在橡皮周围画一条银色的带子

第十步:给带添加阴影

为了使铅笔风格化,并给它一些细节,我们将在金属带的底部投射一个微妙的阴影。首先,创建一个新层,并把它放在“band”层的下面。Ctrl/Cmd +点击图层面板中的“band”图层,在它周围创建一个选框。

移动选定的字幕2 px用向下箭头键。接下来,用黑色填充选区(# 000000)在新创建的图层上。填充选框选区后,取消选择它(Ctrl/Cmd + D)。

给带添加阴影应用滤镜>模糊>运动模糊填充选框选区设置如下所示。给带添加阴影 给带添加阴影复制一个带有运动模糊的图层(Ctrl/Cmd + J),并将复制的图层的不透明度降低为50%给带添加阴影

第11步:在带子上做脊纹

我们将继续工作的金属带添加更多的细节到它。首先,创建一个新图层,然后使用矩形选框工具(M)创建两个1像素的选区;把上面的填充成黑色(# 000000)和底部的白色(# ffffff).给带添加阴影在图层面板中选择图层>,添加图层蒙版>显示全部。

在图层蒙版上应用反射的白到黑渐变,如下图所示。给带添加阴影降低图层的不透明度为80%所以有一点金属带穿过脊纹。给带添加阴影通过多次复制(Ctrl/Cmd + J)创建这个“ridge”图层的副本。

使用移动工具(V)对复制的图层进行如下所示的定位。给带添加阴影

步骤12:完成图标

完成我们的纸和笔图标,我们将组成和定位我们的图标。首先取消隐藏Document图层组。右键单击“铅笔”图层组,并在出现的上下文菜单中选择“复制组”。

隐藏原来的“Pencil”图层组(我们将保留它作为备份副本,以防您以后想要编辑它)。选择复制的“Pencil”组,按Ctrl/Cmd + E合并其中的所有图层。把铅笔缩小到大约70%使用编辑>变换>缩放命令或自由变换(Ctrl/Cmd + T)命令。

然后旋转它60o使用编辑>变换>旋转命令或自由变换(Ctrl/Cmd + T)命令。使用移动工具(V)定位铅笔在画布上的一个位置,看起来对你很好。完成的图标完成纸和笔的图标,给铅笔一个漂亮的阴影使用投影图层样式。

完成的图标 完成的图标

结论

她就写了这么多!在本教程中,我向您展示了如何创建一个漂亮的纸和3D铅笔图标,您可以在各种应用程序中使用。我们介绍了使用基本的Photoshop工具和命令创建纸和铅笔的许多技术。

我们应用了一些图层样式来获得铅笔上的3D效果,并使用了一些聪明的Transform命令来使我们的绘图更快、更均匀。我希望你喜欢这个教程,如果它在任何方面启发了你,请随时向我们展示你的作品设计指导Flickr组结论

下载源文件

WebFX职业

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

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