教程 发表于 2021-4-13 16:11:47

制作立体感的字体效果

教程作者：极微设计
教程通过PS制作一款立体字文字，立体字文字在www.16xx8.com中有很多，同学们可以根据自己的实际需求进行一个练习，在本篇教程的操作中，主要用到的有滤镜和图层样式，用滤镜给照片添加一些效果，再到图层样式中给是字体添加一些具体的设置，制作文字的时候用到图层样式的时候比较多，所以同学们要经常的去留意一下图层样式都有一些哪些效果，这样我们在制作文字的时候，可以快速的去选择自己想要的效果，一起来练习一下吧。

效果图：

http://pic1.16xx8.com/allimg/11ai31/16xx899423x0.png

操作步骤：

第一步：


打开PS，按Ctrl+N新建一个画布（宽度：750像素、高度：500像素，背景内容：透明），确定后，就得到“背景”图层


http://pic1.16xx8.com/allimg/11ai31/16xx899423x1.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x299423.thumb.png新手学PS请到：www.16xx8.com


第二步：


按Shift+Ctrl+N新建一个图层，就得到“图层 1 ”图层；接着在“图层 1 ”图层，按Shift+F5填充黑颜色，好了后点击‘确定’


http://pic1.16xx8.com/allimg/11ai31/16xx899423x3.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x499423.thumb.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x5.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x699423.thumb.png


第三步：


按T使用文字工具，输入你想要制作立体效果的字体（比如：立体 litiziti），输入完成后，就得到“立体 litiziti”文字图层；接着按Ctrl+J复制拷贝一下 立体 litiziti 文字图层，就得到“立体 litiziti 拷贝”文字图层；然后把原来的“立体 litiziti”文字图层的‘小眼睛’关闭


http://pic1.16xx8.com/allimg/11ai31/16xx899423x799423.thumb.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x899423.thumb.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x999423.thumb.png


第四步：


在“立体 litiziti 拷贝”文字图层，点击选择：滤镜 >扭曲 >极坐标，（选中：‘极坐标到平面坐标’），好了后点击‘确定’；接着点击选择：图像 >图像旋转 >90度顺时针


http://pic1.16xx8.com/allimg/11ai31/16xx899423x10.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x1199423.thumb.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x1299423.thumb.png


第五步：


在“立体 litiziti 拷贝”文字图层，点击选择：滤镜 >风格化 >风，修改（方法：风、方向：从左），好了后点击‘确定’；接着连续再按几下Ctrl+F自动重复几次风的步骤，就使风度更大一点


http://pic1.16xx8.com/allimg/11ai31/16xx899423x13.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x1499423.thumb.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x1599423.thumb.png


第六步：


在“立体 litiziti 拷贝”文字图层，点击选择：图像 >图像旋转 >90度逆时针；接着点击选择：滤镜 >扭曲 >极坐标，（选中：‘平面坐标到极坐标’），好了后点击‘确定’


http://pic1.16xx8.com/allimg/11ai31/16xx899423x1699423.thumb.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x17.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x1899423.thumb.png


第七步：


把原来的“立体 litiziti”文字图层的‘小眼睛’开启；接着把“立体 litiziti”文字图层的图层顺序拖移动到“立体 litiziti　拷贝”文字图层 的上面；然后按住Ctrl并同时单击“立体 litiziti”文字图层缩览图，显示出 立体 litiziti 文字的选区，按Shift+F5填充自己喜欢的颜色（比如：黄颜色），好了后点击‘确定’；再按Ctrl+D取消选择


http://pic1.16xx8.com/allimg/11ai31/16xx899423x1999423.thumb.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x2099423.thumb.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x2199423.thumb.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x22.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x23.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x2499423.thumb.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x2599423.thumb.png


第八步：


在“立体 litiziti 拷贝”文字图层，点击选择：图层 >图层样式 >颜色叠加，修改（颜色：黄颜色），好了后点击‘确定’，即可完成。


http://pic1.16xx8.com/allimg/11ai31/16xx899423x2699423.thumb.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x27.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x28.png


http://pic1.16xx8.com/allimg/11ai31/16xx899423x2999423.thumb.png

完成：


http://pic1.16xx8.com/allimg/11ai31/16xx899423x0.png

文字的设计在图层样式中运用到的比较多，所以同学们要了解一下图层样式，这会使我们在进行制作的时候事半功倍，相信同学们可以完成的更好，一起来练习一下吧。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

萍踪 发表于 2021-4-13 16:12:23

我的作业：谢谢老师

王木耳是只喵 发表于 2021-4-15 16:26:47

我的作业：

小昭2000 发表于 2021-5-13 22:20:11

王木耳是只喵 发表于 2021-4-15 16:26
我的作业：

为什么我的风的效果都快把字吹没了

小昭2000 发表于 2021-5-13 22:21:36

为什么我的风的效果都快把字吹没了

格局太小 发表于 2021-7-20 18:24:31

我的作业：

格局太小 发表于 2021-8-1 19:28:13

我的作业：
页: [1]
查看完整版本: 制作立体感的字体效果