字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

@劉柏坤KUN?:今天給大家?guī)韮煞N比較基礎(chǔ)也比較常用的質(zhì)感紋理方法。

首先說明一點(diǎn):質(zhì)感紋理并不適用于所有的字體設(shè)計(jì)。

斑駁歲月型

我實(shí)在是太有才了,隨手編造了這么一個(gè)貼切有文化的名字,然而并沒有什么卵用。好吧,教大家方法前咱們先搞明白為什么要加紋理。

給字體加分。是的,不管是讓字體變得更有層次、更加豐富還是整體變得更有氛圍,都是在給字體加分,特征更鮮明更容積讓人記住。不盲目,有些字體本身已經(jīng)很優(yōu)秀,為了炫技加了一些不必要的效果,反而給字體減分。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

咱們拿之前做的一組子來做分解。字體局部做了一些筆畫的切割,但整體感覺還欠缺點(diǎn)感染力,所以決定添加一些質(zhì)感紋理。

第一步 尋找相關(guān)紋理素材。這個(gè)我相信大家都有存貨吧,沒有不要緊去網(wǎng)上搜一下,不會(huì)搜也不要緊,文章底部都打包好了,太感人了。

紋理形式其實(shí)是多種多樣的,有什么自然紋理、輪胎腳印、墨跡筆觸等等,具體用哪一款還是根據(jù)字體本身所表達(dá)的涵義出發(fā)。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

以上四個(gè)紋理我們都沒選用,而是使用了下面這一款。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

選好了紋理,其實(shí)方法巨簡單了。說白了就是紋理在上,字體在下做一個(gè)疊加的處理。當(dāng)然也不能像下圖一樣隨便,還是要根據(jù)字體的特征有節(jié)制的添加一些紋理效果。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

下圖是經(jīng)過位置調(diào)整過并且紋理效果同背景顏色一致。有時(shí)候紋理的大小和位置并不是合適的,所以有時(shí)需要變換角度,甚至單獨(dú)把紋理拆分留下去要的刪除多余的部分。一談到加一些效果,很多小伙伴就控制不住了,就像之前教大家書法字體的時(shí)候撒墨點(diǎn)增加氛圍,很多小伙伴整的滿畫面都是,真誠的講,這樣就不太好了。

不貪圖多,像下面的例子,具體到某一個(gè)字其實(shí)紋理并不是充斥到整個(gè)字,紋理也是需要多與少、輕與重的對(duì)比的。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

你以為這樣就結(jié)束了,非也。剛才說了紋理也有對(duì)比,有重點(diǎn),所以在此基礎(chǔ)上又添加了一丟丟,集中在“部”字的最后一筆,通過選取紋理的局部,和字體的筆畫位置關(guān)系重合即可。這樣做的目的是想讓整個(gè)字有個(gè)視覺的記憶點(diǎn)。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

好了,這是第一種方法。說白了就是紋理的疊加,一句話的事我竟然還嘮叨了這么多,不敢相信。只講一個(gè)方法其實(shí)就可以了,偏偏還要再贈(zèng)送一個(gè),感動(dòng)中!

顆粒故事型

又是一個(gè)好名字。這種效果不單單只在字體上可以用,一些插畫中也常有使用。相比第一種方法復(fù)雜了那么一點(diǎn),但都是通過紋理的疊加實(shí)現(xiàn)。

這一案例的效果我們?cè)赑s中操作實(shí)現(xiàn)。第一步新建一個(gè)畫布并把字體扔進(jìn)去,底白字黑。(如下圖)

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

網(wǎng)上搜索一張巖石紋理素材,類似的還有什么鐵皮生銹等素材,其實(shí)都可以拿過來用。當(dāng)然僅僅有了這張素材還不夠,還需要我們進(jìn)行簡單處理。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

選擇濾鏡/雜色/添加雜色,具體設(shè)置如下圖。關(guān)鍵數(shù)據(jù)雜色數(shù)量這里設(shè)置為20,每張紋理不同數(shù)值應(yīng)相應(yīng)調(diào)整。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

添加雜色后的素材圖片,如下圖。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

 

然后執(zhí)行創(chuàng)建剪貼蒙版,得到如下效果。我們看到整個(gè)字體的紋理相對(duì)還是比較平均沒有重點(diǎn),所以我們需要使用畫筆工具添加幾處。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

選擇干畫筆尖淺描這一畫筆,如下圖。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

使用畫筆在字體的邊緣來上幾筆,如同下圖,深色部分即為畫筆所畫。到這一步效果就差不多了,基本的紋理效果就有了。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

最后調(diào)整一下亮度和對(duì)比度,順帶添加一個(gè)背景,將圖片透明度降低,最后完成效果如下。

字體丨簡單兩招,快速提升字體設(shè)計(jì)的質(zhì)感

情況就是這么個(gè)情況,是不是超簡單!來來回回其實(shí)只要換個(gè)紋理素材就可以讓每一款紋理看起來都不一樣!

今天給大家介紹了兩種提升字體質(zhì)感的小方法,比較基礎(chǔ),希望再一次能夠幫到你一丟丟!還不趕緊設(shè)計(jì)一款字體試一試效果?!

素材下載鏈接:http://pan.baidu.com/s/1slxWh5N ?密碼:de26

「優(yōu)設(shè)字體設(shè)計(jì)好文最新集錦」

灰晝大大的字體推薦:
《灰晝的字體庫!10款常用的經(jīng)典基礎(chǔ)英文字體推薦(已打包)》

字體排印指南:
《新手福利!一份詳盡全面的UI設(shè)計(jì)字體與排版指南》

谷歌免費(fèi)字體網(wǎng)站:
《Google Fonts 網(wǎng)站全新設(shè)計(jì),免費(fèi)下載八百種英文字體!》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 104
點(diǎn)贊 19

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。