打造一枚写实的皮包图标【PS教程】

小编:感谢@P大点S为我们带来的写实皮包图标教程。最终效果图看上去很真实、细腻,而且教程写的也很仔细,感觉大家跟着学习一遍会进步很大,就算不懂图层样式的做完了应该也了解的差不多了吧。嘿嘿…文章结尾处还为大家提供了psd和素材。大家记得下载来研究一下。

今天的教程是一个图标教程,一个写实的皮包图标,同样的,应用最多的依旧是图层样式,在教程发布的同时,我们提供一个PSD供大家参考!

我们的最终效果:

下面,教程开始!

在正式做图标之前,需要先自定义一个图案。

首先新建一个1000×1000的画布,填充颜色#c5ab90,然后【滤镜】-【杂色】-【添加杂色】,给图层添加7%的杂色。完成之后,【编辑】-【自定义图案】添加一个图案,命名为【磨砂纹理】

准备工作做好了,开始画皮包~

新建一个1000×1000的画布,填充一个从#d9d5cf到#9c8c7e的径向渐变。

建一个512×512,半径为90的圆角矩形,并添加图层样式,其中【图案叠加】叠加的是刚才新建的【磨砂纹理】

CTRL+J复制一层刚才的圆角矩形,CTRL+T并按住ALT+SHIFT等比缩小,然后再给这个图层添加一个投影。

画一个竖着的矩形,居中摆放,并添加图层样式。

画一条细线,紧贴竖矩形的右边缘,添加图层样式

将这个线条复制一层,移动到竖矩形的左侧,将【投影】角度改为0°

复制一层较小的圆角矩形(图层【中】),清除图层样式,用布尔运算裁掉上半部分,并填充颜色#372715

给这个形状添加图层样式,其中【图案叠加】叠加的是【皮革纹理】(素材包中有提供)

CTLR+J复制一层之前画的竖线(图层【左】),CTRL+T旋转为横线,放到皮革的上边缘。

调节颜色和投影,做成这个样子~

把这条横线复制一层,在形状工具下将线条改为虚线

调整图层颜色和投影,做成以下效果

将刚才做的实线和虚线一起建组(CTRL+G),添加一个图层蒙版,然后在蒙版上拉一个渐变

然后新建一个图层,添加一个黑白渐变

按住CTRL较小的圆角矩形(图层【中】)的选区,加一个蒙版,把多余的地方隐藏掉。然后将混合模式改为【柔光】不透明度改为60%

中间部分的效果已经完成了,建议把除了【底面】和【背景】以外的图层一起建一个组。

将【底面】图层复制一层,调整形状,更改图层样式

将刚才的图层【盖】再复制一层,调整大小,修改图层样式。

再复制一层,将形状改为虚线,然后拷贝之前做的【虚线】图层的图层样式,粘贴到这个虚线图层上,修改图层样式。

调整图层顺序,把【上虚线】图层移动到【上】图层的下面。

然后通过布尔运算做出以下白色形状。

栅格化图层,【滤镜】-【高斯模糊】给予适当的模糊度,并调节图层透明度,用图层蒙版隐藏掉多余的部分,做出如下效果。

皮包的整体形状已经有了,接下来做皮带和金属扣。

用圆角矩形工具画一个下图的形状,并填充颜色#c5ab90,记得将这个图层移动到刚才做的【上高光】图层的下面

将前面【皮革层】的图层样式拷贝过来,适当调节图层样式,用蒙版隐藏掉多余的形状,得到如下效果

用之前做虚线的办法,再做一条虚线

在皮带上画一个黑色的小圆,然后复制一个小圆,用布尔运算画一个圆环,填充颜色# c5ab90。

这里最好不要用图层描边的方式做圆环。如果一定要这么做,就必须要把圆环栅格化,才能继续后面的步骤。

将【虚线】图层的图层样式拷贝过来,粘贴给【环】图层,适当调节,做出以下效果

将【环】和【孔】一起建组,复制组,排列成以下效果

