当前位置: 代码网 > it编程>平面设计>平面其他 > 两种比较基础也比较常用的质感纹理字体方法

两种比较基础也比较常用的质感纹理字体方法

2016年12月03日 平面其他 我要评论
两种比较基础也比较常用的质感纹理字体方法在品牌标识、书籍装帧、宣传海报、电商网络...都会看到他形式各样的身影,特别是近几年字体设计在平面设计领域发挥着越来越重要的作用,有着不可忽视的地位,所以今天小编为大家分享... 16-12-03
今天给大家带来两种比较基础也比较常用的质感纹理方法。

首先说明一点:质感纹理并不适用于所有的字体设计。

斑驳岁月型

我实在是太有才了,随手编造了这么一个贴切有文化的名字,然而并没有什么卵用。好吧,教大家方法前咱们先搞明白为什么要加纹理。

给字体加分。是的,不管是让字体变得更有层次、更加丰富还是整体变得更有氛围,都是在给字体加分,特征更鲜明更容积让人记住。不盲目,有些字体本身已经很优秀,为了炫技加了一些不必要的效果,反而给字体减分。

咱们拿之前做的一组子来做分解。字体局部做了一些笔画的切割,但整体感觉还欠缺点感染力,所以决定添加一些质感纹理。

第一步 寻找相关纹理素材。这个我相信大家都有存货吧,没有不要紧去网上搜一下。

纹理形式其实是多种多样的,有什么自然纹理、轮胎脚印、墨迹笔触等等,具体用哪一款还是根据字体本身所表达的涵义出发。

以上四个纹理我们都没选用,而是使用了下面这一款。

选好了纹理,其实方法巨简单了。说白了就是纹理在上,字体在下做一个叠加的处理。当然也不能像下图一样随便,还是要根据字体的特征有节制的添加一些纹理效果。

下图是经过位置调整过并且纹理效果同背景颜色一致。有时候纹理的大小和位置并不是合适的,所以有时需要变换角度,甚至单独把纹理拆分留下去要的删除多余的部分。一谈到加一些效果,很多小伙伴就控制不住了,就像之前教大家书法字体的时候撒墨点增加氛围,很多小伙伴整的满画面都是,真诚的讲,这样就不太好了。

不贪图多,像下面的例子,具体到某一个字其实纹理并不是充斥到整个字,纹理也是需要多与少、轻与重的对比的。

你以为这样就结束了,非也。刚才说了纹理也有对比,有重点,所以在此基础上又添加了一丢丢,集中在"部"字的最后一笔,通过选取纹理的局部,和字体的笔画位置关系重合即可。这样做的目的是想让整个字有个视觉的记忆点。

好了,这是第一种方法。说白了就是纹理的叠加,一句话的事我竟然还唠叨了这么多,不敢相信。只讲一个方法其实就可以了,偏偏还要再赠送一个,感动中!

颗粒故事型

又是一个好名字。这种效果不单单只在字体上可以用,一些插画中也常有使用。相比第一种方法复杂了那么一点,但都是通过纹理的叠加实现。

这一案例的效果我们在ps中操作实现。第一步新建一个画布并把字体扔进去,底白字黑。(如下图)

网上搜索一张岩石纹理素材,类似的还有什么铁皮生锈等素材,其实都可以拿过来用。当然仅仅有了这张素材还不够,还需要我们进行简单处理。

选择滤镜/杂色/添加杂色,具体设置如下图。关键数据杂色数量这里设置为20,每张纹理不同数值应相应调整。

添加杂色后的素材图片,如下图。

然后执行创建剪贴蒙版,得到如下效果。我们看到整个字体的纹理相对还是比较平均没有重点,所以我们需要使用画笔工具添加几处。

选择干画笔尖浅描这一画笔,如下图。

使用画笔在字体的边缘来上几笔,如同下图,深色部分即为画笔所画。到这一步效果就差不多了,基本的纹理效果就有了。

最后调整一下亮度和对比度,顺带添加一个背景,将图片透明度降低,最后完成效果如下。

情况就是这么个情况,是不是超简单!来来回回其实只要换个纹理素材就可以让每一款纹理看起来都不一样!

今天给大家介绍了两种提升字体质感的小方法,比较基础,希望再一次能够帮到你一丢丢!还不赶紧设计一款字体试一试效果?!

(0)

相关文章:

  • 在设计作品如何快速拼接素材呢?

    在设计作品如何快速拼接素材呢?平常在工作的时候会发现一些很好的素材,但是由于版权的问题你不能直接使用的,那我们应该怎么办呢,这个时候我们就要用素材了,下面为大家介绍在设计作品如何…

    2016年12月14日 平面设计
  • 交互稿应该怎么做?5分钟学会制作合适的交互输出稿

    交互稿应该怎么做?5分钟学会制作合适的交互输出稿一般来说,交互可能对接到的相关人员有产品经理,产品运营,UI设计,后台开发,重构设计,前端开发等,但经常对接的一般在3-4个职业,…

    2016年11月23日 平面设计
  • Banner文字排版的七大规律详解

    Banner文字排版的七大规律详解所谓规律也是个人的一种理解。但是掌握这些规律确实可以少走一些弯路。下面小编就为大家详解Banner文字排版的七大规律,一起来看看吧... 16-…

    2016年12月14日 平面设计
  • 2017年UI设计的10个最重要的趋势分享

    2017年UI设计的10个最重要的趋势分享随着2016年接近尾声,我们挑选了我们认为您应该在2017年UI设计的10个最重要的趋势。教程很不错,有兴趣的朋友可以参考本文,希望能对…

    2016年11月23日 平面设计
  • 提高电商网站商品图片的10个可用性办法

    提高电商网站商品图片的10个可用性办法商品照片是面向转化的最后一块拼图,今天为大家推荐一篇提高电商网站商品图片的10个可用性办法文章,这篇文章就是介绍应该如何使用你的商品图片,很…

    2016年12月16日 平面设计
  • 几步高速提升UI设计作品的逼格

    几步高速提升UI设计作品的逼格今天为大家分享高速提升作品质量以及一些可以避免设计上的弯路的技巧,教程真的很实用,对于初学者来说,很值得学习,推荐过来,希望大家喜欢... 16-1…

    2016年11月21日 平面设计

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com