怎么把ps字体弄成金箔(ps如何制作烫金文字效果)

金箔文字效果

#pgc-card .pgc-card-href { text-decoration: none; outline: none; display: block; width: 100%; height: 100%; } #pgc-card .pgc-card-href:hover { text-decoration: none; } /*pc 样式*/ .pgc-card { box-sizing: border-box; height: 164px; border: 1px solid #e8e8e8; position: relative; padding: 20px 94px 12px 180px; overflow: hidden; } .pgc-card::after { content: " "; display: block; border-left: 1px solid #e8e8e8; height: 120px; position: absolute; right: 76px; top: 20px; } .pgc-cover { position: absolute; width: 162px; height: 162px; top: 0; left: 0; background-size: cover; } .pgc-content { overflow: hidden; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pgc-content-title { font-size: 18px; color: #222; line-height: 1; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pgc-content-desc { font-size: 14px; color: #444; overflow: hidden; text-overflow: ellipsis; padding-top: 9px; overflow: hidden; line-height: 1.2em; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pgc-content-price { font-size: 22px; color: #f85959; padding-top: 18px; line-height: 1em; } .pgc-card-buy { width: 75px; position: absolute; right: 0; top: 50px; color: #406599; font-size: 14px; text-align: center; } .pgc-buy-text { padding-top: 10px; } .pgc-icon-buy { height: 23px; width: 20px; display: inline-block; background: url(https://lf1-cdn-tos.bytescm.com/obj/cdn-static-resource/pgc/v2/pgc_tpl/static/image/commodity_buy_f2b4d1a.png); }

设置前景色为#f07d6d,背景色为#5e231b,然后执行滤镜>渲染>云彩。这些颜色有助于创建铜质纹理,但是如果你想获得不同的结果,那你可以选择其他颜色。

执行滤镜>滤镜库>扭曲>玻璃,参数设置如下:

再次选择玻璃滤镜,但是这次我们使用以下的设置:

添加一个色相/饱和度调整层,创建剪贴蒙版,参数如下:

创建一个色阶调整层,创建剪贴蒙版,参数如下:

接下来,我们就要把纹理图层变成一个无缝图案了。按CTRL ALT SHIFT E,盖印图层。

接下来,我们所需要做的就是把这个图案变成一个无缝图案了,什么是无缝图案,其实我们有做过好几个无缝图案的教程,直白一点的说,就是一个无缝衔接的图案,拼贴边框四周的图案都应该完美地无缝贴合,也就是说,如下图中的上下、左右方向的图案都要是互相贴合的。

所以,接下来,我们需要改变的就是让图案四周的图案都能完美地无缝贴合。我们首先做的就是让上下方向的图案无缝贴合。用矩形选框工具,随便选择一个矩形,CTRL J复制一层。

选择住这个新复制出来的图层的选区,反选,回到图案图层,再次复制一层。

从我们的截图中,大家可以很直观的知道,图层9的下部和图层10的上部,那就是一个无缝贴合。OK,我们现在把所有图层隐藏,把图层9下移,图层10上移,然后给图层9添加一个蒙版,用圆角柔边画笔过渡。

把图层9和图层10合并,现在我们的图层,上下方向就是完美无缝贴合的了。接下来,跟刚才方法一样,我们来做左右方向的无缝贴合。用矩形选框工具,随便选择一个矩形,CTRL J复制一层。

同样的,选择住这个新复制出来的图层的选区,反选,回到图案图层,再次复制一层。

OK,删掉图层9,它没用了,现在图层10的右边和图层11的左边那就是一个完美贴合。下面,我们把图层10右移,图层11左移,然后给图层10添加一个蒙版,用圆角柔边画笔来过渡。

把图层10、图层11合并,然后载入选区,CTRL C复制,新建文档,CTRL V粘贴,执行编辑>自定图案,将其定义为自定义图案。

下面,我们继续,在素材包中找到我提供的那个纹理素材,放到文档中,纹理有点小,CTRL T拉大点。

我添加了一个色相/饱和度调整层,将纹理颜色修改为暗红色。

接下来,添加文本,文本的字体是我在素材包中提供的Hensa字体。

接着,我们给文本添加图层样式。

复制一层这个文本,右键清除图层样式,将填充修改为0,再重新添加一个图层样式。(如果是高版本的朋友,直接忽略这个,直接添加第二个图层样式)

是不是超级简单,金箔的效果有没有,最终效果。

