@阿随向前冲 今天我们学习如何用Photoshop制作带刮痕的折纸字体效果。首先,我们用纹理创建背景,再使用钢笔工具、图层蒙版,以及使用加深、减淡和变换工具的实用技巧对字体进行处理。下面这个教程非常简单,所以我建议大家都去尝试一下。

此教程是SDC番茄匠@阿随向前冲 为大家精心翻译的,过程非常详细,很用心呢。希望各位亲爱的编辑同仁们转载时艾特上小哥,在此深深感谢。: )

更多photoshop教程请戳 → 优设photoshop教程合集

用Photoshop创建真实的折叠纸字体

步骤一

打开Photoshop,新建文档,宽高像素分别是1920*1200,因为这个作品会被拿来做壁纸,所以分辨率设置成72像素/英寸就好。

*提醒苹果用户:ctrl=cmd,alt=option

用Photoshop创建真实的折叠纸字体

步骤二:

填充深绿色背景。选择图层-图层样式-颜色叠加,选择深绿色(#41514c)(译者注:无法选择图层样式时,先在图层面板双击背景新建图层。Ps:直接设置前景色为#41514c,在填充颜色也即可。)

用Photoshop创建真实的折叠纸字体

步骤三

我用了Piervincenzo制作的“soft grunge”(微盘下载)纹理中的两种来给背景填充纹理。新建图层,选择编辑-填充,打开纹理库,点击对话框右上侧的小箭头。然后,点击“载入图案”,选择刚刚下载的“soft grunge”图案。如果你不是会员,可以尝试用“soft grunge”纹理来实现相同的效果。

用Photoshop创建真实的折叠纸字体

选择“pattern2_380,确定以填充背景。”(译者注:不是该网站会员的,可以使用花岗岩纹理 )

用Photoshop创建真实的折叠纸字体

最后,将图层类型设置为叠加,不透明度设置成50%。

用Photoshop创建真实的折叠纸字体

步骤四

再次新建图层,这次使用“pattern_9_380_hard”填充。(译者注:练习时,可以使用“艺术表面-纱布纹理”。)

用Photoshop创建真实的折叠纸字体

按住ctrl+I,反转图层颜色;再按住shift+ctrl+u,去色。

用Photoshop创建真实的折叠纸字体

图层混合模式设置成“滤色”,调成70%不透明度。

用Photoshop创建真实的折叠纸字体

步骤五

至此背景就搞定了,我们可以开始设计字母了。每一个字母的处理方法都是如出一辙,所以我仅演示如果创建第一个字母,然后,大家可以用同样的方法来处理其他字母。

你需要一个粗体无衬线字体。我用的是Nevis(译者注:已经帮小伙伴们download下来转存到微盘了哦微盘下载,这是非常棒的一个免费字体。选择横排文字工具,写下第一个字,在我的案例中是F。字体大小设置成260pt,当然具体多大取决于你的画布大小。

用Photoshop创建真实的折叠纸字体

按住ctrl+T,使用自由变化工具,旋转字母。通过对字母的不同角度的旋转,我们最终得到一个更为真实的效果。

用Photoshop创建真实的折叠纸字体

按ctrl+J,复制字母图层,并将它移动到源图层的下边,隐藏它的可见性。我们稍后用它创造阴影效果。

用Photoshop创建真实的折叠纸字体

步骤六

右键点击“F”字母图层,选择混合选项的颜色叠加,颜色选择浅灰色(#f6f6f6)

用Photoshop创建真实的折叠纸字体

接下来,为了使用加深和减淡工具,我们需要删除样式,因为样式存在的情况下,这俩工具不可用。因此,我们需要的是一个不带任何样式的灰色字母F形状的图层。这有一个窍门来实现这个效果。很简单,新建空白图层,然后选择它和”F”图层,按CTRL+E合并图层。搞定!

用Photoshop创建真实的折叠纸字体

步骤七

选用钢笔工具的路径模式,绘制一条如下截图所示的路径。

用Photoshop创建真实的折叠纸字体

按CTRL+ENTER,把路径转换成选区。

用Photoshop创建真实的折叠纸字体

按CTRL+J,把刚才的选区复制到一个新图层。现在,你既有了一个字母图层,又有了一个仅带刚才的选区的图层。

用Photoshop创建真实的折叠纸字体

步骤八

我们必须从字母上删除这个小选区。以便拥有带这个小选区的图层(上一步得到的)和一个不带这个小选区的图层。如此来做,选择字母“F”图层,然后在小形状图层上按CTRL+click,选择它的像素。按住Alt同时点击“添加图层蒙版”按钮。最后按住CTRL+D,取消选区。

用Photoshop创建真实的折叠纸字体

步骤九

如果你隐藏形状图层的可见性,就会看到有一条白色边框,我们需要删除它。

用Photoshop创建真实的折叠纸字体

删除它,选择蒙版,使用一个黑色笔刷涂满它。

用Photoshop创建真实的折叠纸字体

步骤十

选择形状图层并勾选可见性。然后,选择菜单编辑-变化-扭曲,将左上角的锚点一点点拖动到右下角。

用Photoshop创建真实的折叠纸字体

你会注意到在字母和形状之间有一条缝。连接两个形状,选择字母的图层蒙版,用一把白色笔刷在这条缝上涂满。

用Photoshop创建真实的折叠纸字体

步骤11

在制作折叠效果时,我们必须注意光的方向。我决定把光源设置在右上侧,这样我们已经创建的折叠部分就应该比字母部分更亮。在选中被选中且已经完成折叠的部分,选中减淡工具(设置成高光),然后涂满它。

用Photoshop创建真实的折叠纸字体

现在选择主字母图层,选中加深工具,在折叠纸张的限定区域内涂满,这样就创建了一个柔和的阴影效果。

用Photoshop创建真实的折叠纸字体

步骤12

用创建第一个折叠纸张效果的方法,在右上角创建第二个,这次在它上面使用加深工具。

用Photoshop创建真实的折叠纸字体

步骤13

我们必须为这张纸创建阴影。使用基于形状模式的钢笔工具,创建一个如下截图所示的形状。

用Photoshop创建真实的折叠纸字体

选择菜单滤镜-模糊-高斯模糊,设定2像素的半径。

用Photoshop创建真实的折叠纸字体

不透明度降到10%以营造较为柔和的效果。

用Photoshop创建真实的折叠纸字体

步骤14

选中目前为止创建的所有图层,合并它们。现在,你是否还记得我们在开始的时候(步骤5)复制的字母图层?恰如我写道的,我们这就用它创建阴影效果。因此,勾选它的可见性,给它添加一个黑色的颜色叠加。

用Photoshop创建真实的折叠纸字体

选择菜单编辑>变化>扭曲,拉伸出如下截图所示的阴影。

用Photoshop创建真实的折叠纸字体

选择菜单>滤镜>模糊>高斯模糊,设置半径为5像素。

用Photoshop创建真实的折叠纸字体

最后,把不透明度降到30%,如果你想删除一部分阴影,可以使用橡皮擦工具或是蒙版。

用Photoshop创建真实的折叠纸字体

步骤15

最后,我们用一个纹理来创建皱皱巴巴的纸张效果。为此,我使用了“paper textures”纹理中的“paper1.jpg”。在文档内粘贴这个纹理,按CTRL+T重设大小,按SHIFT+CTRL+U去色。然后,如果你将图层模式更改为正片叠底,你就能消除白色部分,看到这个纹理是如何影响字母的。

用Photoshop创建真实的折叠纸字体

直到你满意后,CTRL+单击字母图层(所有图层合并在一起了)以建立选区,给纹理添加图层蒙版。当然如果你想要更强的效果,可以复制这个纹理图层。

用Photoshop创建真实的折叠纸字体

这就是创建所有字母的方法,只需(调整)字母角度和阴影的不透明度来完成这个单词或者词组。下面就是我得到的结果:

用Photoshop创建真实的折叠纸字体

步骤17

最后一步,选择所有图层,按shift+alt+ctrl+e,建立盖印可见图层,选择菜单滤镜>渲染>光照效果,设置一点来自右上角的光源。

用Photoshop创建真实的折叠纸字体

设置颜色加深的图层模式,降低不透明度到60%。我们终于做完了!我希望这个教程给你带去愉悦。

用Photoshop创建真实的折叠纸字体

 
优设网 SDC翻茄匠:微博:@阿随向前冲
原文地址:wegraphics

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:拥有粉丝量41万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

用Photoshop创建真实的折叠纸字体
 

收藏 14
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。