Photoshop绘制精美的复古风格书本图标(6)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:阿布

关键词

第29步

画笔时间!把前景色设为#d2a756,然后使用钢笔工具,你要把它设为形状图层。然后新建一个图层,用你的钢笔工具画一个这样的形状。

Photoshop绘制精美的复古风格书本图标

很好,现在来添加图层样式。

Photoshop绘制精美的复古风格书本图标

Photoshop绘制精美的复古风格书本图标

好了,你应该得到一个类似这样的东西。

Photoshop绘制精美的复古风格书本图标

第30步

把刚才做好的形状图层重命名为”Pen Body Gold”。然后再次使用钢笔工具在”Pen Body Gold”上面新建一个图层并画一个这样的形状。

Photoshop绘制精美的复古风格书本图标

接下来图层样式。

Photoshop绘制精美的复古风格书本图标

Photoshop绘制精美的复古风格书本图标

把它重命名为”Pen Body Silver”,然后现在在所有图层顶端新建一个图层,用钢笔工具(P)画一个这样的小环。

Photoshop绘制精美的复古风格书本图标

图层样式啦。

Photoshop绘制精美的复古风格书本图标

Photoshop绘制精美的复古风格书本图标

Photoshop绘制精美的复古风格书本图标

第31步

好了,你的图像现在差不多是这样。

Photoshop绘制精美的复古风格书本图标

把小环形状重命名为”Ringlet”。复制这个”Ringlet” 图层,然后移动到上面去,像这样

Photoshop绘制精美的复古风格书本图标

现在万里长征就差最后一步了!让我们来做笔尖。新建一个图层,放在”Pen Body Silver”下面,使用钢笔工具画个这样的形状。

Photoshop绘制精美的复古风格书本图标

好,现在把他重命名为”Pen Tip”然后右键单击”Pen Body Gold”图层,选择复制图层样式。回到 “Pen Tip” 图层,右键单击并选择粘贴图层样式。然后进入笔尖的混合样式选项,在渐变叠加中,把缩放改为31,就像这样。

Photoshop绘制精美的复古风格书本图标

第32步

在 “Pen Tip” 图层上新建一个图层,使用椭圆工具。把前景色设为#593f11,并把椭圆工具设为填充像素模式。画一个这样的椭圆。

Photoshop绘制精美的复古风格书本图标

然后使用直线工具 (U) ,同样是填充像素模式,粗细为1px,画一条这样的线。

Photoshop绘制精美的复古风格书本图标

把这个图层命名为”Details Pen Tip”。很好,现在你的图像看起来就是这样的了。

Photoshop绘制精美的复古风格书本图标

第33步

现在我们要给钢笔的笔尖添加阴影。在图层面板按住Command/Ctrl并单击”Pen Tip” 和 “Details Pen Tip” 图层,然后合并它们。把图层重命名为”Pen Tip”然后在上面新建一个图层。把这个新图层转换为”Pen Tip”的剪贴蒙版,把这个图层设成正片叠底模式。把前景色改为#6a5428,然后使用画笔工具,设为硬圆6、7px大小的笔刷,画一个影子。

Photoshop绘制精美的复古风格书本图标

好了,降低图层的不同明度,看着好看就行啦。

Photoshop绘制精美的复古风格书本图标

第34步

现在可以合并你的图层了。还有一件事没做:你看,我们的笔现在是个幽灵啊!他没有影子!!所以就让我们来赋予它生命吧,我们不能用一支幽灵笔写字对吧?好了,现在在你钢笔的图层下面新建一个图层,设为正片叠底模式。把前景色设为#663316,然后按住Command/Ctrl并单击所有跟笔有关的图层略缩图,以创建整只笔的选区。

Photoshop绘制精美的复古风格书本图标

现在使用油漆桶工具 (G)填充选区,取消选择。按Command/Ctrl + T来这么给它变形。

Photoshop绘制精美的复古风格书本图标

然后编辑 > 变换 > 扭曲。

Photoshop绘制精美的复古风格书本图标

接下来,让我们使用涂抹工具(R),把硬度设为80%,硬圆笔刷,强度大约30%,模式为正常。看到那些映在书页和书封上的影子了吗?在自然情况下,你可以拿一本书和一支笔,看一下它的影子,你会发现影子有一种“台阶”的感觉。所以我们也要给我们的影子一点“台阶”!轻轻拖动涂抹工具,像这样(你可能需要放大来做这个)。

Photoshop绘制精美的复古风格书本图标

现在好多了是吧。现在你可以把那些跑到书外面的影子都删掉。然后使用模糊工具 (R),设置不用动(尺寸大约30px),轻轻处理我们的影子,离得越远越模糊(还记得我们之前说过的吗?)。现在重命名图层为 “Shadow Pen”然后,大功告成!

Photoshop绘制精美的复古风格书本图标

最终图像

Photoshop绘制精美的复古风格书本图标

 收藏