Photoshop设计多彩立体效果的光感文字

2016-02-16 06:10 20 1 收藏

下面图老师小编要跟大家分享Photoshop设计多彩立体效果的光感文字,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - PS 】

这篇教程将向大家展示如何使用Photoshop笔刷和图层风格来创建丰富多彩的光感文本效果。

原文来自:textuts.com

最终效果:

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

步骤1:

-设置前景色为# 212121,背景色为# 000000(黑色)。从文档的中心到其中一个角落创建一个径向渐变。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 使用颜色# f4edd2来创建文本,字体为Junegull。我们希望出现两种不同尺寸的文本。所以如果你想要不同的尺寸,就分别在独立的图层上创建文本。较大的尺寸是250像素,设置行距是180(如有必要修改线条之间的垂直距离)。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 较小的尺寸是150。你可以按自己的喜好修改尺寸,我的设置如下

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

步骤2:

双击文本图层应用下列风格:

- 外发光:改变混合模式为硬光、等高线为Cone – Inverted,确保选中消除锯齿。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 内发光:只是改变颜色为# ffff00。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 改变填充的值为0。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 对于更小的字体,你需要缩放效果使其适应新的尺寸。因此右击原始文本图层,选择复制图层样式。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 右击其他文本图层,选择粘贴图层样式。这将对新的文本图层应用同样的图层样式及同样的值。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 为了缩放风格,右击图层效果图标,选择缩放效果。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 改变缩放的值,使风格符合字体的尺寸。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

步骤3:

- 设置前景色为# e5dfc9。在所有图层的上方创建一个新层并命名为Light。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

-使用画笔工具开始在字母上点缀圆点。使用一个柔软的圆形笔刷,并设置其大小20(大字体),小字体为10.

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 完成点之后,选择海绵工具,并设置强度值为70%。开始往不同的方向涂抹点。使用相同的笔刷大小(20和10)。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 这时文本看起来应该像这样:

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

步骤4:

双击Light图层应用下列风格:

- 外发光:改变混合模式为线性光。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 内发光:改变混合模式为硬光,颜色为# ffff00,大小为8。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 这将对涂抹的点添加一些发光效果。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

步骤5:

- 是时候添加一些明亮的颜色了。在所有图层的上方创建一个新层并命名为Color。使用一个柔软的圆形笔刷,并设置其大小大约60像素,在文本周围涂抹小的彩色圈。不要做得太多了,留一些空间。

颜色使用#e6631b、# 00 f4fd和# 9 f1e6b。你也可以选择你喜欢的颜色。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 你应该得到下图的效果。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 改变Color图层的混合模式为叠加。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

步骤6:

- 现在我们要创建对角线图案来用于该教程中。这是非常简单的。创建一个5×5 px的新文件,背景内容设置为透明。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 使用矩形选框工具,单击添加到选区图标,来创建5个对角方块(每个方块1 px你可以放大以便观察的更清楚)。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 完成之后,使用黑色填充选区,按Ctrl + D取消选择。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 去编辑-定义图案,并输入名称Diagonal Lines。图案就完成了~

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

步骤7:

- 回到原始文件,在文本图层(s)的上方,Color和Ligh图层的下方创建一个新层,并命名为Lines。设置前景色为# e8641b,背景色为# ffd200。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 打开画笔面板(窗口- 画笔),并选择Dry 笔刷(尺寸39)。按下图改变设置:

- 画笔笔尖形状:-

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 形状动态:-

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 散布:-

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 纹理:(使用你创建的Diagonal Lines图案)。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

- 颜色动态:-

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

笔刷就完成了。

步骤8:

- 右击文字图层,选择创建工作路径。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 选择Lines图层,然后使用直接选择工具,右击路径选择描边路径。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 从工具下拉菜单中选择笔刷,并选中模拟压力。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 这将使用你创建的笔刷描边路径。点击回车键消除路径。(重复同样的步骤来描边其他文本图层)。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 改变Lines 图层的不透明度为30%或任何其他你想要的值。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

如果你喜欢现在的效果你可以不用在继续,或者你可以遵循下一个步骤来添加一个光泽效果。

步骤9:

- 按Ctrl 点击选择所有的文本图层,并复制他们,把副本放在Color图层的下方以及Ligh图层的上方。然后右击其中的一个选择清除图层样式。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 设置副本文字图层的填充为0。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

-双击较大尺寸的文本层,应用斜面与浮雕的图层风格。改变深度为430,大小为10。勾去使用全局光,改变角度为98,高度53。勾选消除锯齿,改变高光模式为点光,颜色为# f4f3e6,设置阴影模式不透明度的值为0。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 至于等高线,只要勾选消除锯齿框。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 复制并粘贴同样的风格到其他文本图层中,只需要为小尺寸文本改变斜面与浮雕的尺寸为7。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

- 这将给文本添加一个漂亮的光泽效果,使其更加流行。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

完成了~

希望大家喜欢这个教程。

Photoshop设计多彩立体效果的光感文字,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1569002.html

延伸阅读
标签: PS PS基础
最终效果图 1、新建595×842像素大小的文件,设置前景色为淡黄色(f5dcb9),新建图层1。执行滤镜→渲染→云彩命令。 云彩效果 2、执行滤镜→纹理→纹理化命令,如图设置弹出对话框。 纹理化 最终效果图 1、新建595×842像素大小的文件,设置前景色为淡黄色(f5dcb9),新建图层1。执行滤镜→渲染...
【PS文字特效】简单粗暴的用photos图老师hop打造光感字体效果   简单粗暴的用photoshop打造光感字体效果,非常简单易操作易上手,可以自己调调看,经常会使用到的技巧
标签: PS教程
1、 首先按CTRL+N新建一个500*500px的背景文档,按SHIFT+F5填充背景为灰色。制作好背景,使用文字工具选中我们下载的字体Porky’s。输入英文,字体颜色为白色,大小为200点。                               ...
标签: Web开发
    文字链接是网页中最常见的页面元素,在默认状态下,文字链接样式都是带下划线的,这种一陈不变的外观使网页无法凸现个性和满足布局的需要。为了使文字链接符合页面的整体效果,可以采用 CSS (样式)来实现多样的文字链接。     效果说明     将鼠标置于文本上时,文本样式会发生改变,比...
标签: PS PS基础
这个海报属于一张以文字为主的文字排版海报。让文字在一张折纸上显示。不乏趣味,刺激阅读,也是简洁大气的设计。今天有P友问我这个海报可不可以用PS作。我试着用ps撸了出来。下面就讲解一下,我的解答过程。不同的人,也可以根据自己的想法来做。方法千千万万种,条条道路通罗马。这里我要带出套索工具的一些实战使用技巧。 先看看效果图: ...

经验教程

512

收藏

70
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部