当前位置:首页>ps入门教程>ps文字教程>火焰字>教程内容

熔岩字,制作类似熔岩般的火焰文字效果教程(8)

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

本效果用了多次图层样式来制作,除了制作文字效果外,还教了大家怎自定义图案,学习点相对较多,推荐给新手学习了。
最终效果

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

1、新建一个1000 * 600像素,分辨率为72的画布,背景填充黑色。
下载保存下面的文字素材:

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

再用PS打开,用移动工具拖到新建的画布里面,把图层命名为“文字”,调整好位置,效果如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图1>
2、教程开始之前,我们先来定义一组图案。方法非常简单,先把图2的大图及图3 - 图5都保持到本机,然后用PS打开,分别选择菜单:编辑 > 定义图案,名称自定。可以参考图6,7。

点击保存素材1 16xx8.com

<点小图查看大图 图2>

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图3>

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图4>

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图5>

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图6>

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图7>
3、双击图层面板,文字缩略图区域调出图层样式,然后设置参数:

 

斜面和浮雕:

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图8>

纹理:这是PS自带的云彩图案,如果没有可以先把图案备份一下,然后按照图10所示的方法找回。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图9>

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图10>

4、确定后得到下图所示的效果。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图11>

5、按Ctrl + J 把当前文字图层复制一层,效果如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图12>

6、按Ctrl + J 把当前文字图层复制一层,得到“文字副本2”图层。然后再图层面板缩略图区域右键选择“清除图层样式”,效果如图14。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图13>

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图14>
7、创建图层面板“文字副本2”图层缩略图,调出图层样式,然后设置参数。

投影:颜色为暗红色:#010101,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图15>

内阴影:颜色为暗红色:#010101,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图16>

外发光:混合模式为“颜色减淡”,颜色为橙红色:#ee5f57,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图17>

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

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图18>

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

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图19>

等高线:

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图20>
纹理:选择刚才定义的图案,这里会自动转为黑白,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图21>

光泽:颜色为白色,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图22>

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

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图23>

渐变叠加:渐变色设置为黑白,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图24>

图案叠加:也是之前定义的图案,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图25>

描边:填充类型选择“图案”,再选择之前定义的图案,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图26>

8、确定后得到小图所示的效果。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图27>
9、按Ctrl + J 把当前文字图层复制一层,然后在图层面板缩略图位置右键选择“清除图层样式”,如图28,得到图29所示的效果。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图28>

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图29>

10、双击图层面板当前图层缩略图调出图层样式,设置参数。

内阴影:颜色为橙黄色:#f38627,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图30>

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

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图31>

斜面和浮雕:

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图32>

等高线:

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图33>

图案叠加:混合模式为“点光”,图案为之前定义的图案,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图34>

11、确定后把填充改为:0%,得到下图所示的效果。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图35>
12、按Ctrl + J 把当前图层复制一层,同上的方法清除图层样式。然后双击图层面板当前图层缩略图载入图层样式。

斜面和浮雕:高光颜色:#d4d3ce,阴影颜色:#3a2e1e,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图36>

等高线:

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图37>

纹理:这是PS自带的图案。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图38>

13、确定后把填充改为:0%,得到下图所示的效果。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图39>

14、按Ctrl + J 把当前图层复制一层,得到“文字副本5”图层,然后右键选择“清除图层样式”,效果如图41。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图40>

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图41>
15、双击图层面板当前图层缩略图调出图层样式,设置参数。

 

投影:混合模式为“强光”,颜色为白色,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图42>

外发光:混合模式为“线性光”,颜色为橙黄色:#ff7f00,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图43>

斜面和浮雕:高光颜色为橙黄色:#ffcd02,阴影颜色为:#621702,其它设置如下图。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图44>

纹理:

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图45>

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

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

<图46>

最后把整体锐化一下,完成最终效果。

熔岩字,制作类似熔岩般的火焰文字效果教程_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
爱心泡泡[emoji:d83ddc9c]2019-01-16 08:17
32个赞
咳……呸!2018-05-25 01:32
很不错
qq9297318122018-01-04 02:55
新手
大树2017-07-21 04:25
怎样保存文字素材啊??
旧年不再旧约2017-05-28 07:39
好教程
旧年不再旧约2017-05-28 07:39
好教程
旧年不再旧约2017-05-28 07:39
好教程
旧年不再旧约2017-05-28 07:39
好教程
误闯土木2017-05-28 01:32
新手

关注大神微博加入>>

网友求助,请回答!