教程:PS打造一块趣多多饼干字体

2013/01/19

这个教程中,我会向你展示打造一个饼干咬噬效果文本的详细步骤,我们会对一些基本的技能进行联系,如快速选择工具,图层蒙版,图层混合选项之类的。

入门级的教程一个,步骤都很简单,来吧。

注意:该教程内容在Photoshop CS6中完成,因此部分屏幕截图可能和其他版本的略有不同

cookie text flatten 500x177 Create an Interesting Cookie Bite Text Effect in Photoshop

最终效果预览(点击放大)

教程中会用到下面的素材:

饼干(><分明是趣多多)

牛奶

 

第一步

新建一个1100 * 440 px的文档, 白色背景,选择渐变填充工具,设置为“径向渐变”,颜色配置如下:

1 gradient 500x423 Create an Interesting Cookie Bite Text Effect in Photoshop

用该渐变如下所示地填充背景图层:

1 paint cloud1 500x168 Create an Interesting Cookie Bite Text Effect in Photoshop

然后在顶部新建一个图层,使用一个白色的软笔刷,在画布的顶部边缘上画上一个圆点。

1 paint light 500x222 Create an Interesting Cookie Bite Text Effect in Photoshop

使用自由变换工具向下压缩:

1 compress 500x209 Create an Interesting Cookie Bite Text Effect in Photoshop

目前,你看到的效果是这样的:

1 effect2 500x189 Create an Interesting Cookie Bite Text Effect in Photoshop

第二步

现在,我们需要在画布上打几个字,我这里使用的是Photoshop自带的“Thick Chocolate”款字体(明明没有。。。。这里下载:http://www.dafont.com/thick-chocolate.font)

2 type1 500x158 Create an Interesting Cookie Bite Text Effect in Photoshop

使用选择工具将文字图层选中:

2 load sel 500x170 Create an Interesting Cookie Bite Text Effect in Photoshop

然后将选区移动到饼干素材上面

2 sel1 500x217 Create an Interesting Cookie Bite Text Effect in Photoshop

复制,将选区粘贴到我们的文档中,隐藏原先的文字图层:

2 paste1 500x191 Create an Interesting Cookie Bite Text Effect in Photoshop

我们现在回到饼干图片,然后使用快速选择工具,将笔尖大小设置为6px

如下图所示,作几个小的选区:

2 quick selection 500x335 Create an Interesting Cookie Bite Text Effect in Photoshop

在饼干纹理图层上添加一个图层蒙版,然后将这些选区移动到饼干纹理的图层上面来

2 move 500x182 Create an Interesting Cookie Bite Text Effect in Photoshop

单击图层蒙版缩略图,然后 编辑>清除

2 clear 500x317 Create an Interesting Cookie Bite Text Effect in Photoshop

多重复该步骤几次,然后就能看到饼干被咬掉的效果了:

2 effect1 500x189 Create an Interesting Cookie Bite Text Effect in Photoshop

第三步

现在,我们要使用图层的混合模式来给文字图层添加一点深度

斜面和浮雕

3 bevel and emboss 500x359 Create an Interesting Cookie Bite Text Effect in Photoshop

描边

3 stroke 500x359 Create an Interesting Cookie Bite Text Effect in Photoshop

然后你会得到如下的效果

3 effect2 500x336 Create an Interesting Cookie Bite Text Effect in Photoshop

我们也可以使用前面在饼干素材上的制作的选区来添加一些小的饼干碎屑

当复制粘贴的时候你会发现,会有一些多余的线,看吧:

3 before Create an Interesting Cookie Bite Text Effect in Photoshop

可以使用调整边缘工具来解决,进行如下调整:

3 refine edge Create an Interesting Cookie Bite Text Effect in Photoshop

然后你就能得到这样的效果了。

3 after Create an Interesting Cookie Bite Text Effect in Photoshop

把这些碎屑添加到文字的周围

3 pieces 500x316 Create an Interesting Cookie Bite Text Effect in Photoshop

目前为止,总的效果是这样的:

3 effect 2 500x196 Create an Interesting Cookie Bite Text Effect in Photoshop

第四步

就快要完成了,现在来做一些最后的修整,盖印图层(CTRL + Shift + Alt +E),然后对拷贝的图层使用油画滤镜,混合模式为柔光

4 oil paint Create an Interesting Cookie Bite Text Effect in Photoshop

在牛奶中选中牛奶的纹理部分,给文字添加牛奶的喷溅效果

4 select 500x675 Create an Interesting Cookie Bite Text Effect in Photoshop

复制,粘贴该选区文档中,混合模式改为变亮

4 lighten 500x313 Create an Interesting Cookie Bite Text Effect in Photoshop

然后就得到最终效果了:(点击放大)

cookie text flatten 500x177 Create an Interesting Cookie Bite Text Effect in Photoshop

好了,该教程就到此为止了,怎么样,很有意思吧?

转摘请保留以下信息,谢谢
翻译:SDC翻茄匠,@31nm
原文地址:http://www.psdvault.com/text-effects/create-an-interesting-cookie-bite-text-effect-in-photoshop/

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/create-an-interesting-cookie-bite-text-effect-in-photoshop

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里