哈喽!大家好,今天教大家做纸片效果的文字,我们先看一下成品图
这样的文字效果有一种轻盈感,加上光影,变得特别立体!非常适合做海报、广告等标题哦!
好了,接下来,就跟着一起来做一下纸片效果的文字设计吧!
打开PS以后,我们新建一个蓝色的图层,作为背景底色
打上‘学UI到源码时代’几个字,我们这里用的字体是造字工房力黑,注意:这个字体不能作为商用哦!
注意:打这几个字的时候,要分成两行打,因为待会儿我们要对它们分别做一下变化!
我们选中‘学UI’图层,右键将其转换为形状,然后Ctrl+t,进入变换命令,右键选择透视,对字形进行变换
按住中间的锚点,可以左右拖动进行字体变换,按住四周的锚点拖动,可以进行透视变换
然后按照此操作,将‘到源码时代’图层也进行同样的变换调整,下图是调整后的图
我们选择直接选择工具,将两行文字中间缝隙的地方进行调整
调整后的图如下
因为是纸片折叠效果,所以下行的字会比上行的字要深一点——我们选择‘到源码时代’这个图层,双击它,来到图层样式菜单中,选择渐变叠加
给它一个灰色到白色的渐变填充——单击渐变条,对颜色进行设置,也可以对角度、缩放选项进行设置,这里角度设置成垂直的-90°,如图
双击色标的小箭头,可以对其更改颜色
双击灰色小箭头,给一个65的黑,或者色号为:#a6a5a5,如图所示
最后效果图如下
我们画一个矩形,然后填充成浅蓝色,用变换命令的透视对其进行调整,这样感觉字体是处在一个空间中的,如图
万事俱备,只欠东风——我们还需要加一下光影,让字变得更加立体!
我们选择直线套索工具,给文字勾画阴影
勾选完以后,按Ctrl+Enter做一个选区,如图
再选择油漆桶将其填充成黑色
调整不透明度24%
效果如图所示
最后你可以用这样的效果,比较硬一点的投影,也可以使用比较软一点的投影,我们选择橡皮擦,将投影的边缘进行擦除,软投影效果如图所示
怎么样?小伙伴们,简单的字体纸片立体效果图就这样完成了,你学会了吗?
本文为源码时代UI老师原创,转载请标明出处!!!