hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程

文字制作分为三个部分：表面质感、立体面、装饰。表面部分制作稍微复杂一点，需要用多个图层叠加来渲染高光及暗部，增加文字的质感。

        最终效果

       
http://pic.16xx8.com/allimg/150121/2219362538-0.jpg
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:136330 作者：Sener 出处：PS联盟

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        1、新建一个800* 800像素，分辨率为72的画布，选择渐变工具，颜色设置如图1，然后由中心向边角拉出图2所示的红色至暗红色径向渐变。

       
http://pic.16xx8.com/allimg/150121/22193632M-1.jpg


       

       
http://pic.16xx8.com/allimg/150121/2219364933-2.jpg


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        2、打开文字素材（在下图右键选择“图片另存为”，保持到本机，然后用PS打开），文字为PNG格式，直接拖到新建的画布里面，放到中间位置。然后新建一个组，把文字拖到组里面。也可以使用自己喜欢的文字或图形。

       
http://pic.16xx8.com/allimg/150121/2219364Z2-3.png


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        3、锁定文字像素区域。

       
http://pic.16xx8.com/allimg/150121/22193A4a-4.jpg


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        4、现在给文字增加颜色。选择渐变工具，颜色设置如图5，然后由中心偏左上位置开始拉出径向渐变，效果如图6。

       
http://pic.16xx8.com/allimg/150121/22193642J-5.jpg


       

       
http://pic.16xx8.com/allimg/150121/22193A3S-6.jpg


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        5、现在来给文字增加质感。选择菜单：图层> 图层样式 > 斜面和浮雕，如图7，再设置一下等高线，如图8，确定后得到图9所示的效果。

       
http://pic.16xx8.com/allimg/150121/22193C622-7.jpg


       

       
http://pic.16xx8.com/allimg/150121/22193C3A-8.jpg


       

       
http://pic.16xx8.com/allimg/150121/22193B104-9.jpg


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        6、按Ctrl+ J 把当前图层复制一层，然后修改一下斜面和浮雕及等高线参数，确定后再把填充改为：0%，参数设置如图10，11，效果如图12。这一步给文字增加高光和暗部加强字体质感。

       
http://pic.16xx8.com/allimg/150121/2219364594-10.jpg


       

       
http://pic.16xx8.com/allimg/150121/2219362I5-11.jpg


       

       
http://pic.16xx8.com/allimg/150121/22193644E-12.jpg


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        7、按Ctrl+ J 把当前文字图层复制一层，修改一下参数如图13，14，确定后效果如图15。到这一步文字质感部分基本完成，如果不满意可以细调一下参数。

       
http://pic.16xx8.com/allimg/150121/22193AS6-13.jpg


       

       
http://pic.16xx8.com/allimg/150121/22193635U-14.jpg


       

       
http://pic.16xx8.com/allimg/150121/22193CX5-15.jpg


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        8、新建一个图层，把背景图层隐藏。按Ctrl+ Alt + Shift + E 盖印图层。把背景图层显示出来，原文字的几个图层隐藏。

       
http://pic.16xx8.com/allimg/150121/2219364592-16.jpg


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        9、现在来给文字增加花纹。把盖印图层复制一层，原盖印图层隐藏。打开图17所说的祥云素材，用魔棒工具把祥云抠出来，拖进来。

        把祥云图层复制一层，副本图层隐藏，先把祥云移到右下角位置，调整好角度及大小，然后按Ctrl + Alt + G 创建剪切蒙版，再把混合模式改为“叠加”，效果如图18。

       
http://pic.16xx8.com/allimg/150121/22193624H-17.jpg


       

       
http://pic.16xx8.com/allimg/150121/22193B194-18.jpg


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        10、按Ctrl+ J 把当前祥云图层复制一层，同上的方法创建剪切蒙版。按住Alt键添加图层蒙版，用白色画布把边缘部分要变亮的部分擦出了，如下图。

       
http://pic.16xx8.com/allimg/150121/22193AQ1-19.jpg


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        11、同上的方法给文字的其它部分增加祥云。

       
http://pic.16xx8.com/allimg/150121/2219364B2-20.jpg


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        12、在背景图层上面新建一个组，把之前的原文字盖印图层移到新建的组里面。现在来制作立体面。

        按Ctrl + J 复制文字图层，按Ctrl + T变形，调整高、宽的比例，再用往左及往上各移一个像素，如下图。然后回车确定。

       
http://pic.16xx8.com/allimg/150121/22193A635-21.jpg


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        13、按ctrl+ [ 往下移动一层。现在来重复操作：按Ctrl + Alt + Shift + T 组合键复制，按Ctrl + [ 下移图层，重复操作就可以得到想要的立体面，如图22，23。

       
http://pic.16xx8.com/allimg/150121/22193A425-22.jpg


       

       
http://pic.16xx8.com/allimg/150121/2219363623-23.jpg


       

hjtk 发表于 2015-1-28 23:56:22

Photoshop设计喜庆立体羊字教程



        14、把这些立体面的图层合并为一个图层，如下图。

       
http://pic.16xx8.com/allimg/150121/22193620Z-24.jpg


       
页: [1] 2
查看完整版本: Photoshop设计喜庆立体羊字教程