ps设计圣诞节日气氛文字教程

制作过程:先做出大致的文字与图形组合;然后用多层图层样式叠加做出金属浮雕效果;接着用等比复制的方法做出立体面;后期增加一些圣诞小素材装饰即可。

用Photoshop液化工具创建一种独特的字体

本教程我将教大家怎样设计一个类似有机液态的字体, 这个字体是OFFF 2011识别系统工作中的一部分。我们将会结合一些抽象图形,通过Photoshop来创建一个令人惊叹的设计。不用害怕打破常规,抽象的图案会更具现实主义。

这里重点介绍立体字部分的制作,前期的一些图形及字体设计等可以慢慢去发挥。

制作过程:先做出大致的文字与图形组合;然后用多层图层样式叠加做出金属浮雕效果;接着用等比复制的方法做出立体面;后期增加一些圣诞小素材装饰即可。

最终效果

ps设计圣诞节日气氛文字教程插图

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

ps设计圣诞节日气氛文字教程插图(1)

<图1>

ps设计圣诞节日气氛文字教程插图(2)

<图2>
2、下载下面素材,图为PNG格式,点击图片,会在新窗口打开一个图片,直接右键图片另存为,保存到本机,然后用PS打开,再拖进来。

ps设计圣诞节日气氛文字教程插图(3)

3、把文字放在画布的中间位置,然后锁定像素区域,如下图。

ps设计圣诞节日气氛文字教程插图(4)

<图3>

4、选择渐变工具,颜色设置如图4,在文字中上部向下拉出图5所示的径向渐变。

ps设计圣诞节日气氛文字教程插图(5)

<图4>

ps设计圣诞节日气氛文字教程插图(6)

<图5>

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

ps设计圣诞节日气氛文字教程插图(7)

<图6>

ps设计圣诞节日气氛文字教程插图(8)

<图7>

ps设计圣诞节日气氛文字教程插图(9)

<图8>

6、按Ctrl+ J 把当前图层复制一层,双击图层面板文字副本缩略图载入图层样式,修改一下斜面和浮雕数值,如图9,等高线不用变,然后确定。再把图层填充改为:0%,效果如图10。

ps设计圣诞节日气氛文字教程插图(10)

<图9>

ps设计圣诞节日气氛文字教程插图(11)

<图10>

7、按Ctrl+ J 把当前图层复制一层,修改一下斜面和浮雕数值,同时取消等高线选项,确定后再把填充改为:0%,不透明度改为:40%,效果如图12。

ps设计圣诞节日气氛文字教程插图(12)

<图11>

ps设计圣诞节日气氛文字教程插图(13)

<图12>

8、回到原文字图层,如下图。

ps设计圣诞节日气氛文字教程插图(14)

<图13>
9、创建色彩平衡调整图层,对高光进行调整,参数设置如图14,确定后按Ctrl+ Alt + G 创建剪切蒙版,效果如图15。

ps设计圣诞节日气氛文字教程插图(15)

<图14>

ps设计圣诞节日气氛文字教程插图(16)

<图15>

10、在背景图层上面新建一个组,在组里新建一个图层,如下图。

ps设计圣诞节日气氛文字教程插图(17)

<图16>

11、把背景图层隐藏,按Ctrl+ Alt + Shift + E 盖印图层,如下图。

ps设计圣诞节日气氛文字教程插图(18)

<图17>

12、把背景图层显示出来,回到盖印图层,按Ctrl+ J 复制一层,然后按Ctrl + T 变形,用移动工具先把中心点向下移一点。

ps设计圣诞节日气氛文字教程插图(19)

<图18>

ps设计圣诞节日气氛文字教程插图(20)

<图19>
13、按住Alt+ Shift + 左边左键边角小框,然后网内拖动等比例缩小,宽,高比例都为:99.7%。然后回车确定。

ps设计圣诞节日气氛文字教程插图(21)

<图20>

14、按Ctrl+ ] 把图层往下移一层,如下图。

ps设计圣诞节日气氛文字教程插图(22)

<图21>

15、按Ctrl+ Alt + Shift + T 就可以复制一层,如下图。

ps设计圣诞节日气氛文字教程插图(23)

<图22>

16、按Ctrl+ ] 往下移一层。

ps设计圣诞节日气氛文字教程插图(24)

<图23>

17、重复操作,先按Ctrl+ Alt + Shift + T 复制,再按Ctrl + ] 往下移一层,直到出现自己满意的立体面。然后把这些立体面的图层合并为一个图层。

ps设计圣诞节日气氛文字教程插图(25)

<图24>

