如果你很喜欢毛茸茸的小玩意儿,那今天这个教程就不要错过咯。这个教程教大家怎样通过笔刷、图层和滤镜,创建可爱的毛茸茸文字,收藏起来找时间练习一下吧。

好文推荐:
《设计师们!来了解一下2014年春季流行色》
《PS教程:一个写实风格唱机图标的设计思路》
《PS教程!制作绚丽的闪光粒子字体特效》

最终效果图:

PS教程:创建可爱的毛茸茸条纹文字效果

小提示:教程演示版本是CS6,你也可以CS3及以上的版本。

素材:微盘下载

  • Titan One 字体
  • 麻袋纹理
  • 白色纹理图案

下载好了,咱们就开始吧。

Step 1

创建1000 *460 px大小的新文件,前景色设置:#9193c3,背景色设置:#525578。使用渐变工具——径向渐变,从中心拉到角落,默认的前景色到背景色的渐变就行,效果如下。

PS教程:创建可爱的毛茸茸条纹文字效果

把「麻袋纹理」拖进去,图层模式改为「正片叠底」,调整大小到你觉得好看就行。

PS教程:创建可爱的毛茸茸条纹文字效果

安装好字体后,打开字体的设置面板,参数如下:颜色#d8d8d8,大小250pt,字符间距50,字体随喜。

PS教程:创建可爱的毛茸茸条纹文字效果

Step 2

为文字添加图层样式,参数如下:

阴影模式的颜色参数是:#d8d8d8

PS教程:创建可爱的毛茸茸条纹文字效果 PS教程:创建可爱的毛茸茸条纹文字效果

纹理,加载素材里的「白色纹理图案」,截图未加载,见谅

PS教程:创建可爱的毛茸茸条纹文字效果

添加内阴影,颜色参数:#PS教程:创建可爱的毛茸茸条纹文字效果PS教程:创建可爱的毛茸茸条纹文字效果PS教程:创建可爱的毛茸茸条纹文字效果b5b5b5,其他如图:

PS教程:创建可爱的毛茸茸条纹文字效果

添加投影,参数如图:

PS教程:创建可爱的毛茸茸条纹文字效果

完成效果如下,有3D的效果呦

PS教程:创建可爱的毛茸茸条纹文字效果

Step 3

调出画笔窗口,设置如下:

PS教程:创建可爱的毛茸茸条纹文字效果

PS教程:创建可爱的毛茸茸条纹文字效果

PS教程:创建可爱的毛茸茸条纹文字效果

设置稍繁琐,究竟要干嘛,接下来:

右击文字图层——创建工作路径,然后新建图层,命名为「笔画」,此时工具栏应停在「画笔」处。

PS教程:创建可爱的毛茸茸条纹文字效果

设置前景色#cdcdcd,背景色#f3f3f3,敲「Enter」键 5——7次 ,给文字添加描边路径,如果你想看下效果,摁快捷键「A」到直接选择工具,然后回车,路径木有了。

PS教程:创建可爱的毛茸茸条纹文字效果

Ctrl+单击文字图层缩略图,得到选区。

PS教程:创建可爱的毛茸茸条纹文字效果

创建一个新图层,命名「纹理」,改变前景色#d8d8d8,背景色#858585,然后滤镜>渲染> 分层云彩。

Ctrl/Cmd + D 取消选区。

PS教程:创建可爱的毛茸茸条纹文字效果

滤镜 > 杂色 > 添加杂色,参数如图

PS教程:创建可爱的毛茸茸条纹文字效果

把这个图层的混合模式改为柔光,有益渲染模糊效果。

PS教程:创建可爱的毛茸茸条纹文字效果

Step 5

依刚才的方法选中文字选区,新建图层,命名:条纹。

图层混合模式改为线性加深。

PS教程:创建可爱的毛茸茸条纹文字效果

设置你喜欢的前景色,这里是#e890b9。选择硬边圆画笔,大小随喜。

摁住「Shift」从左到右拖过去,以此类推继续下一个条纹,你可以重新调整画笔大小,这样不会太单调。

PS教程:创建可爱的毛茸茸条纹文字效果

选择钢笔工具,注意选项栏是路径。绘制路径,如图。

PS教程:创建可爱的毛茸茸条纹文字效果

Step 6

选择橡皮擦工具,调出画笔面板,设置如图。

画笔笔尖形状:

PS教程:创建可爱的毛茸茸条纹文字效果

形状动态:

PS教程:创建可爱的毛茸茸条纹文字效果

看一下工具栏选择的是不是橡皮擦工具,确认了,摁一下回车,给条纹添加柔和的边缘。

PS教程:创建可爱的毛茸茸条纹文字效果

调出画笔面板,选择小草图案,设置如下。

画笔笔尖形状:

PS教程:创建可爱的毛茸茸条纹文字效果

形状动态:

PS教程:创建可爱的毛茸茸条纹文字效果

新建一个图层,命名为「条纹边缘」,确认前景色是条纹的颜色,之后敲3——5下回车,加强边缘效果。

PS教程:创建可爱的毛茸茸条纹文字效果

成果看起来满意了之后,取消路径选择,打开滤镜 > 锐化 > 锐化边缘。

改变条纹的图层混合模式为正常。

PS教程:创建可爱的毛茸茸条纹文字效果

同时选中条纹和条纹边缘两个图层,合并图层(Ctrl+E),改变图层混合模式为线性加深。

PS教程:创建可爱的毛茸茸条纹文字效果

此时,确认前景色是条纹颜色,背景色改为白色。确认完毕后,选择滤镜 > 杂色 > 添加杂色,参数如下:

PS教程:创建可爱的毛茸茸条纹文字效果

把笔画图层拖到顶部。

PS教程:创建可爱的毛茸茸条纹文字效果

复制文字图层和笔画图层,之后选中原文字图层,右击 > 清除图层样式

PS教程:创建可爱的毛茸茸条纹文字效果

合并复制的两个图层,命名为:阴影

将图层拖到如下位置:

PS教程:创建可爱的毛茸茸条纹文字效果

为阴影图层添加样式,参数如下:

PS教程:创建可爱的毛茸茸条纹文字效果

这样能为文字添加立体感

PS教程:创建可爱的毛茸茸条纹文字效果

Step 9

选择画笔面板,设置如下。

画笔笔尖形状:

PS教程:创建可爱的毛茸茸条纹文字效果

形状动态:

PS教程:创建可爱的毛茸茸条纹文字效果

散布:

PS教程:创建可爱的毛茸茸条纹文字效果

颜色动态:

PS教程:创建可爱的毛茸茸条纹文字效果

重复确认前景色是条纹颜色,背景色是白色。然后在阴影图层下新建一个图层,命名为碎絮。

在文字周围添加一些碎絮。

PS教程:创建可爱的毛茸茸条纹文字效果

马到功成咯,希望在这个教程你能学到一些技巧以及有用的东西,有任何问题可以评论 ^_^

本文由优设网原创翻译,转摘请注明优设网译文出处,谢谢各位
原文地址:textuts
译者:@cyRotel

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量62万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

PS教程:创建可爱的毛茸茸条纹文字效果
 

收藏 17
点赞

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