android 画笔压痕效果,【自制样机教程】如何用Ps做一个压痕效果的Logo样机

小编又来啦

不知道上次的游记大家看的怎么样

今天再给你们介绍一个logo的样机

b8c4c656fd5e3e771357bca84a548a43.png

这次的教程主要用到了图层样式

来看看怎么做吧

————————————

4357780751d976d00fee2ce670fc10a7.png

通过本次的教程学习,你会锻炼到Ps的波纹滤镜以及图层样式的综合应用。

1、绘制过程详解

图层样式的效果很多,经常做UI的小伙伴们应该非常熟悉了,配合图层样式的综合应用,可以达到意想不到的惊人效果。

477527b5e44479428b4b86dd22eed494.png

首先来打开我提供给你们的那个纹理的背景图

e5373b126168994cf24551f4eb6d3ccc.png

然后把那个透视的图直接拖进纹理那个画布中,这个图的作用就是帮助我们找准透视的位置。

d321b5391a1b62c68007521a92a041d7.png

接着用矩形工具画一个大概跟透视的黑框框差不多的矩形,差不多就行,或者你们就直接参考我输入的大小。

8b329871cdf9e8dc87406b704a333e69.png

画好看看大小,差不多大就可以。

60724f94e5d8afdce7ed89d7cb65710a.png

然后记得很重要的一步,先把这个矩形转成智能对象,否则后面的步骤就都是白做啦^_^

e595990af75b72a71287371ea504882d.png

然后“Ctrl+T”一下,按住“Ctrl”拖拽四个端点,与画面中我们那个黑色的透视图形做参考,拖拽好后确认。

746ca4903c50e504cde16e32723c255a.png

接着我们就可以双击这个智能对象的缩略图了,进入智能对象中。

14d21993a08cb4ed4a5901babf8d50aa.png

找一个你们喜欢的logo图形拖进来,记得关闭或删掉背景那个矩形框框,调整好logo的大小后直接保存智能对象,返回。

afae1e8c30fd9965004bd77577c28c23.png

这样我们看到画面已经被智能对象自动更新好了。

2fec29c745c2770a337654e7265d04aa.png

接下来我们来做一下准备工作,先把智能对象层的“填充”减为0,然后复制出两个,将下面两个副本分别命名为效果1和效果2,然后将这两个来一个“Ctrl+G”编组,剩下那个就命名为“双击替换”,记得关掉前面的眼睛哦,因为它存在的价值就是为了用户能方便的双击去编辑智能对象,所以它没必要显示。

d7ca6b65545db0693771382511396589.png

准备工作做好后,我们就开始来编辑吧,双击效果2这个图层的缩略图,打开它的图层样式编辑面板,我们先添加一个“斜面浮雕”,具体参数详见上图设置。

d74746049a7909cd28d5fe842a7c68fb.png

“斜面浮雕”应用后的效果

b40dcba5f9da55d8cc2c47fdae7d17b5.png

接着来添加“内阴影”效果,参数设置依旧按照图上的进行调整就好了。

1b6b741aa31258cedf54a44d40741ec2.png

“内阴影”效果应用后的效果,已经有一点点雏形了,接着继续。

4f0e643466a9600abb78d38b58ffa90a.png

再添加一个“光泽”效果,参数如图设置,注意一下等高线那里可以按照我的曲线去调整,主要是靠曲线加大光泽的对比,大概就行。

5761e203dce90ede74d8804f67381e85.png

“光泽”应用后的效果如上图

1ea1f42035a1cad28d5a5705a4638bdf.png

继续添加“渐变叠加”,依旧按上图参数设置,渐变效果也可以参考我的参数。

caa61a7f9025efb7793431ad21b7cad5.png

“渐变叠加”后的效果如上图

8b7c05ca6b0234f775debd54881059ff.png

再添加一个“投影”,注意一下曲线的设置,要更大一点的对比。

b8921c3948f0c08613b1a8de707c7df2.png

到这里这个效果2图层的样式就添加完了,看看效果是不是还可以了,接着我们处理一下细节。

331af31375a0cf2d6dcf0144146da4f6.png

到“滤镜 > 扭曲 > 波纹“,波纹大小设置“小”,数量给50,如果你们觉着效果不明显的可以增大波纹数量。

413891d17895fbe013e23111a99166ed.png

接着就是添加一个“高斯模糊”了,稍微让边缘柔和一点点就好了。

a5d14ebcc38744b8bca4fc59c2ae3bb0.png

然后我们打开效果1图层的图层样式面板,直接添加一个“投影”效果,参数还是参考我的设置就好了。

002eb549b27fd356e1f2d58f12023480.png

设置完成效果1图层的“投影”后的样子如上图。

86fdcefe4b0b1c9803a63952447cdbf1.png

接着再来重复一下“波纹”和“高斯模糊”滤镜,应用到效果1图层上,参数设置参考我的吧。

7f1576fd2297b74ef37867b92dda3e04.png

做到这步,我们的样机效果就搞定啦,是不是很简单很高效呢。

e47be9e62bf830e85f6efb3f62db80db.png

来看看最后完成的图层面板,对照一下。你们做完后,可以直接保存好这个PSD了,下回再贴logo效果的时候,可以拿它出来试试,效果不错呢。

2、总结一下今天的重点

2cad3224455b78c7679413790f14daef.png

————————————

很多这种logo样机的制作方法都大同小异

基本都是利用了图层样式的综合应用效果

你们学了后

也可以自己动手试试

说不定能做出更好的

fae5071051dad85ab0b4c77f904495aa.png

小编先去忙咯

咱们下期见

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值