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

Photoshop
Photoshop绘制优秀的专业的网站首页布局
Photoshop轻松给雕塑创建炫光效果
Photoshop绘制俏皮可爱的Twitter图标
Photoshop简便快捷的方式绘制逼真的月亮
Photoshop文字特效:打造溶液字母
Photoshop简单绘制蓝色水晶网页按钮
Pototshop绘制逼真的漂亮的苹果 Ipad
Photoshop制作web2.0商业网站首页模板
Photoshop绘制简洁优雅的WordPress主题
Photoshop绘制整洁简约风格的WordPress网页模板
Photoshop调色教程:金黄色调的风景照片
PS签名教程:淡淡的水墨画背景古典人物
Photoshop绘制金属质感的卡通钥匙
Photoshop文字特效:反光镀铬塑料文字
Photoshop文字特效:快速制作果冻文字
Photoshop教程:柯达磨皮滤镜润色磨皮
Photoshop教程:唯美冷色调婚纱照片
Photoshop鼠绘教程:《枪兵》草图绘画
Photoshop教程:超炫的另类激光电流
Photoshop风景照片调色:色彩斑斓的花朵

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 122 ::
收藏到网摘: 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