当前位置:首页>ps入门教程>ps文字教程>3D立体字>教程内容

用ps图层样式做出3D立体效果教程(4)

来源:PConline 作者:情非得已 学习:113400人次

可以通过本教程更加了解图层样式的设置和运用!

最终效果图:

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

1、选择“文件/新建”菜单,打开“新建”或者Ctrl+N对话框 名称为:ps图层样式创建一个3D字体效果,宽度:为640像素, 高度:为480像素, “分辨率”为72 , “模式”为RGB颜色的文档,如图1所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图1

2、在图层控制面板击新建图层按钮,新建一个“背景”,选择工具箱渐变工具(快捷键G),在工具选项栏中设置为线性渐变,然后点按可编辑渐变,弹出渐变编辑器。双击如图3中的A处,设置色彩RGB分别为57、63、54。再双击图3中所示的B处,设置RGB分别为0、0、0,如图3所示。在工作区中,

按住Shift键不放用鼠标左键从上到下拖动出水平线性渐变效果,如图2所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图2

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图3

3、单击工具箱中的横排文字工具 ,分别输入英文字母ASDFGH、QWERTYUI、ZXCVBNMOP、ASDFGH、FGH,然后在工具选项栏上设置字体:Folio XBd BT,大小:45.8点,颜色:土黄色,设置消除锯齿的方法:深厚,并调整英文字体与字体之间距离,然后选择所有的英文字母图层合并在一起,如图4所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图4

4、接着右击ASDFGH图层,选择混合选项,进入到图层样式,分别勾选投影、内阴影、内发光、斜面与浮雕、光泽、颜色叠加、渐变叠加选项,如图5所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图5

5、勾选投影,设置混合模式为:正常,颜色为:黑色,不透明度为:75%,角度为:120度,距离为:10像素,扩展为:3%,大小为:10像素,设置其他值参考图6,然后点击确定按钮,如图6所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图6

6、设置内阴影混合模式:正片叠底,点击色标处,阴影颜色设置为黑色,不透明度:100%,角度:120,距离:52像素,阻塞:0%,大小:52像素,设置其他值参考图7,然后点击确定按钮,如图7所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图7

7、勾选内发光选项,设置投影混合模式:正常,不透明度:6%,杂色:0%,点击点按可编辑渐变,设置前景到透明,颜色为土黄色色到透明,然后点按可编辑渐变,弹出渐变编辑器。双击如图9中的A处,设置色彩RGB分别为235、230、203。再双击图9中所示的B处,设置RGB分别为0、0、0

方法为:柔和,源:居中,阻塞:0%,大小为:156像素,范围为:60%,其它设置参考图8,如图11所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图8

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图9

8、勾选斜面和浮雕复选项,样式:内斜面,方法:平滑,深度:200%,方向:下,大小:104像素,软化:0像素,阴影:角度:120,勾选使用全局光,高度:30度,光泽等高线:其他设置值参考图10,如图10所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图10

9、勾选光泽复选项,混合模式:正片叠底,点击色标处,设置光泽颜色:白色,设置不透明度:80%,角度:120度,距离:250像素,大小:250像素,勾选消除锯齿和反相,如图 11所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图11

10、勾选颜色叠加选项,混合模式: 正常,点击色标处,设置光泽颜色:灰色,设置不透明度:67%,如图12所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图12

11、勾选渐变叠加选项,设置混合模式为:亮度,不透明度为:100%,点击渐变弹出渐变编辑器,双击如图14中的A处,设置色彩RGB分别为102、51、0。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图13

再双击图14中所示的B处,设置RGB分别为252、250、192,双击如图14中的C处,设置色彩RGB分别为204、153、102,双击如图14中的D处,设置色彩RGB分别为252、250、192,双击如图14中的E处,设置色彩RGB分别为102、51、0,双击如图14中的F处,设置色彩RGB分别为252、250、192,双击如图14中的G处,设置色彩RGB分别为204、153、102,双击如图14中的H处,设置色彩RGB分别为252、250、192。

双击如图14中的I处,设置色彩RGB分别为102、51、0,然后点击确定按钮,如图13、14所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图14

12、选择文字图层,按键盘快捷键Ctrl+J复制一个文字图层副本,并点击鼠标右键,弹出右键对话框,选择删格文字,接着在选择工具箱渐变工具(快捷键G),在工具选项栏中设置为径向渐变,然后点按可编辑渐变,弹出渐变编辑器。双击如图16中的A处,47、31、20,设置色彩RGB分别为双击如图16中的B处,设置RGB分别为112、88、60。设置色彩RGB分别为双击如图16中的C处,设置RGB分别为47、31、20。如图16所示。效果图如图15所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图15

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图16

13、选择文字图层,按键盘快捷键Ctrl+J复制一个文字图层副本,并点击鼠标右键,弹出右键对话框,选择删格文字,在工具栏中分别设置前景色

和背景色的RGB值,设置前景色的RGB值为:243、240、170,按键盘快捷键Ctrl+Delete填充,调整后的效果图,如图17所示。

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

图17

最终效果图

Photoshop图层样式简单制作3D立体字效果,PS教程,16xx8.com教程网

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!