前言:字體設(shè)計也是一門需要長期學(xué)習(xí)的課程,但對于新手,前期可以試學(xué)習(xí)一些簡單的字體設(shè)計,在今天文章中,我們分享5種容易上手的字效教程,教程雖然簡單,但字體效果并不差,而且適合很多種設(shè)計場景使用,推薦大家學(xué)習(xí)。

不會字體設(shè)計?分享5種容易上手的字效教程

字效,在字體設(shè)計中,是非常重要的設(shè)計內(nèi)容,在設(shè)計完基礎(chǔ)字形之后,為之搭配恰當(dāng)?shù)男Ч?,不僅可以讓字體更有設(shè)計感和吸引力,還可以更加有效的傳達(dá)字體信息,達(dá)到更好的實用效果。

本系列教程,將給大家分享5類常見字體效果的制作步驟,這些方法,對于有經(jīng)驗的老鳥設(shè)計師來講,可能并不復(fù)雜,甚至有點小兒科。但對于很多新人設(shè)計師而言,可能會是一番嶄新的學(xué)習(xí)體驗,總之,如果你想搞定這些字效設(shè)計的“套路”,就請繼續(xù)看正文吧!

為避免篇幅太長,先分享前5例,走起!

不會字體設(shè)計?分享5種容易上手的字效教程

01、確定字形

奇樂園,是一家兒童游樂場,這類主題的字形,一般要做的活潑可愛一些,字體的特征很明顯:負(fù)空間小、筆畫圓潤、飽滿,我們可以先嘗試畫出線稿,再去完善筆畫和細(xì)節(jié):

不會字體設(shè)計?分享5種容易上手的字效教程

不會字體設(shè)計?分享5種容易上手的字效教程

02、效果制作

在AI里,原位復(fù)制一層,選擇描邊工具,添加適當(dāng)大小的外描邊,在“對象”中擴(kuò)展之后,選擇路徑查找器,選擇第一個選項“聯(lián)集”,然后將本圖層置于原字體圖層的后面,這樣就得到了上下兩部分,一白一紅:

不會字體設(shè)計?分享5種容易上手的字效教程

請記住,一定是兩部分才行,缺一不可。

 

然后,在PS里建好文檔,把AI里的原字體圖層,以及剛做完的描邊圖層,以“形狀圖層”樣式,分別復(fù)制到PS里(這個時候就沒AI什么事了)。選中字體圖層,點擊鼠標(biāo)右鍵,選擇混合選項-斜面和浮雕-漸變顏色,調(diào)整數(shù)值,關(guān)于屬性的數(shù)值是沒有固定的,跟著感覺走即可,選擇一個自己喜歡的效果就行,下圖數(shù)值可做參考:

不會字體設(shè)計?分享5種容易上手的字效教程

不會字體設(shè)計?分享5種容易上手的字效教程

用同樣方法,繼續(xù)對描邊圖層進(jìn)行立體處理,選擇混合選項、斜面和浮雕、投影,調(diào)整數(shù)值,如下圖:

不會字體設(shè)計?分享5種容易上手的字效教程

最后,輕松愉快的搞定!

不會字體設(shè)計?分享5種容易上手的字效教程

可以放大一些,大家看一下細(xì)節(jié):

不會字體設(shè)計?分享5種容易上手的字效教程

私房茶,是一家茶店,設(shè)計字體時,嘗試了手寫的感覺,這樣會看起來輕松愜意一些,符合這個主題的格調(diào)和感覺。

01、確定字形

在這款字形中,筆畫的粗細(xì)對比是非常明顯的,筆畫外邊緣,進(jìn)行了適當(dāng)?shù)膱A角處理,另外,在茶字中,還融入了茶葉的圖形進(jìn)去,這些細(xì)節(jié),都會讓整組字體更準(zhǔn)確,讓整個畫面更加豐富、飽滿:

不會字體設(shè)計?分享5種容易上手的字效教程

02、制作效果

確定基本字型后,為字體添加一些肌理效果,會變得更有味道一些,此類效果雖然比較簡單,但也是常用的套路之一,方法如下:

不會字體設(shè)計?分享5種容易上手的字效教程

把設(shè)計后的字體,復(fù)制到PS里,認(rèn)真挑選一個合適的筆刷(不同筆刷,出來的效果都不一樣,這里可以多去嘗試),筆刷不宜過大,太大就會顯的粗糙,同時每個字的肌理也不宜過多,需要把握分寸,注意肌理的均與布局,在做的時候,要反復(fù)調(diào)試。

emmmmm~~~

嗯,是的,這也是一個小教程,有點短,也有點太快。

再看一遍最后的效果:

不會字體設(shè)計?分享5種容易上手的字效教程

在這里,我多叨叨幾句,做這類字體,其實關(guān)鍵不在于效果。

而是……

你得先有本事設(shè)計出第一步!

 

不會字體設(shè)計?分享5種容易上手的字效教程

01、確定字形

 

AI中,用鋼筆工具搭建出基礎(chǔ)字型,至于為什么做這樣的圖形創(chuàng)意,就不做解釋了,畢竟大家都是成年人,都懂:

不會字體設(shè)計?分享5種容易上手的字效教程

02、效果制作

復(fù)制這組字,粘貼到一個新建文件夾里,打開圖層面板(F7),選擇“圖層1”層,點擊右上角的四條杠圖標(biāo)-釋放到圖層(順序):

不會字體設(shè)計?分享5種容易上手的字效教程

