psschool 发表于 2019-7-3 00:00:00

用PS设计制作立体阴影效果文字的立体文字设计教程

一个简单效果好的数字效果教程,主要使用PS的图层样式来完成,有不懂的朋友可以下载教程源文件,希望思缘的朋友可以喜欢。
先看效果:

http://www.06ps.com/d/file/2019/0703/1562161044465.jpg

这种效果可以用于周年庆,新品发布倒计时等各种以数字为主视觉的海报设计,用法要自己开动脑筋去尝试。
1.新建文档,填充50%灰。宽度1920,高度883。(宽高度都是随意的)

http://www.06ps.com/d/file/2019/0703/1562161046153.jpg

这次用的PS cc2017版本
2.画路径。
2-1.快捷键“U”,椭圆工具,画6字的圆圈部分。
或者工具栏找到:

http://www.06ps.com/d/file/2019/0703/1562161048372.jpg

顶部工具属性栏设置吧默认形状设置为路径

http://www.06ps.com/d/file/2019/0703/1562161049649.jpg

窗口-路径,调出路径面板

http://www.06ps.com/d/file/2019/0703/1562161052251.jpg

新建路径图层1

http://www.06ps.com/d/file/2019/0703/1562161054825.jpg

按着CTRL键拖动鼠标,在画布上画出个圆形

http://www.06ps.com/d/file/2019/0703/1562161056368.jpg

2-2
再新建路径图层2
“P”切换到钢笔工具
画出6字的头部,这里要点耐心多尝试,才能画的好看666
键盘左上角"ESC"键,退出钢笔工具编辑模式

http://www.06ps.com/d/file/2019/0703/1562161059596.jpg

然后得到这样的两个路径

http://www.06ps.com/d/file/2019/0703/1562161061176.jpg


               
               
3.做6字圆圈部分光影
新建图层1,
设置前景色

http://www.06ps.com/d/file/2019/0703/1562161063702.jpg

“B”切换到画笔
设置画笔大小4像素,硬度100%

http://www.06ps.com/d/file/2019/0703/1562161065698.jpg

用画笔描边路径,分别描边路径1和2

http://www.06ps.com/d/file/2019/0703/1562161067290.jpg

然后得到效果,

http://www.06ps.com/d/file/2019/0703/1562161068224.jpg

4.新建图层2
按CTRL键,在红色框内单击,载入路径1的选区

http://www.06ps.com/d/file/2019/0703/1562161070975.jpg

设置前景色,
ALT+BACKSPACE,填充颜色

http://www.06ps.com/d/file/2019/0703/1562161072402.jpg


               
               
设置图层样式:
混合选项:

http://www.06ps.com/d/file/2019/0703/1562161073135.jpg

投影

http://www.06ps.com/d/file/2019/0703/1562161075258.jpg

内发光

http://www.06ps.com/d/file/2019/0703/1562161078481.jpg

内阴影

http://www.06ps.com/d/file/2019/0703/1562161080359.jpg

外发光

http://www.06ps.com/d/file/2019/0703/1562161083338.jpg

得到效果:

http://www.06ps.com/d/file/2019/0703/1562161084796.jpg


               
               
加强效果:
CTRL+J,复制图层2,

http://www.06ps.com/d/file/2019/0703/1562161086166.jpg

把内阴影,内发光,外发光,投影样式的不透明度设置到50%

http://www.06ps.com/d/file/2019/0703/1562161088792.jpg

http://www.06ps.com/d/file/2019/0703/1562161090421.jpg

http://www.06ps.com/d/file/2019/0703/1562161092982.jpg

http://www.06ps.com/d/file/2019/0703/1562161094723.jpg

得到结果:

http://www.06ps.com/d/file/2019/0703/1562161096524.jpg


               
               
4,做6字头部光影
相同的方法
新建图层3

http://www.06ps.com/d/file/2019/0703/1562161098593.jpg

设置前景色为白色

http://www.06ps.com/d/file/2019/0703/1562161100372.jpg

设置画笔,大小10像素,硬度100%

http://www.06ps.com/d/file/2019/0703/1562161101922.jpg

在路径面板,激活路径2,并用画笔描边路径

http://www.06ps.com/d/file/2019/0703/1562161103268.jpg

得到结果

http://www.06ps.com/d/file/2019/0703/1562161105738.jpg

然后滤镜-模糊-高斯模糊
(说明一下快捷键是我自定义的)

http://www.06ps.com/d/file/2019/0703/1562161107976.jpg

http://www.06ps.com/d/file/2019/0703/1562161109540.jpg

然后复制路径2
用钢笔工具画出这样的形状来

http://www.06ps.com/d/file/2019/0703/1562161111387.jpg


               
               
然后CTRL+ENTER,将路径载入选区

http://www.06ps.com/d/file/2019/0703/1562161113228.jpg

CTRL+SHIFT+I,反向选区

http://www.06ps.com/d/file/2019/0703/1562161116366.jpg

CTRL+X,剪贴左边部分

http://www.06ps.com/d/file/2019/0703/1562161119656.jpg

CTRL+SHIFT+V 原地粘贴

