金属字 – 设计之家 //www.laura-marie.com 传播先进设计理念 推动原创设计发展 Wed, 04 Dec 2019 15:11:02 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 Photoshop制作炫酷的金属字 //www.laura-marie.com/51928.html //www.laura-marie.com/51928.html#respond Wed, 04 Dec 2019 15:02:23 +0000 本文的文字效果都是用图层样式来完成的。首先选择好想要的文字,然后用多个图层样式,分别加上纹理、渐变、描边、投影、发光效果等;最后在底部加上适合的边框和背景。

最终效果

1、新建文件。打开PS软件,按Ctrl + N 新建文件,尺寸为1680 * 993像素,分辨率为72像素/英寸,然后点确定。

2、填充背景色。把前景色设置为黑色,选择油漆桶工具,在背景上点击一下填充黑色。


3、输入文字。在工具箱选择“横排文字工具”,然后在属性栏选择好字体,字体大小需要设置大一点,颜色为红色;在画布上点击一下输入文字,文字加好后按Ctrl + T 变形,稍微变斜一点。


4、设置图层样式。点击图层面板下面的图层样式按钮,选择投影,参数及效果如下图。

5、复制文字图层。按Ctrl + J 把当前文字图层复制一层,然后在文字缩略图后面鼠标右键选择“清除图层样式”,过程如下图。

]]> //www.laura-marie.com/51928.html/feed 0 PS打造金光闪耀砂粒金属字 //www.laura-marie.com/51294.html //www.laura-marie.com/51294.html#respond Tue, 27 Aug 2019 14:10:36 +0000 我们要制作的金属字效果更有点类似于流沙金的效果,给人的感觉更科幻一些,希望大家可以喜欢。

 在PS中打出7插入下载好的纹理,纹理可以在网上搜索下载。

 设置图层样式,描边样式的设置参数如下。

 给7增加厚度,注意复制时的走向,CTRL文字7的选区,填充,然后ALT加方向键复制。

 用画笔画出高光,挤压,滤色,同理画出暗部,可以尝试滤色,柔光,线性减淡都可以出效果。

 效果如下

 加入碎片素材,需要可以网上搜索碎片,可以尝试各种风格的碎片或者粒子,用叠加,滤色等模式融入。

 打开色彩饱和度调节下饱和度,根据自己的情况适当调节主体和粒子的饱和度。

 下面是色相/饱和度的参数。

 高反差保留的参数

 最后加入文案,再盖印一层,文案可以自由发挥,具体看自己做的了。

 下面就是完成之后的金光闪耀砂粒艺术字体效果图:

]]>
//www.laura-marie.com/51294.html/feed 0
利用PS图层样式制作金属字效果 //www.laura-marie.com/51224.html //www.laura-marie.com/51224.html#respond Tue, 13 Aug 2019 02:18:09 +0000 原教程是由来自拥有超过15年经验的平面设计师 Enrique Elicabe 的分享! P大点S的 笔碳之师 翻译重制!

在这个教程中,我们将向大家解释,如何使用 Photoshop 中的图层样式,快速创建一个金属文本效果。这是一个新手教程,大神可以绕路了!

所用素材资源

Strasua字体 来自 dafont 的分享!

CustomContoursMK.shc 等高线预设来自 Enrique Elicabe 的分享!

Dark_Pattern.pat 自定义图案来自 Enrique Elicabe 的分享!

(等高线预设和自定义图案是打包在一起的,两个链接是一样的,下载一个就可以了)

 

点击下载PSD文档+素材包  提取码:kih2

 

下面,我们开始!

 

一. 如何创建背景

步骤1

创建一个新文档(“ 文件”>“新建”)。

• 宽度:850像素

• 高度:500像素

• 分辨率:72 PPI

步骤2 

• 复制背景(转到图层>复制图层>确定)并将新图层重命名为“ 背景图案 ”。

步骤3

• 现在我们要为背景图层添加纹理。

• 双击 “ 背景图案图层 ”以打开图层样式窗口。转到图案叠加,然后单击在图案框中 ,选择新增暗花纹。按确定。

步骤4 

• 为了使背景看起来更好,我们将添加一个内阴影。您必须双击背景图案图层,并在出现图层样式窗口后,设置以下值。

二. 如何创建文本并对齐它

步骤1 

• 使用Strasua字体键入单词“Metalkid” 。

• 字体大小设置在100px。

步骤2

• 使用“ 移动工具”,选择文本图层和背景图层,然后单击 顶部菜单上的对齐命令以使文本居中。

• 水平对齐:中心

• 垂直对齐:中心

三. 如何创建文本效果

步骤1

在文本中添加图层样式 – 你必须在“ 图层”菜单中右键单击图层,然后选择“ 混合选项”。确保使用以下值并按“ 确定”。

步骤2

