字體丨簡(jiǎn)單兩招,快速提拔字體設(shè)計(jì)的質(zhì)感
首先說(shuō)明一點(diǎn):質(zhì)感紋理并不適用于所有的字體設(shè)計(jì)。
斑駁歲月型
我實(shí)在是太有才了,隨手編造了這么一個(gè)貼切有文化的名字,然而并沒(méi)有什么卵用。好吧,教大家方法前咱們先搞曉暢為什么要加紋理。
給字體加分。是的,不管是讓字體變得更有條理、更加雄厚照舊團(tuán)體變得更有氛圍,都是在給字體加分,特性更光顯更容積讓人記住。不盲目,有些字體自己已經(jīng)很良好,為了炫技加了一些不需要的結(jié)果,反而給字體減分。
咱們拿之前做的一組子來(lái)做分解。字體局部做了一些筆畫的切割,但團(tuán)體感覺(jué)還欠瑕玷感染力,所以決定添加一些質(zhì)感紋理。
第一步 探求相干紋理素材。這個(gè)我信賴大家都有存貨吧,沒(méi)有不要緊去網(wǎng)上搜一下,不會(huì)搜也不要緊,文章底部都打包好了,太感人了。
紋理情勢(shì)其實(shí)是多種多樣的,有什么天然紋理、輪胎腳印、墨跡筆觸等等,詳細(xì)用哪一款照舊根據(jù)字體自己所表達(dá)的涵義出發(fā)。
以上四個(gè)紋理我們都沒(méi)選用,而是使用了下面這一款。
選好了紋理,其實(shí)方法巨簡(jiǎn)單了。說(shuō)白了就是紋理在上,字體在下做一個(gè)疊加的處理。當(dāng)然也不能像下圖一樣隨便,照舊要根據(jù)字體的特性有節(jié)制的添加一些紋理結(jié)果。
下圖是經(jīng)過(guò)位置調(diào)整過(guò)并且紋理結(jié)果同背景顏色同等。偶然候紋理的大小和位置并不是合適的,所以偶然必要變換角度,甚至單獨(dú)把紋理拆分留下去要的刪除多余的部分。一談到加一些結(jié)果,許多小伙伴就控制不住了,就像之前教大家書法字體的時(shí)候撒墨點(diǎn)增長(zhǎng)氛圍,許多小伙伴整的滿畫面都是,樸拙的講,如許就不太好了。
不妄想多,像下面的例子,詳細(xì)到某一個(gè)字其實(shí)紋理并不是充斥到整個(gè)字,紋理也是必要多與少、輕與重的對(duì)比的。
你以為如許就結(jié)束了,非也。剛才說(shuō)了紋理也有對(duì)比,有重點(diǎn),所以在此基礎(chǔ)上又添加了一丟丟,集中在“部”字的最后一筆,通過(guò)選取紋理的局部,和字體的筆畫位置關(guān)系重合即可。如許做的目的是想讓整個(gè)字有個(gè)視覺(jué)的記憶點(diǎn)。
好了,這是第一種方法。說(shuō)白了就是紋理的疊加,一句話的事我竟然還絮聒了這么多,不敢信賴。只講一個(gè)方法其實(shí)就可以了,偏偏還要再奉送一個(gè),感動(dòng)中!
顆粒故事型
又是一個(gè)好名字。這種結(jié)果不單單只在字體上可以用,一些插畫中也常有使用。相比第一種方法復(fù)雜了那么一點(diǎn),但都是通過(guò)紋理的疊加實(shí)現(xiàn)。
這一案例的結(jié)果我們?cè)赑s中操作實(shí)現(xiàn)。第一步新建一個(gè)畫布并把字體扔進(jìn)去,底白字黑。(如下圖)
網(wǎng)上搜索一張巖石紋理素材,類似的還有什么鐵皮生銹等素材,其實(shí)都可以拿過(guò)來(lái)用。當(dāng)然僅僅有了這張素材還不夠,還必要我們進(jìn)行簡(jiǎn)單處理。
選擇濾鏡/雜色/添加雜色,詳細(xì)設(shè)置如下圖。關(guān)鍵數(shù)據(jù)雜色數(shù)量這里設(shè)置為20,每張紋理不同數(shù)值應(yīng)響應(yīng)調(diào)整。
添加雜色后的素材圖片,如下圖。
然后實(shí)行創(chuàng)建剪貼蒙版,得到如下結(jié)果。我們看到整個(gè)字體的紋理相對(duì)照舊比較平均沒(méi)有重點(diǎn),所以我們必要使用畫筆工具添加幾處。
選擇干畫筆尖淺描這一畫筆,如下圖。
使用畫筆在字體的邊緣來(lái)上幾筆,如同下圖,深色部分即為畫筆所畫。到這一步結(jié)果就差不多了,基本的紋理結(jié)果就有了。
最后調(diào)整一下亮度和對(duì)比度,順帶添加一個(gè)背景,將圖片透明度降低,最后完成結(jié)果如下。
情況就是這么個(gè)情況,是不是超簡(jiǎn)單!來(lái)往返回其實(shí)只要換個(gè)紋理素材就可以讓每一款紋理看起來(lái)都不一樣!
今天給大家介紹了兩種提拔字體質(zhì)感的小方法,比較基礎(chǔ),盼望再一次能夠幫到你一丟丟!還不趕快設(shè)計(jì)一款字體試一試結(jié)果?!
素材下載鏈接:
http://pan.baidu.com/s/1slxWh5N
密碼:de26本文地址:http://m.likemindfilms.com/tutorial/di3981.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