请选择 进入手机版 | 继续访问电脑版

产品设计

    今日:28| 主题:18369
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] 字体丨简单两招,快速提升字体设计的质感

[复制链接]
不曾言说 发表于 2016-12-2 07:15:45
185 2

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

   @刘柏坤KUN:今天给大家带来两种比较基础也比较常用的质感纹理方法。
   首先说明一点:质感纹理并不适用于所有的  字体设计  。
   斑驳岁月型
  我实在是太有才了,随手编造了这么一个贴切有文化的名字,然而并没有什么卵用。好吧,教大家方法前咱们先搞明白为什么要加纹理。
  给字体加分。是的,不管是让字体变得更有层次、更加丰富还是整体变得更有氛围,都是在给字体加分,特征更鲜明更容积让人记住。不盲目,有些字体本身已经很优秀,为了炫技加了一些不必要的效果,反而给字体减分。
   

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

  咱们拿之前做的一组子来做分解。字体局部做了一些笔画的切割,但整体感觉还欠缺点感染力,所以决定添加一些质感纹理。
  第一步 寻找相关纹理素材。这个我相信大家都有存货吧,没有不要紧去网上搜一下,不会搜也不要紧,文章底部都打包好了,太感人了。
  纹理形式其实是多种多样的,有什么自然纹理、轮胎脚印、墨迹笔触等等,具体用哪一款还是根据字体本身所表达的涵义出发。
   

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

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

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

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

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

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

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

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

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

  好了,这是第一种方法。说白了就是纹理的叠加,一句话的事我竟然还唠叨了这么多,不敢相信。只讲一个方法其实就可以了,偏偏还要再赠送一个,感动中!
   颗粒故事型
  又是一个好名字。这种效果不单单只在字体上可以用,一些插画中也常有使用。相比第一种方法复杂了那么一点,但都是通过纹理的叠加实现。
  这一案例的效果我们在Ps中操作实现。第一步新建一个画布并把字体扔进去,底白字黑。(如下图)
   

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

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

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

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

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

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

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

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

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

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

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

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

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

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

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

  情况就是这么个情况,是不是超简单!来来回回其实只要换个纹理素材就可以让每一款纹理看起来都不一样!
  今天给大家介绍了两种提升字体质感的小方法,比较基础,希望再一次能够帮到你一丢丢!还不赶紧设计一款字体试一试效果?!
   素材下载链接: http://pan.baidu.com/s/1slxWh5N 密码:de26
   「优设  字体设计  好文最新集锦」
          灰昼大大的字体推荐:
    《灰昼的字体库!10款常用的经典基础英文字体推荐(已打包)》           字体排印指南:
    《新手福利!一份详尽全面的UI设计字体与排版指南》           谷歌免费字体网站:
    《Google Fonts 网站全新设计,免费下载八百种英文字体!》        

字体丨简单两招,快速提升字体设计的质感

字体丨简单两招,快速提升字体设计的质感

  【优设网 原创文章 投稿邮箱:[email protected]



上一篇:职场丨养成这5个习惯,小白也能成为资深设计师
下一篇:Introduction to the Essential Ideation Techniques which are the Heart of Design
鑫鸾嘎 发表于 2016-12-12 09:23:54
已经习惯给自己第一朵了
回复 支持 反对

使用道具 举报

dsftgdy 发表于 2016-12-17 04:02:53
夏天就是不好,穷的时候我连西北风都没得喝……
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )

© 2001-2017 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表