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

本教程的立体字部分是在AI里面完成的。制作原理跟用PS基本类似,也是需要多复制几个图层,错开位置后做出立体感,然后渲染简单的高光和暗调做出表面制作。大致立体效果出来后再用PS来渲染质感即可。

最终效果

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

1、使用illustrator打开下载好的"11",可以直接用自己做好的图形或文字。导入页码:1/1、颜色模式:RGB。

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

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

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

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

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

3、一定不要忘记使用图层面板,这一点至关重要。在图层面板中能看到"LOGOFRONTA"和"SLOGANFRONTA"这2个图层。

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

4、复制刚才提到的2个图层,重命名为"LOGOFRONTB"和"SLOGANFRONTB"。

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

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

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

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

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

7、继续应用17度的旋转变形。

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

8、在图层面板中隐藏“FRONTA”图层。

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

9、选中“LOGOFRONTB”图层,更改渐变填充为实色填充。

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

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

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

11、对“SLOGANFRONTB”图层应用实色填充。

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

12、选中“LOGOFRONTB”和“SLOGANFRONTB”,着色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、重新激活图层“"LOGOFRONTA”和“SLOGANFRONTA”,现在万事俱备了。

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°,重命名图层(LOGOFRONTA_R、SLOGANFRONTA_R)和(LOGOFRONTB_R、–SLOGANFRONTB_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、新建图层,重命名为“GRADIENTBASE”,填充白色,应用一个径向渐变图层样式,参数设置如下:

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

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

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

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

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

26、复制图层样式,并且分别粘贴到图层SLOGANFRONTA、LOGOFRONTA_R、SLOGANFRONTA_R。

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

27、对图层LOGOFRONTB应用如下图层样式:

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

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

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

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

28、复制图层样式至LOGOFRONTB_R。

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

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

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

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

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

30、对图层LOGOFRONTA_R和图层LOGOFRONTB_R,应用图层蒙版。

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

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

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

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

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

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

33、把图层SLOGANFRONTB_R的不透明度设为40%,图层SLOGANFRONTA_R,75%。为了解决透明部分的重叠问题,在图层SLOGANB_RFRONT和图层LOGOFRONTB_R中间,选中图层“SLOGANFRONTB_R”,通过选择-载入选区激活选区。

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

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

34、选中图层LOGOFRONTB_R的图层蒙版,应用黑色填充。

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

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

35、创建投影,通过选择-选区载入选区,新建图层,重命名为“SHADOWS”,用黑色填充选区,置于图层LOGOFRONTA_R和图层SLOGANFRONTA_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结合制作超酷的灰色金属质感立体字 第64张


感谢作者不详制作及投稿。