起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 简单快速创建3D贴纸文字【PS教程】

简单快速创建3D贴纸文字【PS教程】

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:作业做作业教程


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 小编:今天这篇是教大家制作一个3D贴纸效果的文字,简单、快速但是很漂亮!文中的步骤很详细,但目的还是锻炼

小编:今天这篇是教大家制作一个3D贴纸效果的文字,简单、快速但是很漂亮!文中的步骤很详细,但目的还是锻炼大家对图层样式的理解以及运用。还是那句话,学的是思路不是数据。数据是写死的,但是我们的思路可以无限扩展,能创造出更多更有意思的东西呦!

3D贴纸效果制作起来非常简单和轻松,不过真的漂亮有用。这个快速的指南将教你如何用智能对象和图层样式创建可编辑,有光泽的3D贴纸文字。让我们开始吧!

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

教程资源

下面的资源将会在教程中用到。

Alba字体 可选用其它相近字体哦(^ω^)

Concrete wall图案

1.创建背景

第一步

创建一个 770 x 490px 新文档。设置前景色为 #3f797d 背景色为 #80b2bb。选择渐变工具,在选项栏里点击线性渐变图标。然后点击从文档的底部到其顶部进行拖动以创建渐变背景。

然后选择过滤器中的换算智能滤镜。

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第二步

双击智能对象背景图层应用图案叠加效果,进行以下设置:

  • 混合模式:柔光
  • 图案:Concrete wall

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

呈现效果

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

2.创建文字和其智能对象图层

第一步

用Alba字体创建一个黑色,大小为120pt的文字。

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第二步

复制文字图层,重命名为Stroke(描边),重命名复制文本为Text(文字)。

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第三步

双击Stroke(描边)图层应用描边效果,进行以下设置:

  • 大小:14
  • 颜色:#dcdcdc

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第四步

我们创建了外部描边,确保描边与字母之间没有间隙。如果有,再次双击图层增大描边样式中大小的值到没有一丝间隙。

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第五步

右击你的两个图层(Stroke图层和Text图层),选择换算智能滤镜。

复制Text图层,并将复制图层的填充值更改为0。

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第六步

复制Text图层的复制图层和Stroke图层。将Stroke图层的复制图层的填充值更改为0,并放置在所有图层的最上面。

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

 

3.打造描边图层

双击Stroke图层应用下面的图层样式:

第一步

添加斜面和浮雕样式,进行下面的设置:

  • 大小:10
  • 取消使用全局光
  • 点选消除锯齿
  • 阴影模式颜色:#2f959d

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第二步

添加内阴影样式,进行下面的设置:

  • 距离:0
  • 阻塞:30
  • 大小:3

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第三步

添加投影样式,进行下面的设置:

  • 不透明度:47%
  • 距离:5
  • 大小:6

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

呈现效果

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

4.设置最初的Text(文字)图层

双击最初的Text(文字)图层,进行以下设置:

第一步

添加斜面和浮雕样式,进行下面的设置:

  • 大小:7
  • 取消使用全局光
  • 角度:117
  • 高度:69
  • 点选消除锯齿

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第二步

添加内阴影样式,进行下面的设置:

  • 不透明度:35%
  • 距离:0
  • 大小:5

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第三步

添加颜色叠加样式,进行下面的设置:

  • 颜色:#ea326e

这里选择颜色是贴纸文字的颜色,尽情选择你们喜欢的任何颜色吧!

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

呈现效果

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

5.设置Text(文字)图层第一个复制图层

双击第一个复制图层,进行以下设置:

第一步

添加斜面和浮雕样式,进行下面的设置:

  • 大小:5
  • 取消使用全局光
  • 角度:0
  • 高度:69
  • 点选消除锯齿
  • 阴影模式-不透明度:25%

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第二步

添加等高线样式,进行下面的设置:

只需点选消除锯齿。

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

呈现效果

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

6.设置Text(文字)图层第二个复制图层

双击第二个复制图层,进行以下设置:

第一步

添加斜面和浮雕样式,进行下面的设置:

  • 样式:外斜面
  • 大小:7
  • 取消使用全局光
  • 角度:117
  • 高度:69
  • 点选消除锯齿
  • 高光模式-不透明度:100%
  • 阴影模式-不透明度:100%

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第二步

添加渐变叠加样式,进行下面的设置:

  • 混合模式:柔光
  • 不透明度:30%

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

呈现效果

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

7.设置顶部的Stroke(描边)图层

双击复制的Stroke图层应用下面的图层样式:

第一步

添加斜面和浮雕样式,进行下面的设置:

  • 大小:3
  • 软化:2
  • 取消使用全局光
  • 角度:-153
  • 高度:69
  • 点选消除锯齿
  • 高光模式:亮光

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

第二步

添加渐变叠加样式,进行下面的设置:

只需点选消除锯齿。

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

呈现效果

简单快速创建3D贴纸文字【PS教程】_qh.itpxw.cn

恭喜你!!完成了!!

在这篇教程中,我们创建了一个简单的背景,一组我们转换成智能对象的文字和描边图层。

我们设置了这些图层样式,最终完成了一个有光泽的3D贴纸文字!!

原文地址:应酷设计

转载请注明:起航学习网 » 简单快速创建3D贴纸文字【PS教程】

文章出自:http://qh.itpxw.cn/peixun/ui/201615642.html

文章标题:简单快速创建3D贴纸文字【PS教程】



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------