Ethan

小编:看到这个效果图时,小编我也感觉挺有意思的,嘿嘿。感谢@P大点S的教程。想要做出这个效果需要用到图层样式以及蒙版等,而且想要做的真实需要注意的地方还是挺多的。我们在联系的过程中就需要锻炼着思考如何让效果更真、都有哪些因素是影响到它的等等这类的问题。加油小虎伴们!

今天的教程来自 P大点S 的 Projava!

第一眼看到这个效果,感觉挺有意思,于是尝试了一下,为了能更好的山寨这个效果,我花了不少时间才找到跟原图差不多类似的字体。字体名称是BubbleGum,跟我一样患有轻度强迫症的可以使用这个字体,当然,字体我们提供了下载。

点击下载字体

other-144975953

这是我们最终的效果:

other-145913021

原图:

other-145913023

现在教程开始,为了节省篇幅,我尽量简短的讲述。先添加一个渐变调整层~

other-145913024

文字工具,输入几个字母,当然字体就是BubbleGum,你也可以尝试其他字体~

other-145913025

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

other-145913026

还有内阴影~

other-1459130275

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

other-145913028

填充任意颜色~

other-145913029

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

other-145913030

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

other-145913031

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

other-145913032

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

other-145913033

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

other-145913034

双击字母填充层进入图层样式,添加渐变,顶端的颜色比较深是为了模拟字母变形后弯曲产生的阴影。还有你应该注意到我为了让字母的底部跟背景融合使用了透明度的调节~

other-145913035

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

other-145913036

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

other-145913037

改变画笔的大小和透明度,吸取字母上面的阴影色,仔细涂抹。模拟出字母弯曲后在边缘投下的阴影。由于像素锁定了,所以你可以大胆放心的画而不必担心“画出界”,这样是不是比刚才单纯用内阴影表现出来的效果要真实?

other-145913038

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

other-145913038

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

other-145913039

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

other-145913040

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

other-145913042

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

other-145913043

就像你在平时的生活中看到的那样,当一个物体投下的阴影离物体越近,阴影的边缘会更明显,颜色也更深,反之颜色会越浅,边缘也更模糊。双击这个阴影层,进入图层样式,添加渐变,让这个阴影变得更加真实。

other-145913044

上面的小字我就不打算理他了~

other-145913045

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

other-145913046

大功告成!

other-145913046

 

 

other-144785723

原文地址:pdadians

作者:P大点S

转载请注明:学UI网 » 制作一个从墙上剥落的文字效果【PS教程】

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn”  海量APP截图,让你灵感爆发!国内最好的APP截图站。

APP截图包是什么栏目?”  同一个APP,IOS和安卓截图对比分析,并且提供5种以上尺寸的APP截图打包下载,真贴心。

国内最棒的UI设计导航站”  专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 给学UI网打气,加油  猛点这里 >>

 
你可能喜欢的:
扁平小插画练习【做作业】扁平小插画练习【做作业】
教你用AI打造YOGA风图标【AI教程】教你用AI打造YOGA风图标【AI教程】
下拉动效【做作业】下拉动效【做作业】
5步快速制作2.5D插画5步快速制作2.5D插画
loaidng动画【做作业】loaidng动画【做作业】
小行星练习【做作业】小行星练习【做作业】
巧用PS画笔制作文字长阴影巧用PS画笔制作文字长阴影
扁平插画小练习【做作业】扁平插画小练习【做作业】
Anxiety Mario临摹【做作业】Anxiety Mario临摹【做作业】
overview临摹【做作业】overview临摹【做作业】
    • 有点小了,细节不是很明显。1.首先··文字渐变底部的颜色是不是应该让背景的颜色相容,中间的颜色太白了··2.仔细看看文字翘起来的深度那么厚,然,下面投影是不是要再来点,不然下面的有的单薄了。

    • 整体效果应该算做出来了··在这个基础上,文字渐变底部的颜色是不是应该让背景的颜色相容,这样然是在这个基础上翘边。