当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop设计时尚反光立体文字特效

Photoshop
Photoshop 星光装饰的紫色水晶字
Photoshop 漂亮的潮流纹理字
Photoshop 一只可爱的小蜗牛方法
Photoshop 自制飞溅的水花教程
Photoshop 一朵绚丽的蘑菇云
photoshop 鼠绘超酷的黑龙
Photoshop 美女打造水晶亮白的质感肤色
Photoshop 美女加上油嫩光滑的质感肤色
Photoshop 清爽时尚的水晶球壁纸
Photoshop 制作简单的金色质感字
photoshop 滤镜实现超酷的彩丝字效果
photoshop 鼠绘身着飘逸绿裙的美女
Photoshop 打造淡紫色人物特写照片
Photoshop 打造甜美的外景人物照片
Photoshop 给古装人物美白
Photoshop 快速打造温馨的情侣照片
Photoshop 小鸟张嘴鸣叫动画
Photoshop 一只漂亮的枯叶蝶
photoshop 把美女头像转成精细的仿手绘效果
Photoshop 调出外景人物照片明亮的暖色调

Photoshop设计时尚反光立体文字特效


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 145 ::
收藏到网摘: n/a

在这个教程里我们将设计一个酷的复古的文字效果,在今天的设计界中,它变得越来越流行。今天您将学习怎样利用透视工具去创建景深的效果,和知道设计者们是怎样以一种不同寻常的方式去使用默认的渐变的。

最后效果预览

在开始之前,让我们看一下我们将要创建的图片是什么样子。

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤1

在开始之前,你将需要下载这个字体Seqa,它来自来dafont网站。下载完后完装它,安装完之后打开photoshop 。

第一步是快速且简单。用黑色填充背景层,并重命名为“背景”。输入文字,最好是整体看上去象个方形,如下所示。确保文字左对齐。现在你有一个黑色的背景层和一个文字图层。在我的实例中,我使用了100pt来输入PSD部分和用72pt来输入tuts文字部分,并让它们宽度匹配。

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤2

打开字符面板,设置字体颜色为#e59710,然后用ctrl+T,或者用字体的大小来改变字体的尺寸,

现在我们来改变字间距,将鼠标放在P与S之间,设置字间距为-55,这样,我们得到一个相当不错的字间距的两个字符。然后将鼠标放在S与D之间,设置字间距为-40

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤3

现在,我们要将文字风格化,思考第二步骤,我们想得到一个很好的金色文字,并且有明显的边缘和一个轻微倾斜的3D外观。所以,我们需要在外部用倾斜来得到景深感,和一点内部阴影以及一个高亮的渐变。

现在我们突出这个倾斜,我们将用一个内发光,但是在下面的截图中我们是按倒序安排的。我通常第一步是加渐变,然后再倾斜,接着使用发光和阴影。

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤4

是时候使用透视工具了,首先你将不得不删格化图层,所以重制文字图层,然后在复制图层上加另外一个层,现在选择你复制的文字层和你的空图层,然后用ctrl+E拼合这两个图层。 这种方式不仅删格化图层,不删格化了图层样式。

现在通过编辑-->变换-->透视来制作出景深感.

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤5

复制变形后的文字两次,创建一个文件夹,将这三个图层放入这个文件夹中,并将这个文件夹命名为" text",同时将这三个文字层命名为"front"(上)"mid"(中)"back"(下).

用键盘上的上下左右箭头来将“mid”“back”图层向右侧移动,效果如下图所示。正如你所看到的一样,“mid”层离"front"近一些,面"back"层离"front"层远一些。

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤6

选择"mid"图层,将其填充设置为0%,双击"mid"图层,打开图层样式面板,设置渐变叠加,参数如图所示。

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤7

在"front"图层的上面新建一个图层,命名为"chrome grad",现在按住ctrl单击“front”图层得到文字图层选区,选择渐变工具,打开渐变编辑器,如下图所示,选择这个叫“chrome”的渐变,回到图层面板,选择“chrome grad”图层,在选区内从左上到右下拉出一个渐变,最后选择图层混合模式为柔光。

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤8

创建一个新的文件夹,将其命名为"soft flares"。现在如果这个图层在"text"文件夹中,那么将其拖至其外。然后在"soft flares"文件夹中新建一个图层,命名为"highlight flare"。用黑色填充这个图层,然后对其使用滤镜-->渲染-->镜头光晕。选择镜头类型为100mm聚焦和100%亮度.

定位你想要的高光,我将它放在TUTS文字的S文字上,改变图层混合模式为柔光。用同样的方法在PSD的P和S间放一个高光效果。

在复制的图层上使用图层蒙版,因为你有两个重叠的黑色图层。图层蒙版会使文字的亮度突出。接下来,我一个黑色笔刷在透明区域填充,用来显露我们的我们的旋转以及调整耀斑。

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤9

现在正如你所见的屏幕最后截图,创建一个新的文件夹“psdtuts”,并将"text""soft flares"文件夹放入其中,让我们来添加一个反射。复制"pdstuts"文件夹,并象我们前面做的一样删格化它(创建一个新图层,选择这两个图层,然后使用权用ctrl+e),命名为"reflection"。

使用“编辑-->变换"中的命令变形为如下所示,并将其放置“psdtuts”文件夹的下方。对其添加一个图层蒙版,然后使用从黑到白的渐变填充蒙版,创造一个不错的褪色。

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤10

在"reflection"层和"psdtuts"文件夹之间创建一个新的图层,命名为"flare front",用黑色对其填充,然后使用滤镜-->渲染-->镜头光晕,并选择50-300毫米变焦和100%亮度。将其放置在一个不错的位置,并设置其混合模式为线性减淡(添加)。

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤11

复制"flare front"图层,设置混合模式为屏幕,接下来,将其移至"psdtuts"文件夹下,放置在文字的后面。命名为"flare back"。

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤12

新建一个文件,大小为40*20px,用矩形选框工具选择文件的左半部,并填充黑色。接下来,使用“编辑-->定义图案”来定义一个图案,并给图案命名。

Photoshop设计时尚反光立体文字特效-RuanChen.Com

步骤13

关闭这个文件,回到原文件。在背景层之上创建一个新图层,然后使用“编辑-->填充”,选择刚才制作好的图案对其进行填充。设置其填充为0%,然后我们双击它,打开图层样式面板,添加颜色叠加,值为#dd04ad,透明度为64%.

Photoshop设计时尚反光立体文字特效-RuanChen.Com

结尾

按下ctrl+T对条纹图层旋转90度。然后使用"编辑--> 变换-->透视".效果如下图所示。

Photoshop设计时尚反光立体文字特效-RuanChen.Com