http://www.06ps.com/d/file/2019/0703/1562161120725.jpg

CTRL+I 反向,白色变黑色

http://www.06ps.com/d/file/2019/0703/1562161123442.jpg

设置画笔大小,硬度0%
前景色为黑色
分别为图层3,4添加蒙版

http://www.06ps.com/d/file/2019/0703/1562161124359.jpg

并不断调整6字头部光影达到类似效果:

http://www.06ps.com/d/file/2019/0703/1562161126423.jpg


               
               
感觉字有点灰蒙蒙的
图层7模式改为叠加

http://www.06ps.com/d/file/2019/0703/1562161181986.jpg

图层1,上方添加曲线调整图层亮。CTRL+I 反向蒙版,变为黑色
调整曲线形状
并嵌套给图层1
嵌套方法:按着ALT+在图层1和曲线层中间的缝隙处单击

http://www.06ps.com/d/file/2019/0703/1562161183398.jpg

画笔在这些地方刷白些

http://www.06ps.com/d/file/2019/0703/1562161185266.jpg

在把图层3复制一层,不透明度50%

http://www.06ps.com/d/file/2019/0703/1562161187711.jpg

最终效果:

http://www.06ps.com/d/file/2019/0703/1562161044465.jpg

教程来源于站酷,感谢原创作者奔月狼,如需转载请联系作者QQ:286697907,感谢作者的无私奉献

               
               
然后处理图层3白色光的下面部分
“G”渐变工具
鼠标右键,在对话框,选择左上角第二个,前景色到透明渐变

http://www.06ps.com/d/file/2019/0703/1562161128632.jpg

当然你的前景色要设置为黑色
隐藏过多的白光
在图层3蒙版上 按着SHIFT键由下向上拉渐变

http://www.06ps.com/d/file/2019/0703/1562161130484.jpg

http://www.06ps.com/d/file/2019/0703/1562161133398.jpg

五 ----------------加强阴影----------------------------
新建图层5
载人路径1和路径2 拷贝的选区,并用前景色填充
得到结果

http://www.06ps.com/d/file/2019/0703/1562161136935.jpg

然后
CTRL+D取消选区
滤镜-模糊-高斯模糊

http://www.06ps.com/d/file/2019/0703/1562161138520.jpg

“V”。移动一下位置,
并用载人刚才的选区:

http://www.06ps.com/d/file/2019/0703/1562161139556.jpg

CTRL+SHIFT+I 反向选区
添加蒙版,得到效果

http://www.06ps.com/d/file/2019/0703/1562161142416.jpg

再用黑色画笔,隐藏右边多余部分
得到结果

http://www.06ps.com/d/file/2019/0703/1562161144779.jpg


               
               
然后
新建图层6
CTLR+单击 路径1,载人选区
ALT+BACKSPACE,用黑色前景色填充选区

http://www.06ps.com/d/file/2019/0703/1562161146795.jpg

然后
CTRL+D取消选区
滤镜-模糊-高斯模糊

http://www.06ps.com/d/file/2019/0703/1562161147212.jpg

“V”,向左下移动一下距离

http://www.06ps.com/d/file/2019/0703/1562161150846.jpg

为图层6添加蒙版
并载人路径1,填充黑色

http://www.06ps.com/d/file/2019/0703/1562161152587.jpg

看看结果:大效果已经出来了

http://www.06ps.com/d/file/2019/0703/1562161154533.jpg

六 ----------------调整画面氛围----------------------------
新建图层7
载入路径1和路径2拷贝+套索工具,画出这样的选区
填充白色

http://www.06ps.com/d/file/2019/0703/1562161155828.jpg

然后
CTRL+D取消选区
滤镜-模糊-高斯模糊 150

http://www.06ps.com/d/file/2019/0703/1562161157310.jpg

http://www.06ps.com/d/file/2019/0703/1562161161958.jpg


               
               
为图层7添加蒙版
“G”渐变工具,
鼠标右键,选择前景色到透明渐变
在蒙版上不断地拖动鼠标隐藏一些白光,得到大致效果:

http://www.06ps.com/d/file/2019/0703/1562161163422.jpg

新建图层8,
“G”,渐变工具
前景色设置为黑色
不断拖动鼠标,调整渐变效果

http://www.06ps.com/d/file/2019/0703/1562161164583.jpg

得到效果

http://www.06ps.com/d/file/2019/0703/1562161168881.jpg

七,最终调整
新建图层
按着ALT+单击新建图标-选择柔光模式-打钩填充柔光中性灰-确定

http://www.06ps.com/d/file/2019/0703/1562161170591.jpg

滤镜-杂色-添加杂色 4

http://www.06ps.com/d/file/2019/0703/1562161173321.jpg

http://www.06ps.com/d/file/2019/0703/1562161175857.jpg

添加色彩平衡调整层 蓝色 +6

http://www.06ps.com/d/file/2019/0703/1562161177132.jpg

http://www.06ps.com/d/file/2019/0703/1562161179609.jpg
页: [1]
查看完整版本: 用PS设计制作立体阴影效果文字的立体文字设计教程