#pgc-card .pgc-card-href { text-decoration: none; outline: none; display: block; width: 100%; height: 100%; } #pgc-card .pgc-card-href:hover { text-decoration: none; } /*pc 样式*/ .pgc-card { box-sizing: border-box; height: 164px; border: 1px solid #e8e8e8; position: relative; padding: 20px 94px 12px 180px; overflow: hidden; } .pgc-card::after { content: " "; display: block; border-left: 1px solid #e8e8e8; height: 120px; position: absolute; right: 76px; top: 20px; } .pgc-cover { position: absolute; width: 162px; height: 162px; top: 0; left: 0; background-size: cover; } .pgc-content { overflow: hidden; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pgc-content-title { font-size: 18px; color: #222; line-height: 1; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pgc-content-desc { font-size: 14px; color: #444; overflow: hidden; text-overflow: ellipsis; padding-top: 9px; overflow: hidden; line-height: 1.2em; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pgc-content-price { font-size: 22px; color: #f85959; padding-top: 18px; line-height: 1em; } .pgc-card-buy { width: 75px; position: absolute; right: 0; top: 50px; color: #406599; font-size: 14px; text-align: center; } .pgc-buy-text { padding-top: 10px; } .pgc-icon-buy { height: 23px; width: 20px; display: inline-block; background: url(https://lf1-cdn-tos.bytescm.com/obj/cdn-static-resource/pgc/v2/pgc_tpl/static/image/commodity_buy_f2b4d1a.png); } #pgc-card .pgc-card-href { text-decoration: none; outline: none; display: block; width: 100%; height: 100%; } #pgc-card .pgc-card-href:hover { text-decoration: none; } /*pc 样式*/ .pgc-card { box-sizing: border-box; height: 164px; border: 1px solid #e8e8e8; position: relative; padding: 20px 94px 12px 180px; overflow: hidden; } .pgc-card::after { content: " "; display: block; border-left: 1px solid #e8e8e8; height: 120px; position: absolute; right: 76px; top: 20px; } .pgc-cover { position: absolute; width: 162px; height: 162px; top: 0; left: 0; background-size: cover; } .pgc-content { overflow: hidden; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pgc-content-title { font-size: 18px; color: #222; line-height: 1; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pgc-content-desc { font-size: 14px; color: #444; overflow: hidden; text-overflow: ellipsis; padding-top: 9px; overflow: hidden; line-height: 1.2em; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pgc-content-price { font-size: 22px; color: #f85959; padding-top: 18px; line-height: 1em; } .pgc-card-buy { width: 75px; position: absolute; right: 0; top: 50px; color: #406599; font-size: 14px; text-align: center; } .pgc-buy-text { padding-top: 10px; } .pgc-icon-buy { height: 23px; width: 20px; display: inline-block; background: url(https://lf1-cdn-tos.bytescm.com/obj/cdn-static-resource/pgc/v2/pgc_tpl/static/image/commodity_buy_f2b4d1a.png); }
(0)

相关推荐

  • wps怎么把字体弄成弧形

    我们有时候需要对wps中的文字字体进行设置,那么wps怎么把字体弄成弧形呢?下面就来介绍一种wps中把字体设置为弧形的方法,希望对你有所帮助. wps怎么把字体弄成弧形 01 第一步:打开一个空白的w ...

  • 电脑怎么使用PS来制作描边文字效果

    photoshop就是我们平常所说的PS 了,我们可以借助PS俩帮助我们设计字体,今天小编就告诉大家电脑怎么使用PS来制作描边文字效果.具体如下:1. 首先我们打开电脑,然后在电脑中打开PS.进入主界 ...

  • 如何利用PS软件中的提取选区功能制作特效文字

    我们在PS软件中,可以借助提取选区的功能,制作特效文字,今天就跟大家介绍一下如何利用PS软件中的提取选区功能制作特效文字的具体操作步骤.1. 首先打开电脑上的PS软件,进入主页面后,选择新建一个空白图 ...

  • 怎么制作爆炸文字效果 ps文字爆炸效果

    爆炸的效果是电影中经常用到的,夏夏在这里就给大家介绍下爆炸文字效果的制作方法.先是建立好文字,利用套索工具,给去建立不同的选区,移开制作成断裂的效果,然后用笔刷制作出粉末的效果. 下面跟夏夏一起来看下 ...

  • ps怎样制作积雪文字效果?

    ps这款超级厉害的软件,可以对图片进行神奇的处理,是Adobe公司的核心软件之一.今天这篇指南就为大家讲授如何使用ps制作积雪文字效果,希望对你有所帮助. 操作方法 01 新建图层: 运行PS,新建一 ...

  • 如何通过PS制作图片文字效果

    ps在平面设计里功能是非常强大的,我们在使用该软件做设计时常常需要使用文字,下面我们就来看看使用ps是如何制作图片文字效果的吧. 操作方法 01 在桌面上找到ps的快捷图标,双击打开ps这款软件,进入 ...

  • 如何使用ps制作金边文字效果

    如何使用ps制作金边文字效果呢?下面,就让小编给大家介绍一下吧. 操作方法 01 首先,我们需要打开我们电脑的ps软件(鼠标左键双击桌面上的ps快捷方式或者是鼠标右键再选择打开都是可以的). 02 打 ...

  • 怎么用ps软件制作地毯文字效果

    怎么用ps软件制作地毯文字效果呢?下面,就让小编给大家介绍一下吧. 操作方法 01 首先,我们需要打开我们电脑的ps软件(鼠标左键双击桌面上的ps快捷方式或者是鼠标右键再选择打开都是可以的). 02 ...

  • 如何利用ps制作塑料文字效果

    利用图层样式制作塑料文字效果,现在就分享制作的步骤和截图,本仅供参考使用. 操作方法 01 首先启动Photoshop cs5,新建一个文档,大小为600*400,分辨率为200,背景为白色. 02 ...

  • 怎样利用PS制作烫金文字?

    photoshop制作烫金文字是我在平时的学习中琢磨出来的,希望能对大家有帮助. 步骤/方法 01 步骤/方法1.按Ctrl+n或者点击文件--新建命令建立一文件,名称自己字,宽度和高度按需要确定,我 ...