cnlogo8教程:PS打造端午节立体文字特效

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:   作者:网络

关键词
 【PConline 教程】手工制作立体字一般都是用复制的方法,不过立体面透视感不是很好。这次PS教程介绍一种比较实用的方法,就是用Photoshop等比例缩放及移动变形方法,出来的效果比较细腻逼真。

  最终效果图

PS教程:PS制作金色端午节立体文字特效


图00

  1、新建一个1000*650像素,分辨率为72的画布。

  选择渐变工具,颜色设置如图1,然后由中心向边角拉出图2所示的径向渐变作为背景。

PS教程:PS制作金色端午节立体文字特效


图01

PS教程:PS制作金色端午节立体文字特效


图02

  2、点击文字小图得到文字素材大图,右键保存(图片格式是PNG的)。用PS打开保存的文字图片,用移动工具拖到新建的文件里面。解锁后新建一个组,把文字拖到组里面,并放好位置。

PS教程:PS制作金色端午节立体文字特效


图03

PS教程:PS制作金色端午节立体文字特效


图04

  3、锁定文字像素区域,选择渐变工具,颜色设置如图4,然后由底部向上给文字加上图06所示的线性渐变。

PS教程:PS制作金色端午节立体文字特效


图05

PS教程:PS制作金色端午节立体文字特效


图06

  4、选择菜单:图层>图层样式>斜面和浮雕,参数设置如图6,然后再设置等高线如图08,确定后效果如图09。

PS教程:PS制作金色端午节立体文字特效


图07

PS教程:PS制作金色端午节立体文字特效


图08

PS教程:PS制作金色端午节立体文字特效


图09

 5、按Ctrl+J把当前文字图层复制一层,再选择菜单:图层>图层样式>斜面和浮雕,修改一下参数,等高线不用变,确定后把填充度改为:0%,不透明度改为:70%,效果如图11。

PS教程:PS制作金色端午节立体文字特效


图10

PS教程:PS制作金色端午节立体文字特效


图11

  6、按Ctrl+J把当前图层复制一层,按住Ctrl键点击文字缩略图载入文字选区,选择菜单:选择>修改>收缩,数值为10,羽化2个像素后给当前图层添加图层蒙版,再把不透明度改为:30%,效果如图13。

PS教程:PS制作金色端午节立体文字特效


图12

PS教程:PS制作金色端午节立体文字特效


图13

  7、把背景图层隐藏,新建一个图层,按Ctrl+Alt+Shift+E盖印图层。

PS教程:PS制作金色端午节立体文字特效


图14

  8、在背景图层上面新建一个组,命名为“立体面”。把盖印后的文字移动新建的组里面。

PS教程:PS制作金色端午节立体文字特效


图15

  9、按Ctrl+J把盖印图层复制一层,再按Ctrl+T变形,先设置宽和高的比例如下图上;然后移动副本文字,左侧及底部比原文字稍微有1个像素左右的距离,如下图。

PS教程:PS制作金色端午节立体文字特效


图16

  10、回车确定,按“Ctrl+[”键把副本图层移动原图层下面,如下图。

PS教程:PS制作金色端午节立体文字特效


图17

  11、下面的操作就复杂一点,一定要细心:

  有两组快捷键,先按“Ctrl+Alt+Shift+T”后文字就会自动复制一层,再按“Ctrl+[”把图层移下一层。

PS教程:PS制作金色端午节立体文字特效


图18

PS教程:PS制作金色端午节立体文字特效


图19

 12、重复上面的两组快捷键,最好重复次数多一点,这样立体面就会大气一点,自己满意后把这些立体面的图层合并,如下图。

PS教程:PS制作金色端午节立体文字特效


图20

  13、按Ctrl+J把立体面文字复制一层,按Ctrl+Shift+U去色,并把混合模式改为“正片叠底”,然后按Ctrl+Alt+G创建剪切蒙版,如下图。

PS教程:PS制作金色端午节立体文字特效


图21

  14、创建曲线调整图层,对RGB通道进行调整,把暗部压暗一点,确定后按Ctrl+Alt+G创建剪切蒙版,效果如图23。

PS教程:PS制作金色端午节立体文字特效


图22

PS教程:PS制作金色端午节立体文字特效


图23

  15、创建色彩平衡调整图层,对中间调,高光进行调整,参数设置如下图,确定后同上的方法创建剪切蒙版,效果如图26。

PS教程:PS制作金色端午节立体文字特效


图24

PS教程:PS制作金色端午节立体文字特效


图25

PS教程:PS制作金色端午节立体文字特效


图26

  16、创建可选颜色调整图层,对白色进行调整,参数设置如下图,确定后再创建剪切蒙版,效果如图28。

PS教程:PS制作金色端午节立体文字特效


图27

PS教程:PS制作金色端午节立体文字特效


图28

  17、在图层的最上面创建亮度/对比度调整图层,适当增加对比度,参数及效果如下图。

PS教程:PS制作金色端午节立体文字特效


图29

PS教程:PS制作金色端午节立体文字特效


图30

  最后调整一下细节,再把整体锐化一下,完成最终效果。

PS教程:PS制作金色端午节立体文字特效

 收藏