当前位置:首页>ps入门教程>ps文字教程>3D立体字>教程内容

立体字,用PS制作大气的立体字海报(4)

来源:优设网 作者:P大点S 学习:174701人次
本篇教程通过PS制作大气立体字海报,立体很容易做好,不过要能与场景完美融合,还需要一些特殊处理,根据背景、光源、质感等重新给立体字的各个面进行细化处理,出来的效果非常整体,细腻。同学们一起来学习一下吧。

完成:

立体字,用PS制作大气的立体字海报_www.16xx8.com

1、这里的逻辑是,先得到一个符合透视原理的3D文字轮廓然后放到photoshop中添加贴图和效果,做成艺术化的伪3D视觉。得到3D轮廓的方法很多,比如绘画基础好的同学可以自行手绘。

利用AI中的3D效果:

立体字,用PS制作大气的立体字海报_www.16xx8.com

立体字,用PS制作大气的立体字海报_www.16xx8.com

Photoshop中的3D工具:

得到3D文字的方法很多,随你喜欢。

立体字,用PS制作大气的立体字海报_www.16xx8.com
2、得到3D文字的轮廓我们就可以开始进入到本教程的核心的图片合成环节了。

建立背景。新建合适大小的画布,置入背景素材。对素材调色,把它尽量压暗,提高对比度。

立体字,用PS制作大气的立体字海报_www.16xx8.com

立体字,用PS制作大气的立体字海报_www.16xx8.com

立体字,用PS制作大气的立体字海报_www.16xx8.com

3、制作文字,这里以字母“P”为例子。将AI中制作好的文字复制粘贴到Photoshop中,并调整好大小和位置。

立体字,用PS制作大气的立体字海报_www.16xx8.com

4、用钢笔勾出3D文字的各个里面区域,施加图层样式得到基础质感。

立体字,用PS制作大气的立体字海报_www.16xx8.com
5、效果如图。

立体字,用PS制作大气的立体字海报_www.16xx8.com

6、其余的几个区域也进行一样的操作。但是图层演示要根据实际情况做相应调整。

立体字,用PS制作大气的立体字海报_www.16xx8.com

7、根据轮廓用钢笔绘出3D文字,并用图层样式赋予其基础质感。注意,这里用形状图层并且用图层样式来进行调节是因为这里的属性是可以随时修改的。我想对于GUI或者icon设计的朋友,应该很清楚。

立体字,用PS制作大气的立体字海报_www.16xx8.com

8、用剪贴蒙版对文字进行进一步修饰处理。

添加一个亮度对比度的调整图层,将整体亮度压低,新建一层高光层混合模式为线性减淡,一层暗部层混合模式为正片叠底。亮部层中用合适的柔角画笔,调整好流量和透明度,吸取一个亮黄色在收光面上画出淡淡的高光,适当的时候可以用高斯模糊均化一下。暗部层反之,打造阴影区域。

立体字,用PS制作大气的立体字海报_www.16xx8.com

前:

立体字,用PS制作大气的立体字海报_www.16xx8.com

后:

立体字,用PS制作大气的立体字海报_www.16xx8.com

9、打造阴影。将之前AI中复制过来的字母文件栅格化,ctrl+U,亮度调成最暗,得到一个黑色的字母P,这个是做阴影的基本元素。

立体字,用PS制作大气的立体字海报_www.16xx8.com
10、复制几层,注意请注意,这里都把它变成智能对象,然后再施加滤镜菜单下的模糊命令。再结合蒙版来打造阴影。这里之所以用智能滤镜是因为这是可以反复调节的,便于修改。

立体字,用PS制作大气的立体字海报_www.16xx8.com

立体字,用PS制作大气的立体字海报_www.16xx8.com

11、同理对于字母S的处理也是一样的。不过多个对象要注意它们之间的遮挡关系,从而添加一些阴影。

立体字,用PS制作大气的立体字海报_www.16xx8.com

12、遮挡的阴影。

立体字,用PS制作大气的立体字海报_www.16xx8.com

13、光效添加和匹配。Light effects。

立体字,用PS制作大气的立体字海报_www.16xx8.com

14、分析一下,这里我把光线简化成了三个部分,一个是从上打下来的主光源“top light”,二个是文字本身的反射的边缘光“edge lighting”,三个是装饰用的点状光源。

立体字,用PS制作大气的立体字海报_www.16xx8.com

15、这里我做了4层,主要元素做法如下。用形状图层勾画一个体形,填充渐变,变成智能对象,图层的混合模式改为“滤色”,后利用智能滤镜下的高斯模糊。配合图层蒙版和滤镜蒙版,以及调整图层透明度来打造这个主光源。

立体字,用PS制作大气的立体字海报_www.16xx8.com

立体字,用PS制作大气的立体字海报_www.16xx8.com
16、点状光源的制作相对简单。只要新建1到2个图层混合模式为颜色减淡,用柔焦笔刷,调节不同的大小,和流量,透明度点点点。

立体字,用PS制作大气的立体字海报_www.16xx8.com

17、文字部分的Edge lighting只要新建一层,混合模式为线性减淡,在受光面上,用淡黄色的柔角笔刷轻轻刷几道。

立体字,用PS制作大气的立体字海报_www.16xx8.com

立体字,用PS制作大气的立体字海报_www.16xx8.com

18、整体调色润色。用调色工具来将整个画面打造的更加精致。最后锐化一下。

立体字,用PS制作大气的立体字海报_www.16xx8.com

立体字,用PS制作大气的立体字海报_www.16xx8.com

立体字,用PS制作大气的立体字海报_www.16xx8.com

完成:

立体字,用PS制作大气的立体字海报_www.16xx8.com

立体字我们网站有很多,喜欢的同学可以找到更多的立体字样式来进行创作。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
南海风2019-02-02 12:00
太喜欢了
安然离去2018-06-25 06:12
点赞
低开了份2018-01-03 09:56
看起来很好的效果.
爱心V2017-12-29 08:00
有视频就好了
心不动则不伤2017-12-29 06:20
效果 简单快捷 赞个
琪琪a198402202017-12-29 05:29
看起来很好的效果.
萌扎堆男王2017-12-29 11:00
要视频
罗妹仔2017-12-29 01:34
签到
姑娘为鲸2017-12-29 01:30
学习
这个ID是梦到的2017-12-29 01:30
学习

关注大神微博加入>>

网友求助,请回答!