Photoshop制作超酷的金属质感立体字

2016-02-16 07:24 37 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的Photoshop制作超酷的金属质感立体字教程,一起来看看吧!超容易上手~

【 tulaoshi.com - PS 】

最终效果预览

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

1.使用illustrator打开下载好的"LOGO.fh11"。导入页码:1/1、颜色模式:RGB。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

2.你已经看到logo已经被导入,logo本身已经应用了渐变叠加效果。你可以使用如下所示设置重新调整渐变色。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

3.一定不要忘记使用图层面板,这一点至关重要。在图层面板中能看到"LOGO FRONT A" 和"SLOGAN FRONT A"这2个图层。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

4.复制刚才提到的2个图层,重命名为"LOGO FRONT B"和 "SLOGAN FRONT B".

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

5.新得到的图层放到原图层底部,具体请参考图片。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

6.打开变换面板,选中全部的4个图层元素,应用17°的扭曲变形。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

7.继续应用17°的旋转变形。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

8.在图层面板中隐藏FRONT A图层。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

9.选中LOGO FRONT B图层,更改渐变填充为实色填充。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

10.通过点击描边图标删除描边。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

11.对SLOGAN FRONT B图层应用实色填充。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

12.选中LOGO FRONT B和SLOGAN FRONT B,着色rgb(77,77,77),ctrl+c复制图层,ctrl+b复制到底层并使用变换面板移动位置(x-50,y+29),然后着色rgb(139,142,141).

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

13.下面我们将使用混合工具。设置混合选项:对象-混合-混合选项,指定步数值:50,我们选中2logo层,通过点击对象-混合-制作来应用混合效果,对slogan也应用相同的混合效果。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

14.混合创建之后,删除复制图层。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

15.重新激活图层"LOGO FRONT A 和SLOGAN FRONT A,现在万事俱备了。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

16.选中所有元素,ctrl+c 复制,打开ps创建文件1200px-1200px,粘贴内容。整个过程很简单,但有些耗时间。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

17.把illustrator中制作的所有元素粘贴进ps。在illustrator中全选所有元素,ctrl+c复制,ctrl+v粘贴进ps中,把图层重命名为RIF,至于最底层。这么做是便于在ps中重组元素时有个参照,避免重组后的元素跟原LOGO效果不符的情况产生。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

18.视图-对齐和位置,激活对齐功能,参照RIF图层,对齐logo。

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

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

19.完成后,删掉R过会对LOGO的倒影部分要做相同的处理。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

20.创建LOGO的反光部分,方法同上。

把原始文字旋转180°,重命名图层(LOGO FRONT A_R 、SLOGAN FRONT A_R)和(LOGO FRONT B_R、 – SLOGAN FRONT B_R),然后重复第1-19步。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

21.一旦你完成了如上部分,到目前的效果应该如下图所示,如有不同,请检查修正。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

22.复制logo的反光部分到ps中,调整其方位,初步形成倒影效果。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

23.将所有元素置于画布中央。

luycas:

目前的图层布置稍作说明

LOGO FRONT A Logo底部小文字

SLOGAN FRONT A Logo主体

LOGO FRONT B Logo主体

SLOGAN FRONT B Logo底部小文字倒影

SLOGAN FRONT A_R Logo底部小文字的投影部分

LOGO FRONT A_R Logo主体的投影部分

SLOGAN FRONT B_R Logo底部小文字倒影的投影部分

LOGO FRONT B_R Logo主体倒影的投影部分

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

24.新建图层,重命名为GRADIENT BASE,填充白色,应用一个径向渐变图层样式,参数设置如下:

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

25.给LOGO FRONT A 图层(根据下图所示,找到你本地多对应的图层)应用内发光+斜面浮雕图层样式,参数如下:

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

26.复制图层样式,并且分别粘贴到图层SLOGAN FRONT A、LOGO FRONT A_R、SLOGAN FRONT A_R。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

27.对图层LOGO FRONT B应用如下图层样式:

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

28.复制图层样式至LOGO FRONT B_R。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