让我们从文字效果开始吧!首先,我们将添加一些阴影来将文本与背景分开。

转到图层样式>投影并使用下图中显示的值。

步骤3 

现在我们将创建一个渐变叠加层,它将为金属效果提供基础。再次打开“图层样式”并将“ 渐变叠加” 设置修改为以下值。

单击 渐变条 并使用以下设置创建渐变

提示:要在渐变中创建新点,必须在渐变条下单击。

单击每个色标可以修改 位置和颜色。

• 第一个颜色:#0d1117 • 位置:0%

• 第二个颜色:#a0a0a0 • 位置:25%

• 第三个颜色:#161a20 • 位置:50%

• 第四个颜色:#a0a0a0 • 位置:75%

• 第五个颜色:#0d1117 • 位置:110%

效果如下:

步骤4 

转到图层样式>内发光,并使用下面显示的设置使边缘变亮。

步骤5 

要开始创建3D外观,请转到图层样式>斜角和浮雕,然后使用以下值。

现在,我们安装我们所提供的等高线预设。点击光泽等高线的下拉图标,然后选择名为“ CustomContourMK01 ” 的等高线。

效果如下:

步骤6 

现在我们将强调高光和阴影,以使金属效果更真实。转到图层样式>光泽,并使用下面显示的设置。

单击等高线的下拉图标,然后选择名为“ CustomContourMK02 ” 的轮廓并按OK。

步骤7 

它差不多完成了。在最后一步中,我们将强调边缘和角落,使文本具有最终的3D外观。转到图层样式>描边,并使用下图中显示的值。

单击 渐变条 并使用以下设置创建渐变:

• 第一个颜色:#1a1b1e  • 位置:0%

• 第二个颜色:#7f7f7f    • 位置:50%

• 第三个颜色:#1a1b1e  • 位置:100%

最终效果如下:

]]>
//www.laura-marie.com/51224.html/feed 0
PS打造3D银色金属字效果 //www.laura-marie.com/51113.html //www.laura-marie.com/51113.html#respond Fri, 26 Jul 2019 18:30:23 +0000 今天我们讲述一下金属字的制作过程,主要使用PS图层样式来完成,希望朋友让我们一起来学习吧。

先看看效果图:

首先需要一张深色的背景图,可以选择某种质感,最好是皮质,能使得文字效果更好。

我们选择一种线条相对较粗的字体,我选择的是Copperplate Gothic字体,大家可以去百度下载。文字内容的,我选择的就是DUIA,大家可以自行发挥。

接下来我们要添加图层样式了,添加前,我们先复制当前文字图层,留着备用。

在文字图层上,我们首先添加斜面浮雕效果,增加文字厚度,突显立体感,具体数据如下。

由于文字本身颜色比较浅,所以效果不明显,接下来我们增加渐变叠加效果,让文字有些金属属性。

 为了强化金属感,增加描边效果。

已经有点样子了,但还是不够,我们再添加内发光和光泽效果,可以感受到金属的光感。

视觉效果在不断增强,由于金属性质已经加大了,就需要有外发光效果了。

并且文字的立体化很是明显,必然会有投影,我们再增加投影效果。

 由此立体金属字制作完成!

开玩笑的开玩笑的,这才哪到哪?!

文字的金属质感倒是很明显了,但不够锐利,金属的纹理性不强,我们就需要在复制的文字图层下手了。

首先我们还是添加斜面浮雕,但效果略有不同。

刻画出锐利的视觉感受,不过颜色上有点尴尬!

到这个时候,我们要想办法去掉色彩,但保留图层样式,这个问题很多人都要头疼了,不过方法其实很简单,只需要把图层面板中填充的值改为0即可,我们来看看效果。

这个地方大家要注意,很多同学只知道调节不透明度,却不知道调节填充。这里我解释一下,不透明度是针对整体图层进行显示效果的编辑,无论是图层样式还是图形本身效果,都可以控制;但填充,只针对图形本身的填充内容进行显示效果编辑,不影响图层样式的显示。这个方法有木有很简单实用,大家赶快学起来吧!

当然,这还不是最终效果,我们在复制的文字图层上添加图案叠加效果,增加文字的金属纹理。具体的图案大家可以自己寻找,最好是纹理性较强的金属背景。

最后,为了增强整体文字的层级效果,再次添加投影。

展示效果如下,已经做到金属性的特点,立体效果的文字了。

我们也可以添加一些点缀,找到一些发光点,使其文字发光性更自然。