18、按Ctrl+ J 把立体面的图层复制一层,按Ctrl + Shift + U 去色,混合模式改为“正片叠底”,再按Ctrl + Alt +G 创建剪切蒙版,效果如下图。

ps设计圣诞节日气氛文字教程插图(26)

<图25>

19、按Ctrl+ J 把当前图层复制一层,不透明度改为:50%,同上的方法创建剪切蒙版,效果如下图。

ps设计圣诞节日气氛文字教程插图(27)

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

ps设计圣诞节日气氛文字教程插图(28)

<图27>

ps设计圣诞节日气氛文字教程插图(29)

<图28>

ps设计圣诞节日气氛文字教程插图(30)

<图29>

21、按Ctrl+ J 把当前色彩平衡调整图层复制一层,同上的方法创建剪切蒙版,效果如下图。

ps设计圣诞节日气氛文字教程插图(31)

<图30>

22、创建色相/饱和度调整图层,对全图进行调整,参数设置如图31,确定后同上的方法创建剪切蒙版。

ps设计圣诞节日气氛文字教程插图(32)

<图31>

ps设计圣诞节日气氛文字教程插图(33)

<图32>

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

ps设计圣诞节日气氛文字教程插图(34)

<图33>

ps设计圣诞节日气氛文字教程插图(35)

<图34>
24、创建曲线调整图层,稍微调暗一点,确定后同上的方法创建剪切蒙版,再把蒙版填充黑色,用白色画笔把过亮的部分擦出来,如图36。

ps设计圣诞节日气氛文字教程插图(36)

<图35>

ps设计圣诞节日气氛文字教程插图(37)

<图36>

25、创建纯色调整图层,颜色设置为红色:#CD013B,确定后同上的方法创建剪切蒙版,再把不透明度改为:60%,效果如下图。

ps设计圣诞节日气氛文字教程插图(38)

<图37>

26、新建一个图层,盖印图层,同上的方法创建剪切蒙版,再把混合模式改为“滤色”,按住Alt键添加图层蒙版,用白色画笔把需要变亮的部分擦出来,效果如下图。

ps设计圣诞节日气氛文字教程插图(39)

<图38>

27、文字部分基本处理完成。下面就可以随意加入一些素材,素材都是PNG格式,保持后直接使用。

ps设计圣诞节日气氛文字教程插图(40)

<图39>

ps设计圣诞节日气氛文字教程插图(41)

<图40>

ps设计圣诞节日气氛文字教程插图(42)

<图41>

ps设计圣诞节日气氛文字教程插图(43)

<图42>

ps设计圣诞节日气氛文字教程插图(44)

<图43>

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

ps设计圣诞节日气氛文字教程插图

 

这里重点介绍立体字部分的制作,前期的一些图形及字体设计等可以慢慢去发挥。

制作过程:先做出大致的文字与图形组合;然后用多层图层样式叠加做出金属浮雕效果;接着用等比复制的方法做出立体面;后期增加一些圣诞小素材装饰即可。

最终效果

ps设计圣诞节日气氛文字教程插图

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

ps设计圣诞节日气氛文字教程插图(1)

<图1>

ps设计圣诞节日气氛文字教程插图(2)

<图2>
2、下载下面素材,图为PNG格式,点击图片,会在新窗口打开一个图片,直接右键图片另存为,保存到本机,然后用PS打开,再拖进来。

ps设计圣诞节日气氛文字教程插图(3)

3、把文字放在画布的中间位置,然后锁定像素区域,如下图。

ps设计圣诞节日气氛文字教程插图(4)

<图3>

4、选择渐变工具,颜色设置如图4,在文字中上部向下拉出图5所示的径向渐变。

ps设计圣诞节日气氛文字教程插图(5)

<图4>

ps设计圣诞节日气氛文字教程插图(6)

<图5>

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

ps设计圣诞节日气氛文字教程插图(7)

<图6>

ps设计圣诞节日气氛文字教程插图(8)

<图7>

ps设计圣诞节日气氛文字教程插图(9)

<图8>
6、按Ctrl+ J 把当前图层复制一层,双击图层面板文字副本缩略图载入图层样式,修改一下斜面和浮雕数值,如图9,等高线不用变,然后确定。再把图层填充改为:0%,效果如图10。

ps设计圣诞节日气氛文字教程插图(10)

<图9>

ps设计圣诞节日气氛文字教程插图(11)

<图10>

7、按Ctrl+ J 把当前图层复制一层,修改一下斜面和浮雕数值,同时取消等高线选项,确定后再把填充改为:0%,不透明度改为:40%,效果如图12。

ps设计圣诞节日气氛文字教程插图(12)

<图11>

ps设计圣诞节日气氛文字教程插图(13)

