Photoshop制作侧视效果的金属立体字

作者:Sener 作者:佚名 出处: 本教程介绍稍微有点倾斜的立体字制作方法。过程也不是很复杂,制作之前需要对立体字的制作有一定的了解。教程重点是文字的透视和立体面的制作。在刚开始制作透视的时候需要多调整一下文字变形,效果看上去透视自然即可。立体面的制作跟其它立体

ps cs6制作黄金字教程

用图层样式制作金属字,最重要的就是要有耐心,因为图层样式设置参数并不太多,不过数值控制非常重要,不同大小的文字或图形用到的数值不同,设置的时候需要慢慢去尝试。


作者:Sener 作者:佚名   出处:
Photoshop制作侧视效果的金属立体字插图

本教程介绍稍微有点倾斜的立体字制作方法。过程也不是很复杂,制作之前需要对立体字的制作有一定的了解。教程重点是文字的透视和立体面的制作。在刚开始制作透视的时候需要多调整一下文字变形,效果看上去透视自然即可。立体面的制作跟其它立体字的方法基本相同。
最终效果 
Photoshop制作侧视效果的金属立体字插图(1) 
1、新建一个800 * 600像素的文档,背景填充颜色:#020202,选择文字工具打上自己想要的文字,字体颜色不限,大致效果如下图。 
Photoshop制作侧视效果的金属立体字插图(2)
<图1> 2、选择线条工具拉一条斜线作为透视参考线,如图2,然后把文字栅格化图层,按Ctrl + T 变形,按住Ctrl键调整文字的边角,做成有透视效果的文字,如图3。 
Photoshop制作侧视效果的金属立体字插图(3)
<图2> 
Photoshop制作侧视效果的金属立体字插图(4)
<图3>  

3、按Ctrl + J 把透视变形后的文字复制一层,适当往右下移动小段距离,看上去有种立体效果,为了突出效果,前面的文字图层可以稍微调亮一点,效果如下图。再把两层文字分别命名。底层的文字命名为“文字底层”,上面的命名为“文字顶层”。 
Photoshop制作侧视效果的金属立体字插图(5)
<图4> 4、现在开始制作当个文字。回到,用钢笔勾出下图所示的选区,再填充跟“文字底层”图形一样的颜色,效果如下图。 
Photoshop制作侧视效果的金属立体字插图(6)
<图5> 
5、用套索工具选区下图所示的选区锁定图层后,选择渐变工具,颜色设置如图7,拉出图8所示的线性渐变。拉渐变的时候角度需要稍微倾斜一点。 
Photoshop制作侧视效果的金属立体字插图(7)
<图6> 
Photoshop制作侧视效果的金属立体字插图(8)
<图7> 
Photoshop制作侧视效果的金属立体字插图(9)
<图8>  
6、用套索工具选区下图所示的选区,选择渐变工具,颜色设置如图10,拉出图11所示的线性渐变。 
Photoshop制作侧视效果的金属立体字插图(10)
<图9> 
Photoshop制作侧视效果的金属立体字插图(11)
<图10> 
Photoshop制作侧视效果的金属立体字插图(12)
<图11> 7、用钢笔工具勾出图12所示的选区,选择渐变工具,颜色设置如图13,拉出图14所示的线性渐变。 
Photoshop制作侧视效果的金属立体字插图(13)
<图12> 
Photoshop制作侧视效果的金属立体字插图(11)
<图13> 
Photoshop制作侧视效果的金属立体字插图(15)
<图14> 8、用钢笔工具勾出图15所示的选区,拉上图16所示的线性渐变。 
Photoshop制作侧视效果的金属立体字插图(16)
<图15> 
Photoshop制作侧视效果的金属立体字插图(11)
<图16> 
9、回到“文字顶层”,用套索工具把数字“6”勾选出来,锁定图层后,拉上图17所示的线性渐变,效果如图18。为了效果明显,其它的文字暂时都隐藏了。 
Photoshop制作侧视效果的金属立体字插图(18)
<图17> 
Photoshop制作侧视效果的金属立体字插图(19)
<图18> 
  10、选择减淡工具把“6”字表面及边缘的高光部分涂出来,如图19 – 20。 
Photoshop制作侧视效果的金属立体字插图(20)
<图19> 
Photoshop制作侧视效果的金属立体字插图(21)
<图20> 
Photoshop制作侧视效果的金属立体字插图(22)
<图21> 11、其它的数字及字母的制作方法一样,效果如图22 – 24。 
Photoshop制作侧视效果的金属立体字插图(23)
<图22> 
Photoshop制作侧视效果的金属立体字插图(24)
<图23> 
Photoshop制作侧视效果的金属立体字插图(25)
<图24>  
12、在图层的最上面新建一个图层,把前景颜色设置为:#9C8D81,背景颜色设置为黑色,执行:滤镜 > 渲染 > 云彩,效果如图25,确定后把图层混合模式改为“颜色减淡”,不透明度改为:80%,效果如图26。 
Photoshop制作侧视效果的金属立体字插图(26)
<图25> 
Photoshop制作侧视效果的金属立体字插图(27)
<图26> 13、最后再加上一些投影,完成最终效果。 
Photoshop制作侧视效果的金属立体字插图(28)
<图27> 
最终效果: 
Photoshop制作侧视效果的金属立体字插图(1)
<图28> 


