Photoshop制作创意风格墙面立体字教程

2016-02-15 22:23 3 1 收藏

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

【 tulaoshi.com - PS 】

本文教大家制作一种从墙上剥离开的文字特效,主要是利用给文字进行变形,给大家形成一种视觉上的效果,然后设置一些阴影效果,最后使文字更具立体效果。从网上看到的这个效果,为了能更好的山寨这个效果,我花了不少时间才找到跟原图差不多类似的字体。

字体名称是BubbleGum,跟我一样患有轻度强迫症的可以百度下载。

山寨效果:

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

原图:

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

现在开始山寨,为了节省篇幅,我尽量简短的讲述。

先添加一个渐变填充层

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

输入几个字母~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

双击字母层打开图层样式,添加一个渐变~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

还有内阴影~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

新建一层,按ctrl点击字母层的缩略图载入选区~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

填充任意颜色~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

取消选区,ctrl+t,把这个填充的字母整体压扁一点~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

在操控框里右键选择变形~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

字母的底部保持不动,只调整上面的斜度,让字母产生从背景上剥离的效果~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

如果你对其中某一个字母的变形效果不满意,你还可以使用操控变形给它做细微的变化,比如图中的V字母~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

按住ALT将渐变填充层复制移动到经过变形的字母填充层上面,ctrl+alt+g剪贴蒙版~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

双击字母填充层进入图层样式,添加渐变,顶端的颜色比较深是为了模拟字母变形后弯曲产生的阴影。

还有你应该注意到我为了让字母的底部跟背景融合使用了透明度的调节~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

使用内阴影模拟变形字母的厚度,这里我不大喜欢原图的效果,原因就是它显得不真实,不过唯一的好处就是简便,适合懒人~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

我做了一些改正,不使用内阴影。把变形字母复制一层,清除图层样式后点开锁定像素,填充白色。往左上角移动3,4个像素距离~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

改变画笔的大小和透明度,吸取字母上面的阴影色,仔细涂抹。模拟出字母弯曲后在边缘投下的阴影。由于像素锁定了,

所以你可以大胆放心的画而不必担心画出界,这样是不是比刚才单纯用内阴影表现出来的效果要真实?

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

在文本字母上新建一层,按ctrl点击文本字母层载入选区,填充50%的灰色,把图层混合模式改为正片叠底~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

像前面处理弯曲字母一样,压扁后变形,不过方向不一样,现在往左边弯曲~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

选取硬度为0大小适中的画笔,,按Q进入快速蒙版,选择阴影字母的上面的大半部分~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

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

再次按Q退出快速蒙版,高斯模糊~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

取消选区,用模糊工具将过度不正常的地方模糊一下~

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

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

就像你在平时的生活中看到的那样,当一个物体投下的阴影离物体越近,阴影的边缘会更明显,颜色也更深,反之颜色会越浅,

边缘也更模糊。双击这个阴影层,进入图层样式,添加渐变,让这个阴影变得更加真实。

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

大功告成,上面的小字我就不打算理他了~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

看了看之后觉得还可以修改一下,给阴影添加蒙版,让远处的阴影更虚一点~

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

最终效果!

Photoshop制作创意风格墙面立体字教程,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160215/1564671.html

延伸阅读
标签: PS PS基础
介绍用Photoshop制作简单的金属字效,主要用到图层样式,简单易学,喜欢的同学一起来学习一下吧。 最终效果: 首先输入文字,本教程以英文制作为参考,读者可以输入中文查看效果 如图所示,添加图层样式. 输入文字 与上图相同,添加图层样式.注意在渐变叠加时,使用与上图不同的样式.使其最终效果产生层次感.个人观点. 为文...
标签: PS PS基础
这次的PS基础教程将为大家介绍如何使用Photoshop制作出琥珀效果的文字特效。本PS教程属于Photoshop基础教程,适合初学者学习。希望大家喜欢。 最终效果图 图0 1、打开Adobe Photoshop CS3软件,执行菜单:文件/新建(快捷键Ctrl+N),弹出的新建对话框,名称:ps打造漂亮透明琥珀文字效果,宽度:800像素,高度:600像素,分辨率:72像素/...
标签: PS PS基础
本教程主要使用Photoshop制作火焰动感的3D立体字教程,效果图中的文字部分并不复杂,为简单的立体字,用图层样式及手工复制就可以做好。火焰部分稍微有点复杂,用动感及火焰素材叠加,然后再加上火花及炫光等渲染出动感效果即可,喜欢的朋友让我们一起来学习吧。 教程素材: 火焰燃烧的极品飞车3D字体PS教程素材 最终效果 1、新建一个1...
来源:优设 作者:Mu鑫 本教程的字体效果制作难度较大,完全用鼠绘的方法完成。大致过程:先根据需要打上文字,然后给文字变形处理,做出有艺术感的连写效果。然后给文字上色做出金属及立体感,后期再添加装饰即可。 最终效果 局部细节 寻找参考图。 1、选比较粗矿点的英文字体,打出你想要的字母,鼠标放该图层右键点将其栅格化,独...

经验教程

285

收藏

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