趣味创意馆

位置:首页 > 创意空间 > 设计教程

Photoshop简单制作黑白立体字

本教程简单介绍立体字的制作方法。思路:先打上自己喜爱的文字,然后给文字做好装饰,然后复制一个文字图层填充淡一点色彩做低,加点图层样式并变形,制作出立体的感觉。最后加上小的装饰物体即可。

最终效果

Photoshop简单制作黑白立体字

1、新建一个文件,尺寸稍微大点(相对于web设计),背景白色。

2、新建一个图层~~在上面打字(粗厚一点的字体有质量感一些),黑色。

3、把这个文字层栅格化(不支持此功能的ps版本,请把这个层和一个空白层合并,使文字变为图形)。

4、修饰这个图层,用选取工具删除出裂缝~然后再做一些选区,分别Ctrl+T自由变形,制造破裂的错位感。

得到如下图样。

Photoshop简单制作黑白立体字 第2张

5、(这个修好的图层我们且称之为”图层1“~~)复制”图层1“得到”图层2“,然后隐藏图层1(暂时不用看到它了)

6、给图层2添加图层效果:颜色叠加(就是给他上个灰色)~斜面浮雕(内斜面,基本用默认,记住把斜面的宽度设为1、2像素就可以了,不要太宽)得到如下图[这些都是50%大小的图]。

Photoshop简单制作黑白立体字 第3张

7、在图层2下面新建一个图层,叫图层3好了。

8、选中图层2,点Ctrl+E将图层2合并到图层3上。

9、对图层3应用复制变形(点Ctrl+Alt+t),在工具栏输入纵横拉伸的百分比,不要太大,我这里都是101%;然后把位置往右移动一个像素~再回车,确认变形。

得到如下,错开的两层。

Photoshop简单制作黑白立体字 第4张

10、关键:按住Ctrl+Alt+Shift不要动,多点几次"T"键,得到多个逐渐变大的图形层

如下图所示:

Photoshop简单制作黑白立体字 第5张

11、合并这些图层~可以用Ctrl+E一层层合并;亦可以全选中一次合并(高版本ps支持);或者采用合并可见图层或合并链接图层。

12、可以看到由于多次变形,出现了一些毛糙和模糊,另外还有一些层次感。我们采用去除杂色滤镜稍作修饰(可以用其他方法)减少层次感,然后把局部的毛边用选区选中删除。尽可能干净利落。

13、把开始时候隐藏的”图层1“,拖到最上层~然后恢复可见。再把这个图层1用变形变大,使它刚好能盖住刚才立体的表面。

Photoshop简单制作黑白立体字 第6张

14、在背景层上方,新建一层~~然后做个适当的矩形选区,位置就在文字的脚下。填充黑色。撤销选区,对该层应用高斯模糊~~得到如下效果:

Photoshop简单制作黑白立体字 第7张

15、做几个选区,从不同角度用黑色到透明的渐变填充,制造出两个墙面,一个地板的效果。

Photoshop简单制作黑白立体字 第8张

16、添加渐变叠加到图层1~~渐变大概是”白到黑再到白“~方向从上到下,透明度不要太高,微微提亮一点图层~请仔细对比和上图的差异。

Photoshop简单制作黑白立体字 第9张

17、新建一层,画个小人(用选区填前景色画的)。

18、把小人调整一下,弄成坐姿~(选中臀部和大腿,然后Ctrl+t变形侧向压扁,再把小腿接上来),把头弄低下。

Photoshop简单制作黑白立体字 第10张

19、把小人挪动位置,并且调整合适的大小。放到那个字上面。

Photoshop简单制作黑白立体字 第11张

20、给小人层添加一个图层效果:渐变叠加,方法和图层1的差不多。

21、小人的小腿是悬空的,在小人和图层1之间新建一层,用画笔画两条黑,多余的部分删掉再调整透明度。形成影子的样子。

请仔细对比上一幅图。

Photoshop简单制作黑白立体字 第12张


感谢作者佚名投稿。