这么添加未免太过于明亮,视觉效果反倒变差,我们调整图层模式为叠加,结合不同明度调节,使得整体更和谐。最终效果如下。

]]>
//www.laura-marie.com/51113.html/feed 0
用PS中的3D功能制作金属材质的文字 //www.laura-marie.com/50979.html //www.laura-marie.com/50979.html#respond Thu, 11 Jul 2019 19:25:24 +0000 PS中的3D功能很多同学不太会用,其实用对3D功能可以帮同学们在设计上制作出很多惊艳的作品,本篇教程通过PS中的3D功能制作一款金属质感的文字,教程是翻译教程,文中翻译的整体操作起来还是比较简单的,同学们可以根据教程来跟着练习一下,相信同学们可以做的更好,一起来学习一下吧。

效果图:

智能对象http://www.16xx8.com/tags/34209/"。

然后新建一个图层用颜色 #dbd7d2 填充当作背景。

步骤2

新建一个 "渐变映射"调整图层。

步骤3

使用如下所示的渐变填充, 然后选中 "仿色" 框。然后, 将调整图层的混合模式更改为 "颜色加深", 并将其不透明度更改为30%。

这将提高最终结果的着色方法。

完成:

由于属于翻译教程,同学们在制作的时候,需要多下点工夫去研究,要动手制作才可以学的的更好哟。

]]>
//www.laura-marie.com/50979.html/feed 0
PS制作黄金质感金属艺术字 //www.laura-marie.com/50720.html //www.laura-marie.com/50720.html#respond Sun, 02 Jun 2019 06:31:17 +0000 教程教程的过程非常的详细,主要使用图层样式来完成的,感兴趣的朋友可以一起来学习!

先看看效果图

01、打开PS,打开背景图片,选择Impact字体,尺寸250PX,打MISS,调整好位置

02、双击图层打开图层样式。投影参数如下图:重点部分【角度:90,勾掉全局光;混合模式:正片叠底】

03、内阴影参数如下:重点部分【角度:90,勾掉全局光;混合模式:颜色减淡】

 

04、外发光参数如下:颜色选择【#FFF777】,重点部分【混合模式:颜色减淡;图案方法:柔和】

05、内发光参数如下:颜色选择【#00000】,重点部分【混合模式:颜色减淡;图案方法:柔和】

06、斜面与浮雕参数如下:结构:【样式:描边浮雕;方法:雕刻清新】,阴影注意角度选择和光泽等高线选择,勾掉全局光

等高线选择:

 

07、光泽参数如下:重点部分【角度:63,勾掉全局光;混合模式:线性减淡;注意等光线选择和参数】

08、颜色叠加参数如下:颜色选择【#777777】,不透明度:50%

09、渐变叠加参数如下:渐变选择【MissYuan_渐变叠加,已经在压缩包里载入即可】【角度:90,勾掉全局光;混合模式:亮光】

 

10、图案叠加参数如下:图案选择如参数所示,已经打包在素材里,其他参数见下图:【混合模式:明度】

11、描边参数如下:渐变选择【MissYuan_渐变描边,已经打包在素材里】其他参数见下图:

最终效果图:

]]>
//www.laura-marie.com/50720.html/feed 0
PS制作清新背景的质感金属字 //www.laura-marie.com/50439.html //www.laura-marie.com/50439.html#respond Sat, 13 Apr 2019 09:36:55 +0000 本篇教程十分简单,但是效果却很棒,通过简单文字图层样式以及图层混合模式的应用,来制作一张清新感十足的壁纸,文字同学们可以自己编辑,把方法学会就可以,这样在具体操作起来也会比较轻松和简单,背景有点类似星空的感觉,在设计中可以用来制作漫画类的背景,都是很好的元素,一起通过教程来学习一下吧。

效果图:

操作步骤:

先看图层,有作用的图层一共7个,很简单

新建画布,1920px 1080px

在图层上添加渐变

置入图片素材-星云

添加蒙版http://www.16xx8.com/tags/38847/,用画笔涂抹,和谐过渡一下

将图层混合模式改为“滤色”

输入文字,这里我们用的是P大点S的简写,“PDDS”

给文字添加一个图层样式

把等高线的消除锯齿勾选上。

设置完图层样式,我们得到如下效果:

P长了点,加个小字

加入素材“光”,图层混合模式改为滤色,三个光的图层混合模式都是滤色

第三个光图层太亮,闪瞎眼就不大好了,添加一个蒙版

完成:

整体就制作完成了,可以看出整个风格比较小清新,同学可以根据实际情况去选择风格。

]]>
//www.laura-marie.com/50439.html/feed 0
Photoshop制作细腻的复古锈迹金属字 //www.laura-marie.com/48837.html //www.laura-marie.com/48837.html#respond Tue, 08 May 2018 01:39:15 +0000 锈迹金属字制作比较简单,前期找一些锈迹的纹理素材并定义成图案;然后在设置图层样式的时候把图案应用到文字上面,就可以得到初步的锈迹字;后期再用图层样式加上浮雕、高光、描边等得到想要的效果字。

最终效果

