当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

ps鼠绘一个书本图标教程(12)

来源:优设网 作者:阿布 学习:7895人次

第31步

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

ps鼠绘一个书本图标教程

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

ps鼠绘一个书本图标教程

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

ps鼠绘一个书本图标教程

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

ps鼠绘一个书本图标教程

第32步

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

ps鼠绘一个书本图标教程

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

ps鼠绘一个书本图标教程

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

ps鼠绘一个书本图标教程

第33步

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

ps鼠绘一个书本图标教程

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

ps鼠绘一个书本图标教程

第34步

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

ps鼠绘一个书本图标教程

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

ps鼠绘一个书本图标教程

然后编辑 > 变换 > 扭曲。

ps鼠绘一个书本图标教程

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

ps鼠绘一个书本图标教程

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

ps鼠绘一个书本图标教程
最终图像

ps鼠绘一个书本图标教程

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
彭定2017-01-14 01:33
接住我的膝盖
小米粥爱发呆2016-09-06 09:31
厉害
无上限2014-09-20 04:09
厉害,英文版

关注大神微博加入>>

网友求助,请回答!