Photoshop简单制作黑白立体字

2016-01-31 23:53 28 1 收藏

最近很多朋友喜欢上PS,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - ps字体怎么安装 】

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

1、新建一个文件,尺寸稍微大点(相对于web设计),背景白色。
2、新建一个图层~~ 在上面打字(粗厚一点的字体有质量感一些),黑色。
3、把这个文字层栅格化(不支持此功能的ps版本,请把这个层和一个空白层合并,使文字变为图形)。
4、修饰这个图层,用选取工具删除出裂缝~ 然后再做一些选区,分别 Ctrl+T 自由变形,制造破裂的错位感 。

得到如下图样。


5、(这个修好的图层我们且称之为 ”图层1“~~ )复制”图层1“ 得到 ”图层2“,然后 隐藏图层1(暂时不用看到它了)
6、给图层2添加图层效果: 颜色叠加 (就是给他上个灰色)~ 斜面浮雕 (内斜面,基本用默认,记住把斜面的宽度设为1、2 像素就可以了,不要太宽) 得到如下图 [这些都是50%大小的图]。

7、在图层2下面新建一个图层,叫图层3好了。
8、选中 图层2 ,点 Ctrl + E 将图层2 合并到 图层3 上。
9、对图层3 应用复制变形 (点 Ctrl + Alt + t),在工具栏输入 纵横拉伸的百分比,不要太大,我这里都是 101%;然后把位置往右移动一个像素~再回车,确认变形。

得到如下,错开的两层。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)
10、关键: 按住 Ctrl + Alt + Shift 不要动,多点几次 "T" 键,得到多个逐渐变大的图形层
如下图所示:

11、合并这些图层~ 可以用 Ctrl + E 一层层合并;亦可以全选中一次合并(高版本ps支持);或者采用合并可见图层或合并链接图层。
12、可以看到由于多次变形,出现了一些毛糙和模糊,另外还有一些层次感。我们采用 去除杂色滤镜稍作修饰(可以用其他方法)减少层次感,然后把局部的毛边用选区选中删除。尽可能干净利落。

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


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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)15、做几个选区,从不同角度用 黑色到透明 的渐变填充,制造出两个墙面,一个地板的效果。

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


17、新建一层,画个小人 (用选区填前景色画的)。18、把小人调整一下,弄成坐姿~ (选中臀部和大腿,然后Ctrl+t 变形侧向压扁,再把小腿接上来),把头弄低下。

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

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

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

请仔细对比上一幅图。

来源:https://www.tulaoshi.com/n/20160131/1524437.html

延伸阅读
【PS文字特效】Photoshop简单制作扇形风格tulaoshi立体字教程   Photoshop简单制作扇形风格立体字教程
标签: PS PS基础
本教程主要使用Photoshop简单的制作2015黄金立体字,不是教程,新手做立体字的一点经验小结,还请各位大手多指教。下面就一起来学习吧。 效果预览: 要点:利用渐变制作流光溢彩的效果 制作步骤: 如图制作红色背景 新建文字图层,设置图层样式:渐变叠加,参数如下: 复制文字图层,栅格化,选取图层,收缩选区,收缩数字根据...
【PS文字特效】Photoshop制作立体纹理字 教程需要CS4版本支持。现在CS4版本自带的3D工具效果非常强大,可以制作出非常逼真的立体图形。下面的教程介绍的是立体字的制作方法,教程可能翻译的不是很详细,细节及一些参数的设置还需要自己去摸索。 最终效果 1、首先我们选择一种位图格式的字体,然后输入文字,设置颜色,这里我填充的背景...
【PS文字特效】Photoshop制作镂空立体字 镂空立体字是在立体字的基础上制作的。制作之前需要自己先做出所需的立体字,文字的立体面要明显一点。然后找出文字的各个面,按照一定顺序分别填色并渲染高光及暗部即可。 photoshop教程最终效果 1、新建一个800 * 600像素的文件,背景填充淡灰色:#E4E0E1,如下图。 ...
【PS文字特效】photoshop快速制作立体字 这篇教程教图老师的朋友们用PS快速制作立体字,教程难度不大,制作出来的文字效果还挺漂亮的,立体感也很强,这样的立体字效个人觉得用来制作数字和字母的立体感会更强,中文的话效果也不差,只是中文结构复杂的话,制作起来就比较累了,好,一起来看看最终的效果图: FEVTE编注:更多PS文字效...

经验教程

676

收藏

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