画一个矩形,利用变形做出以下形状,并填充颜色#c5ab90。

将【皮革层】的图层样式拷贝过来,适当调节,并添加一个【渐变叠加】

在【横扣】右边画一个圆,添加图层样式

复制一个【圆扣】到左边。再复制一个【横扣】图层到下面,调节形状,做成以下效果。

用布尔运算画出金属扣的形状,再将【圆扣】的图层样式拷贝过来,适当调节

关于这个金属扣,我自己是画了一个圆,然后将下面的锚点拖上去,并调节锚点的手柄,得到了这个形状。

做出金属扣之后,用图层蒙版隐藏掉下面的那条边,然后用之前做高光的办法,给金属扣被皮带盖住的部分加点阴影

画一个瘦长的矩形,将【金属扣】的图层样式拷贝过来

给这个图层添加一个蒙版,在蒙版上拉一个黑白渐变

然后皮包就大功告成了~

pdadians

作者:P大点S

(0)

相关推荐

  • 绘制一枚经典的写实日历图【PS教程】

    写实图标流行时,这几类效果很受欢迎(绳索.金属环.纸边撕裂等),今天这个教程把这些效果全收了,也是以前特别经典的一个日历图标,虽然现在是扁平化时代,不过写实图标这部分,新手最好掌握起来.把这个练完,绝 ...

  • 教你临摹一枚超写实的录音带【PS教程】

    小编:今天解答团的@小桐给大家分享临摹一个写实的录音带.本人一直是一个怀旧的妹子,东西旧了都很少会扔,老是在废物利用中.忽然想到之前翻到的教程是录音机的,差了个录音带~有时候怀旧也是没有坏处,至少知道 ...

  • 教你快速打造极具质感的金属字(ps教程)

    大家平时都看到过一些海报里面电影名字都非常有质感,不得不感叹设计师的功力,不必羡慕,今天小编就教大家用ps制作质感金属字,方法就是先定义图案,然后在图层样式里面使用图案和表现字体的质感,从而完成最终效 ...

  • 快速打造游戏场景云的气氛(PS教程)

    在很多的网页设计中都可看到关于云的素材使用,借助它可以给画面添加飘渺灵动或大气磅礴的感觉.今天这篇教程的作者会教大家如何通过PS,"捏出"一些造型酷炫的云朵素材效果,那么准备好素材 ...

  • 用ps打造三维层状块的效果(ps教程)

    药!药!药!今天给大家带来的是3d教程,什么?不会3dMax,没关系,咱不用3d软件.用的软件就是我们天天使用的photoshop,哈哈,前提是你的ps软件不是绿色版的,因为绿色版木有3d功能啊,完整 ...

  • 打造细腻光感抽象渐变背景[PS教程]

    前言:工具的两面性 渐变应该是这两年的一个视觉风格趋势,将扁平化的平涂填色改为渐变以后,瞬间灵动了不少.在追逐渐变的过程中,我们都很高兴能在PS或AI这类软件中看到有渐变工具,这个工具为我们的创作带了 ...

  • 绘制一枚精致的筹码图标【PS教程】

    今天来一枚精致的筹码图标临摹教程,作者@Vivi_vina是优设基础训练营的同学,想入行设计的新同学,前期的大量临摹是必不可少的,不多说,这类教程后记得练习呦. 文章来源:优设

  • 快速打造超炫星空特效(ps教程)

    寂静的夜晚总是充满神秘感,不管是夜空中最亮的星,还是躲在云朵下最温柔的月牙,总是能让我们浮躁的心灵回归平静.从学习 UI设计那天开始,就一直追求超炫的特效,小编今天教大家用photoshop快速打造超 ...

  • 5分钟打造iCloud图标(PS教程)

    临近新年,过年的气氛越来越浓了,大家学习UI的热情不能减啊,贵在坚持哦.今天给大家带来的教程是绘制一枚iCloud图标,这次我新加入了图层分解图,看起来更加一目了然,因为大家学了这么久了,颜色值那些我 ...