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

news/2025/3/5 4:43:05/

小编又来啦

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

今天再给你们介绍一个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

小编先去忙咯

咱们下期见


http://www.ppmy.cn/news/812483.html

相关文章

计算机ps相框怎么做,如何在PS中制作相框?在PS中制作相框的具体方法

软件大小: 151MB 软件版本: 6.4.3.0 软件类型: 图片处理 查看详情 直接下载 有的用户还不熟悉photoshop中的一些操作,例如如何在PS中制作相框?下文就是小编给大家分享的在PS中制作相框的具体方法。 photoshop制作简约的相片相框的…

ps切图怎么做成html,PS切图怎么导出网页 PS切图怎么生成源代码

PS切片工具切出来的切图可怎么导出网页?PS切图怎么生成源代码?PS切片的网址和源代码功能在PS切片的编辑功能里,添加URL地址,切片存储为WEB所有格式,优化存储结果保存成“HTML和图像”或者“仅HTML”。这样保存出来的切片就是网页的图片,带有源代码功能。下面来看看PS切图…

图像处理——简单浮雕效果和倒影效果实战

一、浮雕效果 【原理:】每个像素的RGB值都设置为该位置的初始值减去其右下方第二的像素的差,最后统一加上128用于控制灰度,显示出类似浮雕的灰色。这样处理的思路是,将图像上的每个点与它的对角线的像素点形成差值,这…

字体凹陷效果html,在PS中,想做凹进去的效果,怎么做?例如文字凹进木板中?...

回答: 1、新建(CTRLN)600x500ps白色背景。然后,选择滤镜—杂色—添加杂色,弹出添加杂色对话框。 2、在弹出的杂色对话框中,数量设为40,分布设为平均分布,颜色设为单色。选择滤镜—模糊—动感模糊&#xff0…

ps怎么制作流体_PS制作流体效果的字体

在用Photoshop表现各种反光材质的时候,我们一般都会选择金属、塑料、玻璃等对光反射比较强烈的材质。这一次,我们来试试用水——这种最普通不过的东西,来表现一种反光强烈、闪亮和透明的表面效果。 步骤 1、首先,在Photoshop中新建…

java 浮雕效果,制作逼真缝线牛皮文字效果的PS教程

教程由两部分构成:牛仔布补丁和牛皮字。两部分制作方法也非常类似,过程:先用选区等截取想要的纹理,用图层样式加上初步的浮雕效果,然后缩小选区,增加描边,缝纫的线条等即可得到初步的效果&#…

计算机ps相框怎么做,计算机学前班第五课--PS做相框

用Ps给相片加上艺术相框,制作方法介绍: 一、自制新相框。 1、在Photoshop新建一个文件,尺寸可以根据情况自定,背景为白色。 2、选择矩形选框工具,在选项栏上选择样式为固定长宽比,然后将宽度和高度分别设为10和8,也就是宽度和高度的比为10比8。 3、在画布的中央位置上绘…

html单元格浮雕效果,怎样用PS做出这种凹面浮雕效果?

回答: 1、首先打开PS的斜面浮雕看下一些基本的参数,和会达到的效果,简单总结就是给图形添加一个模拟角度的光影,让图形呈现立体感。 2、打开AI,添加素材,先做反光效果边缘。选中图层在外观面板里面添加一个…