当前位置:首页>ps入门教程>ps文字教程>普通字效>教程内容

水晶字,教你设计紫色水晶质感字教程(5)

来源:PS联盟 作者:Sener 学习:10150人次

字体部分可以用钢笔等工具绘画出来,作者直接提供了素材,省去了练习难度,整体效果用了多次图层样式制作出来,很有透明质感,十分漂亮,推荐学习。

最终效果

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

1、新建一个1200 * 750像素,分辨率为72的画布,背景填充黑色。然后保存下面的素材,在图片上右键选择“图片另存为”保存到本机。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

2、用PS打开刚才保存的文字素材,用移动工具拖进来,并调整好位置,如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图1>
2、双击图层面板,文字缩略图调出图层样式设置面板设置参数。

内阴影:混合模式“强光”,颜色为蓝紫色:#741aba,其它设置如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图2>

外发光:混合模式“线性减淡”,不透明度为:100%,颜色为蓝色:#487fcf,其它设置如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图3>

斜面和浮雕:

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图4>

渐变叠加:渐变为黑白渐变,混合模式为“叠加”,不透明度为:30%,其它设置如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图5>

3、确定后得到下图所示的文字效果。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图6>
4、按Ctrl + J 把当前文字图层复制一层,然后在图层面板文字副本缩略图上右键选择“清除图层样式”。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图7>

5、双击图层面板,当前图层缩略图调出图层样式。

投影:颜色:#020612,其它设置如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图8>

内阴影:颜色为紫色:#d801ff,混合模式为“亮光”,其它设置如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图9>

外发光:混合模式为“线性减淡”,颜色为紫色:#d706f5,其它设置如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图10>

内发光:混合模式为“正常”,颜色为紫色:#ad98dd,源选择“边缘”,其它设置如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图11>

斜面和浮雕:注意好角度,高光模式为“滤色”,颜色为白色;阴影模式为“点光”,颜色为#oa131c;光泽等高线需要自己设置,点击等高线图标,然后编辑曲线如图13;其它设置如图12。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图12>

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图13>
渐变叠加:混合模式为“正常”,然后点击渐变区域编辑渐变色,如图15,其它设置如图14。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图14>

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图15>

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

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图16>

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

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图17>

8、双击图层面板,当前图层缩略图调出图层样式。

内阴影:颜色默认,混合模式“正片叠底”,其它设置如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图18>

斜面和浮雕:光泽等高线需要点击曲线图标后自己设置如图20,其它设置如图19。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图19>

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图20>
9、确定后把不透明度改为:30%,填充改为:0%,效果如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图21>

10、按Ctrl + J把当前图层复制一层,再右键选择“清除图层样式”,如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图22>

11、双击图层面板当前图层缩略图调出图层样式。

投影:设置如图23,等高线设置如图24。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图23>

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图24>

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

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图25>

斜面和浮雕:

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图26>
光泽:混合模式“叠加”,颜色为黑色,其它设置如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图27>

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

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图28>

13、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层,如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图29>

14、按Ctrl + Shift + U 去色,效果如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图30>
15、选择菜单:滤镜 > 其它 > 高反差保留,数值模式如图32。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图31>

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图32>

16、确定后把混合模式改为“柔光”,不透明度改为:60%,效果如下图。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

<图33>

最后微调颜色和细节,完成最终效果。

水晶字,教你设计紫色水晶质感字教程_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
pei2016-08-23 09:34
水晶字真TND麻烦啊
小美瞳大眼目2016-01-06 04:49
最后一步没有做完 我觉得感觉上差不多了 教程写的很详细 很好。
刘佳2015-12-24 03:37
交作业啦~~~
photoshop2015-12-11 06:00
漂亮呀<给力>
燕剪孑行2015-12-10 07:22
老师教的是梦幻水晶,我改成了暗黑宝石了191819wmt2k9zlm2dt2w9x.jpg最后那个星星不知道怎么画,做不出最后的效果191824beqx27lu5klkvx4k.jpg
啊啊啊2015-12-07 06:55
185308zg1858s1k959i555.jpg

关注大神微博加入>>

网友求助,请回答!