PS与Ai结合制作超酷的灰色金属质感立体字

作者:佚名 出处: 本教程的立体字部分是在AI里面完成的。制作原理跟用PS基本类似,也是需要多复制几个图层,错开位置后做出立体感,然后渲染简单的高光和暗调做出表面制作。大致立体效果出来后再用PS来渲染质感即可。 最终效果 1、使用illustrator打开下载好的LOGO.fh11,可

用PS制作光亮的金属字效果教程

来源:PS联盟 作者:Sener本教程主要是使用通道和图层样式来制作金属字效果。制作的时候具体的设置需要根据实际的文字大小变化,总体需要把文字光亮度及平滑度调好!颜色可以按照自己喜好选择!最终效果 1.新建一个600 * 350像素的文件背景填充为黑色,然后打


作者:佚名   出处:
PS与Ai结合制作超酷的灰色金属质感立体字插图

本教程的立体字部分是在AI里面完成的。制作原理跟用PS基本类似,也是需要多复制几个图层,错开位置后做出立体感,然后渲染简单的高光和暗调做出表面制作。大致立体效果出来后再用PS来渲染质感即可。 
最终效果 
PS与Ai结合制作超酷的灰色金属质感立体字插图(1) 
1、使用illustrator打开下载好的”LOGO.fh11″,可以直接用自己做好的图形或文字。导入页码:1/1、颜色模式:RGB。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(2) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(3) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(4) 
2、你已经看到logo已经被导入,logo本身已经应用了渐变叠加效果。你可以使用如下所示设置重新调整渐变色。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(5) 
3、一定不要忘记使用图层面板,这一点至关重要。在图层面板中能看到”LOGO FRONT A” 和”SLOGAN FRONT A”这2个图层。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(6) 
4、复制刚才提到的2个图层,重命名为”LOGO FRONT B”和 “SLOGAN FRONT B”。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(7) 
5、新得到的图层放到原图层底部,具体请参考图片。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(8) 
6、打开变换面板,选中全部的4个图层元素,应用17度的扭曲变形。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(9) 
7、继续应用17度的旋转变形。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(10) 
8、在图层面板中隐藏“FRONT A”图层。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(11) 
9、选中“LOGO FRONT B”图层,更改渐变填充为实色填充。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(12) 
10、通过点击描边图标删除描边。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(13) 
11、对“SLOGAN FRONT B”图层应用实色填充。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(14) 
12、选中“LOGO FRONT B”和“SLOGAN FRONT B”,着色rgb(77,77,77),ctrl+c复制图层,ctrl+b复制到底层并使用变换面板移动位置(x-50,y+29),然后着色rgb(139,142,141)。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(15) 
13、下面我们将使用混合工具。设置混合选项:对象-混合-混合选项,指定步数值:50,我们选中2logo层,通过点击”对象-混合-制作”来应用混合效果,对“slogan”也应用相同的混合效果。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(16) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(17) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(18) 
14、混合创建之后,删除复制图层。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(19) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(20) 
15、重新激活图层“”LOGO FRONT A ”和“SLOGAN FRONT A”,现在万事俱备了。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(21) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(22) 
16、选中所有元素,ctrl+c 复制,打开ps创建文件1200px-1200px,粘贴内容。整个过程很简单,但有些耗时间。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(23) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(24) 
17、把illustrator中制作的所有元素粘贴进ps。在illustrator中全选所有元素,ctrl+c复制,ctrl+v粘贴进ps中,把图层重命名为“RIF”,至于最底层。这么做是便于在ps中重组元素时有个参照,避免重组后的元素跟原LOGO效果不符的情况产生。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(25) 
18、视图-对齐和位置,激活对齐功能,参照“RIF”图层,对齐logo。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(26) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(27) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(28) 
19、完成后,删掉“R过会对LOGO的倒影部分要做相同的处理。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(29) 
20、创建LOGO的反光部分,方法同上。把原始文字旋转180°,重命名图层(LOGO FRONT A_R 、SLOGAN FRONT A_R)和(LOGO FRONT B_R、 – SLOGAN FRONT B_R),然后重复第1-19步。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(30) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(31) 
21、一旦你完成了如上部分,到目前的效果应该如下图所示,如有不同,请检查修正。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(32) 
22、复制logo的反光部分到ps中,调整其方位,初步形成倒影效果。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(33) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(34)
  23、将所有元素置于画布中央。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(35) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(36) 
