Photoshop制作炽热的纹理字

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

效果字都是用图层样式来完成。过程:先简单做好纹理背景;然后输入想要的文字,并复制一层;再给顶部的文字增加颜色、纹理、质感等;底部的文字用来增加立体效果即可。
最终效果

Photoshop制作炽热的纹理字


1、现在新建一个600*500px的图层。

Photoshop制作炽热的纹理字


2、然后复制背景图层一次,并且重新命名为Background Pattern。

Photoshop制作炽热的纹理字


3、在这个图层里我们要添加图案(先保存下图所示的纹理素材,用PS打开,选择菜单:编辑 > 定义图案),打开图层样式然后选择图案叠加,选择如图所示的图案。

Photoshop制作炽热的纹理字


Photoshop制作炽热的纹理字


之后我们选择颜色叠加,正片叠底,颜色为#000000,透明度100%。

Photoshop制作炽热的纹理字


Photoshop制作炽热的纹理字


现在我们给背景图添加红色的高光,打开图层样式 ,然后在斜面浮凋里选择样式为内斜面,平滑,深度160%,方向:上,大小250px,柔软:16px,角度90°,高度40°,颜色减澹#df0909,透明度95%,差值#4b5a64,透明度30% 。

Photoshop制作炽热的纹理字


Photoshop制作炽热的纹理字


4、打上文字“SAINT”,大小为130pt,字间距为20pt,字体设置为尖锐。现在我们来复制一层文本并重命名为‘SAINT b’,然后隐藏该图层~哟哟哟~隐藏它是为了做下面的特效哦。

Photoshop制作炽热的纹理字


5、现在我们使用移动工具,选择两个文本和背景图层然后垂直居中对齐。

Photoshop制作炽热的纹理字


6、选择第一个文字图层,然后打开图层样式,选择图案叠加,选择我们设置好的图案,将范围设置为50%。

Photoshop制作炽热的纹理字


Photoshop制作炽热的纹理字

 收藏