29.复制刚才制作的图层样式到LOGO FRONT B_R图层和SLOGAN FRONT B_R图层,唯一不同的是level SLOGAN FRONT B要稍作调整。在光泽面板中,距离由原来的127px降低到30px,并且去掉渐变叠加图层样式,只在图层SLOGAN FRONT B_R 和图层 LOGO FRONT B_R上保留。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

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

30.对图层LOGO FRONT A_R 和图层 LOGO FRONT B_R,应用图层蒙版。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

31.渐变色设置为有黑到白,角度15°。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

32.图层LOGO FRONT B_R上的蒙版效果较图层LOGO FRONT A_R一定要更强一些。因为这样做能更好地遮住深色部分。分别降低两图层的不透明度为55%和70%。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

33.把图层SLOGAN FRONT B_R的不透明度设为40%,图层SLOGAN FRONT A_R

75%。为了解决透明部分的重叠问题,在图层SLOGAN B_R FRONT和图层LOGO FRONT B_R中间,选中图层SLOGAN FRONT B_R,通过选择-载入选区激活选区。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

34.选中图层LOGO FRONT B_R的图层蒙版,应用黑色填充。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

35.创建投影,通过选择-选区载入选区,新建图层,重命名为SHADOWS,用黑色填充选区,置于图层LOGO FRONT A_R和图层SLOGAN FRONT A_R之间,使用方向键,向下移动一点位置,露出投影部分。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

36.通过索讨工具取得选区,沿着logo的倾斜方向。取得选区的目的是去除多余的投影部分。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

37.应用4px的高斯模糊。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

38.改变图层不透明度为75%,新建图层重命名为LIGHT,把它置于每个图层的上方。使用1px大小的笔刷,按住Shift键绘制,产生强烈的对比,形成真实的玻璃质感。

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

39.教程结束

Photoshop制作超酷的金属质感立体字,PS教程,图老师教程网

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

延伸阅读
本教程的立体字部分是在AI里面完成的。制作原理跟用PS基本类似,也是需要多复制几个图层,错开位置后做出立体感,然后渲染简单的高光和暗调做出表面制作。大致立体效果出来后再用PS来渲染质感即可。 最终效果 1、使用illustrator打开下载好的"Logo.fh11",可以直接用自己做好的图形或文字。导入页码:1/1、颜色模式:RGB。 ...
【PS文字特效】Photoshop制作超酷的立体字 教程介绍立体字效果的制作方法。思路和过程也比较简单。先打好想要的文字或图形,字体最好大一点,再用变形工具适当做出透视效果。然后通过复制做出立体面。后期就是给立体面加上纹理及高光。 最终效果 1、新建文件,尺寸什么可自定,我这里是14.5*11CM,300dpi。 2、选择你要做效果的图形或文字...
【PS文字特效】photoshop制作超酷质感金属游戏字体 步骤如下: 1.新建文档900*900,拖入素材纹理壁纸如图 2.使用钢笔工具绘制出TF路径,ctrl+enter,填充黑色。 3.创建图层混合样式设置如下 投影 内阴影 斜面和浮雕 纹理(下载的素材里有次图案添加进去就可以了) 图案叠加(...
标签: PS PS基础
首先,这个教程需要的两款素材已经上传到附件里;然后,英文原版讲的比较细,在这我省略了一部分个人认为不影响理解的部分,因为那样弄起来实在是太长了。最后,如果有哪位同学看不懂或者觉得比较跳跃,可以留言或者私信哈。下面就开始啦。 教程地址: 绿色金属质感的立体字PS教程素材 先看看效果图 1.制作背景 ①首先把附件里的图案文...
标签: PS PS基础
本教程主要使用Photoshop制作金属质感的3D立体字教程,以及用图层样式绘制这类高冷的金属效果。教程参数清晰,过程细致,素材已打包下载,需要学习的朋友自己下载素材练习即可。有什么问题可以在论坛问题交流区提问。 最终效果 一、创建背景 第1步:新建文件,大小:1260x 850像素,复制背景图层。 第2步:双击复制的背景图层,设...

经验教程

359

收藏

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