作者:Sener 作者:佚名   出处:
Photoshop制作侧视效果的金属立体字插图

本教程介绍稍微有点倾斜的立体字制作方法。过程也不是很复杂,制作之前需要对立体字的制作有一定的了解。教程重点是文字的透视和立体面的制作。在刚开始制作透视的时候需要多调整一下文字变形,效果看上去透视自然即可。立体面的制作跟其它立体字的方法基本相同。
最终效果 
Photoshop制作侧视效果的金属立体字插图(1) 
1、新建一个800 * 600像素的文档,背景填充颜色:#020202,选择文字工具打上自己想要的文字,字体颜色不限,大致效果如下图。 
Photoshop制作侧视效果的金属立体字插图(2)
<图1> 2、选择线条工具拉一条斜线作为透视参考线,如图2,然后把文字栅格化图层,按Ctrl + T 变形,按住Ctrl键调整文字的边角,做成有透视效果的文字,如图3。 
Photoshop制作侧视效果的金属立体字插图(3)
<图2> 
Photoshop制作侧视效果的金属立体字插图(4)
<图3>  

3、按Ctrl + J 把透视变形后的文字复制一层,适当往右下移动小段距离,看上去有种立体效果,为了突出效果,前面的文字图层可以稍微调亮一点,效果如下图。再把两层文字分别命名。底层的文字命名为“文字底层”,上面的命名为“文字顶层”。 
Photoshop制作侧视效果的金属立体字插图(5)
<图4> 4、现在开始制作当个文字。回到,用钢笔勾出下图所示的选区,再填充跟“文字底层”图形一样的颜色,效果如下图。 
Photoshop制作侧视效果的金属立体字插图(6)
<图5> 
5、用套索工具选区下图所示的选区锁定图层后,选择渐变工具,颜色设置如图7,拉出图8所示的线性渐变。拉渐变的时候角度需要稍微倾斜一点。 
Photoshop制作侧视效果的金属立体字插图(7)
<图6> 
Photoshop制作侧视效果的金属立体字插图(8)
<图7> 
Photoshop制作侧视效果的金属立体字插图(9)
<图8>  
6、用套索工具选区下图所示的选区,选择渐变工具,颜色设置如图10,拉出图11所示的线性渐变。 
Photoshop制作侧视效果的金属立体字插图(10)
<图9> 
Photoshop制作侧视效果的金属立体字插图(11)
<图10> 
Photoshop制作侧视效果的金属立体字插图(12)
<图11> 7、用钢笔工具勾出图12所示的选区,选择渐变工具,颜色设置如图13,拉出图14所示的线性渐变。 
Photoshop制作侧视效果的金属立体字插图(13)
<图12> 
Photoshop制作侧视效果的金属立体字插图(11)
<图13> 
Photoshop制作侧视效果的金属立体字插图(15)
<图14> 8、用钢笔工具勾出图15所示的选区,拉上图16所示的线性渐变。 
Photoshop制作侧视效果的金属立体字插图(16)
<图15> 
Photoshop制作侧视效果的金属立体字插图(11)
<图16> 
9、回到“文字顶层”,用套索工具把数字“6”勾选出来,锁定图层后,拉上图17所示的线性渐变,效果如图18。为了效果明显,其它的文字暂时都隐藏了。 
Photoshop制作侧视效果的金属立体字插图(18)
<图17> 
Photoshop制作侧视效果的金属立体字插图(19)
<图18> 
  10、选择减淡工具把“6”字表面及边缘的高光部分涂出来,如图19 – 20。 
Photoshop制作侧视效果的金属立体字插图(20)
<图19> 
Photoshop制作侧视效果的金属立体字插图(21)
<图20> 
Photoshop制作侧视效果的金属立体字插图(22)
<图21> 11、其它的数字及字母的制作方法一样,效果如图22 – 24。 
Photoshop制作侧视效果的金属立体字插图(23)
<图22> 
Photoshop制作侧视效果的金属立体字插图(24)
<图23> 
Photoshop制作侧视效果的金属立体字插图(25)
<图24>  
12、在图层的最上面新建一个图层,把前景颜色设置为:#9C8D81,背景颜色设置为黑色,执行:滤镜 > 渲染 > 云彩,效果如图25,确定后把图层混合模式改为“颜色减淡”,不透明度改为:80%,效果如图26。 
Photoshop制作侧视效果的金属立体字插图(26)
<图25> 
Photoshop制作侧视效果的金属立体字插图(27)
<图26> 13、最后再加上一些投影,完成最终效果。 
Photoshop制作侧视效果的金属立体字插图(28)
<图27> 
最终效果: 
Photoshop制作侧视效果的金属立体字插图(1)
<图28> 

作者: 791650988

为您推荐