PS教程!手把手教你创建酷炫赤焰的岩石字效

2016/02/24 13640

photoshop-lava-font-effect-1

@ChloeRowe林雅诺 :今天带来的字效教程操作简单,效果超酷炫,在教程里你将会学到曲线和图层样式的用法,素材已打包,已经有不少同学交作业了,你也来试试!

素材打包 百度云下载:http://pan.baidu.com/s/1dDOz8pr

最终效果:

35psjc20160224

一、建立背景

步骤1

我们先来导入concrete01.pat 素材~并设置为图案。

步骤2

现在新建一个600*500px的图层哦~^_^

34psjc20160224

步骤3

然后复制背景图层一次,并且重新命名为Background Pattern~

33psjc20160224

步骤4

在这个图层里我们要添加图案,打开图层样式然后选择图案叠加,选择如图所示的图案~

32psjc20160224

31psjc20160224

步骤5

之后我们选择颜色叠加,正片叠底,颜色为#000000,透明度100%!

30psjc20160224 29psjc20160224

步骤6

现在我们给 背景图添加红色的高光,打开图层样式 ,然后在斜面浮雕里选择样式为内斜面,

平滑,深度160%,方向:上,大小250px,柔软:16px,角度90°,高度40°,

颜色减淡#df0909,透明度95%,差值#4b5a64,透明度30%~

28psjc20160224 27psjc20160224

二、建立文本

步骤1

打上文字“SAINT”,大小为130pt,字间距为20pt,字体设置为尖锐~

步骤2

现在我们来复制一层文本并重命名为‘SAINT b’,然后隐藏该图层~哟哟哟~隐藏它是为了做下面的特效哦!

26psjc20160224

步骤3

现在我们使用移动工具,选择两个文本和背景图层然后垂直居中对齐(⊙o⊙)哦~

25psjc20160224

三、给文字添加特效

步骤1

选择第一个文字图层,然后打开图层样式,选择图案叠加,选择我们设置好的图案,将范围设置为50%~

24psjc20160224 23psjc20160224

步骤2

之后我们再来选择斜面浮雕哦~参数设置如下:内斜面,雕刻清晰,

深度155%,下,大小250px,角度20°,高度20°,叠加,#ffffff,透明度80%,柔光,透明度100%~

曲线设置如图2所示哦!等高线的曲线设置如图5哦~范围:53%~

22psjc20160224 21psjc20160224 20psjc20160224

步骤3

为了给文字增添一些高光效果!我们来设置渐变叠加,参数设置如图所示~

19psjc20160224 18psjc20160224

步骤4

现在我们要添加光泽,柔光,颜色#afc2ff,透明度40%,角度19°,距离15px,大小25px,反相~

17psjc20160224 16psjc20160224

步骤5

现在我们给文字添加高光,内发光,颜色减淡,透明度70%,#ffffff,精确,中心,大小65px

15psjc20160224 14psjc20160224

外发光,正常,透明度 40%, #000000,柔和,大小 5px

13psjc20160224 12psjc20160224

四、设置第二个文本的特效

步骤1

现在我们就要打开 ‘SAINT b’啦,改变水平刻度为97%哦~

11psjc20160224

步骤2

打开图层样式,图案叠加,同样设置为我们的 concrete01图案~范围为50%!

10psjc20160224 9psjc20160224

颜色叠加,点光, #600000

8psjc20160224 7psjc20160224

描边,大小1px,外描边,正常,颜色,#cf1818

6psjc20160224 5psjc20160224

投影,正常,#000000,透明度40%,角度90°,距离20px,扩展40%,大小10px

4psjc20160224 3psjc20160224

最后一步了,给它加点外发光效果,设置如图,曲线是默认的圆锥形。

2psjc20160224 1psjc20160224

晒晒评论的作业:

work20160224 (2)

▲ Jave Yun

「新手即学即用的PS技巧系列」

  1. 《有哪些看上去很高大上,但实际很简单的PS技巧?》
  2. 《有哪些看上去很高大上,但实际很简单的PS技巧?(入门篇)》
  3. 《有哪些看上去很高大上,但实际很简单的PS技巧?(酷炫火焰篇)》
  4. 《有哪些看上去很高大上,但实际很简单的PS技巧?(人像篇)》
  5. 《有哪些看上去很高大上,但实际很简单的PS技巧?(渐变色篇)》
  6. 《有哪些看上去很高大上,但实际很简单的PS技巧?(二次元篇)》

原文地址:tutsplus
优设译者:@ChloeRowe林雅诺

uisdc-hao

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-lava-font-effect

好文 界面设计 UI 平面设计 转场动效 交互设计师 设计师 设计师专访 扁平化设计 排版布局 设计流程 职场 用户体验设计 素材下载 视觉设计 配色 web前端开发 设计规范 海报设计 AI教程 产品设计 字体下载 设计理论 设计趋势 神器下载 动效设计 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 用户体验 优秀网页设计 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里