PS教程!手把手教你绘制大气的墨迹字体效果 - 优设网 - UISDC

PS教程!手把手教你绘制大气的墨迹字体效果

2015/08/12 138285评论区

photoshop-ink-fonts-effect-1

@P大点S微博 :墨迹字体经常出现在一些与传统,民族等元素挂钩的设计中,是很受欢迎的一种字体效果。因为之前有人问过这种效果要怎么做。今天就来带给大家一个简单的教程,十分钟包你搞定,学起!

由于根据不同的需要,这种东西的制作的步骤是可以随机应变来删减的。

这里为了能够把流程说得尽量清楚,就把每个步骤都走了走,最后的成品就显得有点画蛇添足的感觉。Whatever,亲们能理解其中的方法,就够了~

素材打包  网盘下载:http://pan.baidu.com

2ps20150812

1ps20150812

俗话说,不打没有准备的仗。为了得到墨迹的效果和撕裂的笔触和纹理,该类型的笔刷当然是不可以少的了。所以,我们新建一层背景之后,就尽快的载入我们需要的笔刷。

打开文字工具,在里面选一个类似古风的字体(相关字体有很多,这里用的是叶根友的毛笔行书字体)其实用屁股想也知道,方方正正的字体(如黑体)来做这种效果,肯定很奇怪对吧。字体选得越接近心中所想,修改基础字体的部分花的时间就越少。

讲打出的字,放大到幅面所需,然后将它转化为形状。

5ps20150812

利用钢笔工具来进行一些调整,这里你可以处理的艺术化一些。这里要郑重说明一点的是,这里是墨迹化处理的字,不是模拟毛笔字。尽管用这种方法也是可以轻松实现的。

6ps20150812

重点来了。这里的墨迹处理其实说穿了就是两个部分。第一个部分,把原始字体用笔刷结合蒙板来“搞破坏”做出类似纹理,第二个部分就是在它上面来添加墨迹。最后整体体现出来就可以了。图层放置如下:

7ps20150812

类似“毛笔”笔触的画笔。

8ps20150812

画的时候,可以把间距提到可以看到单独的笔刷,然后,不断的来旋转角度来契合你要擦拭的字体边缘。

9ps20150812

还要用不同的透明度和流量来反复的来回擦拭。

效果如下。

10ps20150812

然后选择墨迹类笔刷来添加一些元素。

11ps20150812

尽量选择和字体笔画有一定联系的笔刷来贴合。

12ps20150812

其他的一些元素可以通过变形来强制贴合就好。

13ps20150812

这里是“蒙板”的单独显示。

14ps20150812

然后打开烟雾绘制软件来绘制一些类似烟雾的装饰元素。(这个软件很棒,在素材包中,算是个小礼物吧。)

2016年1月16号注:经粉丝提醒,包含这个软件后百度云会自动屏蔽,故已删除。同学们可以直接百度烟雾素材。

15ps20150812

16ps20150812

然后放进去装饰,添加个背景在字体的下面就可以了。最终在根据自己想想法装饰一下就可以了。

17ps20150812

教程到这里就结束了,我们需要注意:

1. 这种墨迹字体的制作比较简单,要注意一些素材的积累。例如一些墨迹笔刷以及墨迹图片素材。这里的笔刷可以利用该类图片素材来代替的,也可以自己利用该类素材来制作笔刷

2. 这种字体属于装饰字体,同类的方法可以用在其他的图片上处理。比如人像的艺术化处理等等。

3. 根据每个人的实际要求来自己简化一些步骤来做出自己想要的效果即可。

pddsqr

【P大点S精品教程合集】

手把手教你打造现代风格海报:
《AI+PS新手教程!手把手教你打造简约现代的极简海报》

给新手小白的Photoshop形状指南!
《超实用!PHOTOSHOP基础形状新手入门指南全科普!》

教你绘制逼真写实的黑板粉笔字:
《PS教程!手把手教你绘制效果逼真的黑板粉笔字》

作者:@P大点S微博

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量99万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-ink-fonts-effect

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

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

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

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