1、打开PS软件,按Ctrl + N 新建文件,尺寸为1024 * 768像素,分辨率为72像素/英寸,如下图,然后确定。

2、把前景色设置为黑色,然后用油漆桶工具把背景填充黑色。

3、把下面的文字素材保存到本机,打开PS软件,再打开保存的文字素材。

4、选择移动工具,把文字素材拖到新建的文件里面,并调整好位置。

5、点击箭头所指的按钮,然后设置图层样式。


 

斜面和浮雕

6、确定后把填充改为0%,效果如下图。

7、下面来定义一款图案。把下面的纹理素材保存到本机,然后用PS打开。

8、选择菜单:编辑 > 定义图案,命名后关闭图片。

9、回到之前新建的文字文件,按Ctrl + J 把文字图层复制一层。

10、在文字副本图层缩略图后面的蓝色区域鼠标右键,选择“清除图层样式”,如下图。

11、同样的方法给文字副本图层设置图层样式。

斜面和浮雕

等高线

内阴影

颜色叠加

渐变叠加


 

]]>
//www.laura-marie.com/48837.html/feed 0
Photoshop制作超酷的复古金色金属字 //www.laura-marie.com/47024.html //www.laura-marie.com/47024.html#respond Thu, 09 Feb 2017 15:36:24 +0000 本文的文字效果总共用了四个图层:底部的图层控制文字投影;中间的两个文字图层控制文字金属质感;顶部的文字控制文字边缘的金属质感。

最终效果

1、打开PS软件,按Ctrl + N 新建画布,尺寸如下图。

2、选择渐变工具,颜色设置为暗红色至深红色,如下图,然后由画布中心向边角拉出径向渐变作为背景。

3、选择横排文字工具,颜色为黑色,然后输入文字,文字尽量选择大一点,如下图。

4、点击图层面板下面的添加图层样式图标,在菜单中选择“斜面和浮雕”。

斜面和浮雕:

5、确定后把填充改为0%,如下图。

6、按Ctrl + J 把当前文字图层复制一层,然后在文字缩略图后面右键选择“清除图层样式”,如下图。

7、同样的方法给当前文字添加图层样式。
斜面和浮雕:

等高线:

内阴影:

颜色叠加:

渐变叠加:

图案叠加:

8、确定后把填充改为0%,如下图。

9、按Ctrl + J 把当前文字图层复制一层,清除图层样式后再重新设置。

斜面和浮雕:

等高线:

10、确定后把填充改为0%,效果如下图。

11、按Ctrl + J 把当前文字图层复制一层,然后重新设置图层样式。

斜面和浮雕:

描边:

内阴影:

投影:

12、确定后把填充改为0%,效果如下图。

最终效果:

]]>
//www.laura-marie.com/47024.html/feed 0
PS利用图层样式制作华丽的发光金属字 //www.laura-marie.com/41484.html //www.laura-marie.com/41484.html#respond Fri, 05 Dec 2014 15:18:36 +0000 作者制作金属字的时候也用到多个图层叠加,底层用图层样式做出初步的浮雕及描边效果等;然后把文字复制,清除样式后再设置一些纹理及高光等,再把填充改为0%,就可以得到较为复杂的金属字。

最终效果

1、首先,新建一个 2200×1700 px 的文档,分辨率为72Dpi,颜色为RGB。然后使用油漆桶工具(G)填充深灰色#1f1f1f。

2、然后新建一个图层( Ctrl+Shift+N ),用画笔工具(B), 载入纹理笔刷。然后用画笔绘制纹理。

3、然后进入混合选项。

填充不透明度改为0。

内阴影,叠加方式正片叠底,角度-90度,距离1px,阻塞和大小均为0。

内发光,叠加方式为正常,不透明度61%,角度-90度,距离1px,阻塞和大小均为0 ;叠加之后效果变成这样。

4、现在添加一个图层蒙版,在菜单 > 图层 > 图层蒙版 > 显示全部。

5、进入这个图层蒙版( Alt+单击图层蒙版略缩图),使用渐变工具(G) ,从中央到顶部画一个径向渐变。

6、这步会隐藏周围的轮廓,结果如下。

7、使用文字工具(T) 并使用Rothenburg字体素材,435pt 大小输入文本。

 

8、然后进入混合选项( 图层样式)。 

斜面和浮雕:

内斜面;平滑;深度29%;方向:上;大小24px;软化1px;角度93度;高度42度;光泽等高线如图;高光模式:滤色、97%;阴影模式:正片叠底、82%。

等高线:如图

描边。位置:内部;混合模式:正常。填充类型:渐变,其他如图

内阴影。混合模式:正常,其他如图

光泽。混合模式:正常,其他如图

颜色叠加

投影。混合模式:正常,其他如图

做出来是这样:

]]> //www.laura-marie.com/41484.html/feed 0