<图12>

8、回到原文字图层,如下图。

ps设计圣诞节日气氛文字教程插图(14)

<图13>
9、创建色彩平衡调整图层,对高光进行调整,参数设置如图14,确定后按Ctrl+ Alt + G 创建剪切蒙版,效果如图15。

ps设计圣诞节日气氛文字教程插图(15)

<图14>

ps设计圣诞节日气氛文字教程插图(16)

<图15>

10、在背景图层上面新建一个组,在组里新建一个图层,如下图。

ps设计圣诞节日气氛文字教程插图(17)

<图16>

11、把背景图层隐藏,按Ctrl+ Alt + Shift + E 盖印图层,如下图。

ps设计圣诞节日气氛文字教程插图(18)

<图17>

12、把背景图层显示出来,回到盖印图层,按Ctrl+ J 复制一层,然后按Ctrl + T 变形,用移动工具先把中心点向下移一点。

ps设计圣诞节日气氛文字教程插图(19)

<图18>

ps设计圣诞节日气氛文字教程插图(20)

<图19>
13、按住Alt+ Shift + 左边左键边角小框,然后网内拖动等比例缩小,宽,高比例都为:99.7%。然后回车确定。

ps设计圣诞节日气氛文字教程插图(21)

<图20>

14、按Ctrl+ ] 把图层往下移一层,如下图。

ps设计圣诞节日气氛文字教程插图(22)

<图21>

15、按Ctrl+ Alt + Shift + T 就可以复制一层,如下图。

ps设计圣诞节日气氛文字教程插图(23)

<图22>

16、按Ctrl+ ] 往下移一层。

ps设计圣诞节日气氛文字教程插图(24)

<图23>

17、重复操作,先按Ctrl+ Alt + Shift + T 复制,再按Ctrl + ] 往下移一层,直到出现自己满意的立体面。然后把这些立体面的图层合并为一个图层。

ps设计圣诞节日气氛文字教程插图(25)

<图24>

18、按Ctrl+ J 把立体面的图层复制一层,按Ctrl + Shift + U 去色,混合模式改为“正片叠底”,再按Ctrl + Alt +G 创建剪切蒙版,效果如下图。

ps设计圣诞节日气氛文字教程插图(26)

<图25>

19、按Ctrl+ J 把当前图层复制一层,不透明度改为:50%,同上的方法创建剪切蒙版,效果如下图。

ps设计圣诞节日气氛文字教程插图(27)

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

ps设计圣诞节日气氛文字教程插图(28)

<图27>

ps设计圣诞节日气氛文字教程插图(29)

<图28>

ps设计圣诞节日气氛文字教程插图(30)

<图29>

21、按Ctrl+ J 把当前色彩平衡调整图层复制一层,同上的方法创建剪切蒙版,效果如下图。

ps设计圣诞节日气氛文字教程插图(31)

<图30>

22、创建色相/饱和度调整图层,对全图进行调整,参数设置如图31,确定后同上的方法创建剪切蒙版。

ps设计圣诞节日气氛文字教程插图(32)

<图31>

ps设计圣诞节日气氛文字教程插图(33)

<图32>

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

ps设计圣诞节日气氛文字教程插图(34)

<图33>

ps设计圣诞节日气氛文字教程插图(35)

<图34>
24、创建曲线调整图层,稍微调暗一点,确定后同上的方法创建剪切蒙版,再把蒙版填充黑色,用白色画笔把过亮的部分擦出来,如图36。

ps设计圣诞节日气氛文字教程插图(36)

<图35>

ps设计圣诞节日气氛文字教程插图(37)

<图36>

25、创建纯色调整图层,颜色设置为红色:#CD013B,确定后同上的方法创建剪切蒙版,再把不透明度改为:60%,效果如下图。

ps设计圣诞节日气氛文字教程插图(38)

<图37>

26、新建一个图层,盖印图层,同上的方法创建剪切蒙版,再把混合模式改为“滤色”,按住Alt键添加图层蒙版,用白色画笔把需要变亮的部分擦出来,效果如下图。

ps设计圣诞节日气氛文字教程插图(39)

<图38>

27、文字部分基本处理完成。下面就可以随意加入一些素材,素材都是PNG格式,保持后直接使用。

ps设计圣诞节日气氛文字教程插图(40)

<图39>

ps设计圣诞节日气氛文字教程插图(41)

<图40>

ps设计圣诞节日气氛文字教程插图(42)

<图41>

ps设计圣诞节日气氛文字教程插图(43)

<图42>

ps设计圣诞节日气氛文字教程插图(44)

<图43>

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

ps设计圣诞节日气氛文字教程插图

 

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部