24、新建图层,重命名为“GRADIENT BASE”,填充白色,应用一个径向渐变图层样式,参数设置如下: 
PS与Ai结合制作超酷的灰色金属质感立体字插图(37) 
25、给logo front a图层(根据下图所示,找到你本地多对应的图层)应用内发光+斜面浮雕图层样式,参数如下: 
PS与Ai结合制作超酷的灰色金属质感立体字插图(38) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(39) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(40) 
26、复制图层样式,并且分别粘贴到图层SLOGAN FRONT A、LOGO FRONT A_R、SLOGAN FRONT A_R。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(41) 
27、对图层LOGO FRONT B应用如下图层样式: 
PS与Ai结合制作超酷的灰色金属质感立体字插图(42) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(43) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(44) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(45) 
28、复制图层样式至LOGO FRONT B_R。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(46) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(47) 
29、复制刚才制作的图层样式到LOGO FRONT B_R图层和SLOGAN FRONT B_R图层,唯一不同的是level SLOGAN FRONT B要稍作调整。在光泽面板中,距离由原来的127px降低到30px,并且去掉渐变叠加图层样式,只在图层SLOGAN FRONT B_R 和图层 LOGO FRONT B_R上保留。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(48) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(49) 
30、对图层LOGO FRONT A_R 和图层 LOGO FRONT B_R,应用图层蒙版。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(50)
  31、渐变色设置为有黑到白,角度15度。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(51) 
32、图层LOGO FRONT B_R上的蒙版效果较图层LOGO FRONT A_R一定要更强一些。因为这样做能更好地遮住深色部分。分别降低两图层的不透明度为55%和70%。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(52) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(53) 
33、把图层SLOGAN FRONT B_R的不透明度设为40%,图层SLOGAN FRONT A_R,75%。为了解决透明部分的重叠问题,在图层SLOGAN B_R FRONT和图层LOGO FRONT B_R中间,选中图层“SLOGAN FRONT B_R”,通过选择-载入选区激活选区。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(54) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(55)
  34、选中图层LOGO FRONT B_R的图层蒙版,应用黑色填充。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(56) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(57) 
35、创建投影,通过选择-选区载入选区,新建图层,重命名为“SHADOWS”,用黑色填充选区,置于图层LOGO FRONT A_R和图层SLOGAN FRONT A_R之间,使用方向键,向下移动一点位置,露出投影部分。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(58) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(59) 
36、通过索讨工具取得选区,沿着logo的倾斜方向。取得选区的目的是去除多余的投影部分。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(60) 37、应用4px的高斯模糊。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(61) 
38、改变图层不透明度为75%,新建图层重命名为“LIGHT”,把它置于每个图层的上方。使用1px大小的笔刷,按住Shift键绘制,产生强烈的对比,形成真实的玻璃质感。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(62) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(63) 
最终效果: 
PS与Ai结合制作超酷的灰色金属质感立体字插图(1) 


作者:佚名   出处:
PS与Ai结合制作超酷的灰色金属质感立体字插图

本教程的立体字部分是在AI里面完成的。制作原理跟用PS基本类似,也是需要多复制几个图层,错开位置后做出立体感,然后渲染简单的高光和暗调做出表面制作。大致立体效果出来后再用PS来渲染质感即可。 
最终效果 
PS与Ai结合制作超酷的灰色金属质感立体字插图(1) 
1、使用illustrator打开下载好的”LOGO.fh11″,可以直接用自己做好的图形或文字。导入页码:1/1、颜色模式:RGB。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(2) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(3) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(4) 
2、你已经看到logo已经被导入,logo本身已经应用了渐变叠加效果。你可以使用如下所示设置重新调整渐变色。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(5) 
3、一定不要忘记使用图层面板,这一点至关重要。在图层面板中能看到”LOGO FRONT A” 和”SLOGAN FRONT A”这2个图层。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(6) 
4、复制刚才提到的2个图层,重命名为”LOGO FRONT B”和 “SLOGAN FRONT B”。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(7) 
5、新得到的图层放到原图层底部,具体请参考图片。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(8) 
6、打开变换面板,选中全部的4个图层元素,应用17度的扭曲变形。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(9) 
7、继续应用17度的旋转变形。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(10) 
8、在图层面板中隐藏“FRONT A”图层。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(11) 
9、选中“LOGO FRONT B”图层,更改渐变填充为实色填充。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(12) 
10、通过点击描边图标删除描边。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(13) 
11、对“SLOGAN FRONT B”图层应用实色填充。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(14) 
12、选中“LOGO FRONT B”和“SLOGAN FRONT B”,着色rgb(77,77,77),ctrl+c复制图层,ctrl+b复制到底层并使用变换面板移动位置(x-50,y+29),然后着色rgb(139,142,141)。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(15) 
13、下面我们将使用混合工具。设置混合选项:对象-混合-混合选项,指定步数值:50,我们选中2logo层,通过点击”对象-混合-制作”来应用混合效果,对“slogan”也应用相同的混合效果。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(16) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(17) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(18) 
14、混合创建之后,删除复制图层。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(19) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(20) 
15、重新激活图层“”LOGO FRONT A ”和“SLOGAN FRONT A”,现在万事俱备了。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(21) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(22) 
16、选中所有元素,ctrl+c 复制,打开ps创建文件1200px-1200px,粘贴内容。整个过程很简单,但有些耗时间。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(23) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(24) 
17、把illustrator中制作的所有元素粘贴进ps。在illustrator中全选所有元素,ctrl+c复制,ctrl+v粘贴进ps中,把图层重命名为“RIF”,至于最底层。这么做是便于在ps中重组元素时有个参照,避免重组后的元素跟原LOGO效果不符的情况产生。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(25) 
18、视图-对齐和位置,激活对齐功能,参照“RIF”图层,对齐logo。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(26) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(27) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(28) 
19、完成后,删掉“R过会对LOGO的倒影部分要做相同的处理。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(29) 
20、创建LOGO的反光部分,方法同上。把原始文字旋转180°,重命名图层(LOGO FRONT A_R 、SLOGAN FRONT A_R)和(LOGO FRONT B_R、 – SLOGAN FRONT B_R),然后重复第1-19步。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(30) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(31) 
21、一旦你完成了如上部分,到目前的效果应该如下图所示,如有不同,请检查修正。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(32) 
22、复制logo的反光部分到ps中,调整其方位,初步形成倒影效果。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(33) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(34)
  23、将所有元素置于画布中央。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(35) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(36) 