這時,原來在一層里的所有圖形,被釋放出來并單獨成一層。

不會字體設(shè)計?分享5種容易上手的字效教程

選擇“圖層1”下面的圖層,向下滑動至最底部,按住Shift鍵,點最后一層,這時除“圖層1”都被選中,把這些圖層向下拖,這個時候“圖層1”為空層,刪掉既可。

不會字體設(shè)計?分享5種容易上手的字效教程

文件-導(dǎo)出-導(dǎo)出為,保存類型:PSD,文件命名“分層字”,導(dǎo)出選項,顏色模式:RGB;辨率:其他500。根據(jù)做完字的尺寸大小來設(shè)分辨率大小,盡量大點,點擊寫入圖層,確定。

打開PSD文件,選擇其中的一個圖層,點擊鼠標(biāo)右鍵,選擇混合選項-顏色疊加,選擇一個亮粉色,繼續(xù)選擇混合選項-內(nèi)陰影,選擇一個深粉色,效果如下:

不會字體設(shè)計?分享5種容易上手的字效教程

不會字體設(shè)計?分享5種容易上手的字效教程

不會字體設(shè)計?分享5種容易上手的字效教程

做好一個筆畫之后,按住atl鍵點擊鼠標(biāo)左鍵,把效果一個一個的拖拽到其它圖層上就可以了。

不會字體設(shè)計?分享5種容易上手的字效教程

最后,加入高光效果就搞定了,是不是也很簡單!

不會字體設(shè)計?分享5種容易上手的字效教程

 

不會字體設(shè)計?分享5種容易上手的字效教程

這種效果也是比較好玩的,有點矛盾空間的意思,做起來也不費(fèi)事,首先我們用鋼筆造字法把字體勾勒完成,只需要注意兩個細(xì)節(jié):1,圓頭端點;2,圓角連接。搭建出基礎(chǔ)筆畫后,加個黑色的外面描邊,描邊不宜過細(xì),如下圖:

不會字體設(shè)計?分享5種容易上手的字效教程

選擇路徑查找器,在筆畫交叉的地方做聯(lián)集,如下圖:

不會字體設(shè)計?分享5種容易上手的字效教程

繪制多個和筆畫寬度相同的圓,內(nèi)白外黑,黑色描邊和原筆畫描邊保持大小一致,把圓形覆蓋到筆畫開頭或結(jié)尾就可以了。

嗯,這個~~~確實超easy,寫個教程,也TM的太簡單了吧!

不會字體設(shè)計?分享5種容易上手的字效教程

 

不會字體設(shè)計?分享5種容易上手的字效教程

01、確定字形

看到“夜上海”這組命題,腦海里會浮現(xiàn)出霓虹燈閃爍的情景,所以,這組字,就搞這個效果了!我們首先先做好基礎(chǔ)字型,再整別的:

不會字體設(shè)計?分享5種容易上手的字效教程

02、制作效果

在PS里建好A4大小的文件,置入一張背景墻圖片,把背景墻整體調(diào)暗,尤其是四個角,顏色適當(dāng)壓重一點,讓光源聚焦在正中間:

不會字體設(shè)計?分享5種容易上手的字效教程

把AI里設(shè)計好的字體復(fù)制到PS里,需要把字、圖形、字母單獨分層,方便待會單獨調(diào)色:

不會字體設(shè)計?分享5種容易上手的字效教程

在混合選項中調(diào)整幾個效果,分別是斜面與浮雕、投影、內(nèi)陰影、外發(fā)光。這里還是想強(qiáng)調(diào)一下關(guān)于屬性數(shù)值的問題,沒有固定值,還是跟著感覺走,直到達(dá)到你最喜歡的效果為止,下圖數(shù)值,可做參考:

不會字體設(shè)計?分享5種容易上手的字效教程

不會字體設(shè)計?分享5種容易上手的字效教程

不會字體設(shè)計?分享5種容易上手的字效教程

不會字體設(shè)計?分享5種容易上手的字效教程

不會字體設(shè)計?分享5種容易上手的字效教程

分別對中文和拼音層的內(nèi)陰影顏色做調(diào)整:

不會字體設(shè)計?分享5種容易上手的字效教程

中文部分

不會字體設(shè)計?分享5種容易上手的字效教程

拼音部分

不會字體設(shè)計?分享5種容易上手的字效教程

分別把圖形、字體、字母原位復(fù)制一層,關(guān)掉層效果,分別填充顏色:

不會字體設(shè)計?分享5種容易上手的字效教程

把剛剛填充完的三個圖層合并,點擊濾鏡-高斯模糊,混合模式改為濾色,如果覺得顏色效果過強(qiáng)或太弱,可以通過復(fù)制一層或者修改不透明度來實現(xiàn)。

不會字體設(shè)計?分享5種容易上手的字效教程

在加一個環(huán)境色,調(diào)出畫筆,選用柔邊畫筆,用各自的顏色沿著輪廓涂抹,顏色模式修改為疊加。

不會字體設(shè)計?分享5種容易上手的字效教程

最后整體再調(diào)一下顏色,讓感覺更舒服一點,大功告成!

不會字體設(shè)計?分享5種容易上手的字效教程

 

以上總結(jié)了字體設(shè)計中常用的5種字效,不過希望大家多多思考,因為設(shè)計不局限于方法論,更多的是需要你有更多創(chuàng)意來創(chuàng)作出更好的作品。

作者 | 劉兵克
來源 | 字體幫(id:zitibang)
標(biāo)簽:字效教程

隨機(jī)推薦