Photoshop制作多层次的橙色水晶字

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

效果字的层次非常多,由底部的投影、描边、水晶表面等多层构成。制作的时候需要把文字多复制几层,每层都用图层样式设置不同的效果,叠加后得到较为复杂的效果。

最终效果

Photoshop制作多层次的橙色水晶字



1、打开PS软件,按Ctrl + N 新建,尺寸为900 * 650像素,分辨率为72像素/英寸,如下图。

Photoshop制作多层次的橙色水晶字


<图1>

2、把背景填充暗灰色:#353535,如下图。

Photoshop制作多层次的橙色水晶字


<图2>

3、选择文字工具,选择好字体及设置好大小,颜色等如图3,然后输入想要的文字,如图4。

Photoshop制作多层次的橙色水晶字


<图3>

Photoshop制作多层次的橙色水晶字


<图4>

4、双击图层面板当前文字缩略图后面的蓝色区域调出图层样式,然后设置。

斜面和浮雕:

Photoshop制作多层次的橙色水晶字


<图5>

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

Photoshop制作多层次的橙色水晶字


<图6>

6、按Ctrl + J 把当前文字图层复制一层,然后在缩略图后的蓝色区域右键选择“清除图层样式”,效果如图8。

Photoshop制作多层次的橙色水晶字


<图7>

Photoshop制作多层次的橙色水晶字


<图8>

7、同上的方法给当前图层设置图层样式。

投影:

Photoshop制作多层次的橙色水晶字


<图9>

外发光:

Photoshop制作多层次的橙色水晶字


<图10>

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

Photoshop制作多层次的橙色水晶字


<图11>

9、按Ctrl + J 把当前文字图层复制一层,然后清除图层样式,效果如下图。

Photoshop制作多层次的橙色水晶字


<图12>

10、给当前文字图层设置图层样式。

内阴影:混合模式“颜色减淡”,颜色为橙黄色:#f1862a,其它设置如下图。

Photoshop制作多层次的橙色水晶字


<图13>

内发光:混合模式“叠加”,颜色为白色,其它设置如下图。

Photoshop制作多层次的橙色水晶字


<图14>

斜面和浮雕:高光和阴影的颜色都为黑色,其它设置如下图。

Photoshop制作多层次的橙色水晶字


<图15>

等高线:

Photoshop制作多层次的橙色水晶字


<图16>

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

Photoshop制作多层次的橙色水晶字


<图17>

12、按Ctrl + J 把当前文字图层复制一层,然后清除图层样式,效果如下图。

Photoshop制作多层次的橙色水晶字


<图18>

13、给当前文字图层设置图层样式。

内阴影:混合模式“强光”,颜色为橙黄色:#f1a92c,其它设置如下图。

Photoshop制作多层次的橙色水晶字

 收藏