Photoshop绘制时尚大气的3D立体字教程

2016-02-15 20:09 17 1 收藏

下面图老师小编跟大家分享一个简单易学的Photoshop绘制时尚大气的3D立体字教程教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - PS 】

本教程主要使用Photoshop制作3D绚丽的立体字教程,立体很容易做好,不过要能与场景完美融合,还需要一些特殊处理。如下面的教程:立体字做好后,作者根据背景、光源、质感等重新给立体字的各个面进行细化处理,出来的效果非常整体,细腻。

最终效果

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

利用AI中的3D效果:

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

Photoshop中的3D工具:

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

2、得到3D文字的轮廓我们就可以开始进入到本教程的核心的图片合成环节了。

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

5、效果如图。

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

前:

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

后:

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

12、遮挡的阴影。

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

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

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

文本信息添加,完成最终效果。

Photoshop绘制时尚大气的3D立体字教程,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1563426.html

延伸阅读
最终效果 1.新建一个600px * 600px的文件背景选用黑色,选用文字工具打上文字,文字选用比较粗大的字体,颜色先用白色。 图1 2.选择文字工具在最上面的属性栏,找到"创建变形文本"按钮如图2 设置如图3 图2 图3 3.把文字复制一份 然后把文字副本层隐藏,再按Ctrl + E 合并可见图层如图4 图4 4....
标签: PS PS基础
先看效果图 新建文档800x500像素,背景白色。输入文字,颜色分别为#6a8af3、ff79fd和ff9c79。 右击文字层,栅格化文字。 复制此层,添加图层样式。 效果如下。 按住ctrl和alt键点击下方向键几次,复制几层,形成一定厚度。 合并所有文字层,添加投影样式。 用魔棒把字母的正面选出。 建新层载入植物笔刷,(笔...
标签: PS PS基础
最终效果 1、首先创建一个新文档,在这里我使用了500*300px的尺寸,填充颜色#74a103 2、创建一个新图层,椭圆选框工具创建一个圆形选区,填充颜色#b6e100,如图所示 3、按下Ctrl+D取消选择,选择滤镜模糊高斯模糊,如图所示。 效果如图所示。 4、按下来我们可以在图片中输入文字了,使用横排文字工具输入你喜欢的文字吧,...

经验教程

571

收藏

65
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部