24、新建图层,重命名为“GRADIENT BASE”,填充白色,应用一个径向渐变图层样式,参数设置如下: 
PS与Ai结合制作超酷的灰色金属质感立体字插图(37) 
25、给logo front a图层(根据下图所示,找到你本地多对应的图层)应用内发光+斜面浮雕图层样式,参数如下: 
PS与Ai结合制作超酷的灰色金属质感立体字插图(38) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(39) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(40) 
26、复制图层样式,并且分别粘贴到图层SLOGAN FRONT A、LOGO FRONT A_R、SLOGAN FRONT A_R。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(41) 
27、对图层LOGO FRONT B应用如下图层样式: 
PS与Ai结合制作超酷的灰色金属质感立体字插图(42) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(43) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(44) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(45) 
28、复制图层样式至LOGO FRONT B_R。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(46) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(47) 
29、复制刚才制作的图层样式到LOGO FRONT B_R图层和SLOGAN FRONT B_R图层,唯一不同的是level SLOGAN FRONT B要稍作调整。在光泽面板中,距离由原来的127px降低到30px,并且去掉渐变叠加图层样式,只在图层SLOGAN FRONT B_R 和图层 LOGO FRONT B_R上保留。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(48) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(49) 
30、对图层LOGO FRONT A_R 和图层 LOGO FRONT B_R,应用图层蒙版。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(50)
  31、渐变色设置为有黑到白,角度15度。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(51) 
32、图层LOGO FRONT B_R上的蒙版效果较图层LOGO FRONT A_R一定要更强一些。因为这样做能更好地遮住深色部分。分别降低两图层的不透明度为55%和70%。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(52) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(53) 
33、把图层SLOGAN FRONT B_R的不透明度设为40%,图层SLOGAN FRONT A_R,75%。为了解决透明部分的重叠问题,在图层SLOGAN B_R FRONT和图层LOGO FRONT B_R中间,选中图层“SLOGAN FRONT B_R”,通过选择-载入选区激活选区。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(54) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(55)
  34、选中图层LOGO FRONT B_R的图层蒙版,应用黑色填充。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(56) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(57) 
35、创建投影,通过选择-选区载入选区,新建图层,重命名为“SHADOWS”,用黑色填充选区,置于图层LOGO FRONT A_R和图层SLOGAN FRONT A_R之间,使用方向键,向下移动一点位置,露出投影部分。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(58) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(59) 
36、通过索讨工具取得选区,沿着logo的倾斜方向。取得选区的目的是去除多余的投影部分。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(60) 37、应用4px的高斯模糊。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(61) 
38、改变图层不透明度为75%,新建图层重命名为“LIGHT”,把它置于每个图层的上方。使用1px大小的笔刷,按住Shift键绘制,产生强烈的对比,形成真实的玻璃质感。 
PS与Ai结合制作超酷的灰色金属质感立体字插图(62) 
PS与Ai结合制作超酷的灰色金属质感立体字插图(63) 
最终效果: 
PS与Ai结合制作超酷的灰色金属质感立体字插图(1) 

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部