1、習(xí)慣性在稿紙上繪制草稿,畫完后拍照導(dǎo)入AI。

2、用鋼筆勾出字形并且分別天色,有些小地方做了一點調(diào)整。顏色后面還要再做調(diào)整,這里知識大致區(qū)分一下。

3、把這些字形放在一個大小剛好的畫板上,選中圖層-三條線的按鈕,釋放到圖層(順序),文件-導(dǎo)出-導(dǎo)出為-導(dǎo)出-確定。



4、打開PS,新建文件1500×990像素,分辨率300,填充顏色#5c9fd6,新建一層,顏色#a3d6ff,用柔邊圓畫筆,放大畫筆,在中間點1.2下作為背景的高光。把剛才導(dǎo)出的文件拖入PS文件中,給各個圖層命名并重新編組填充新的顏色,再在字的后面加了兩個底框,如下圖。

5、開始做字效了,這一次,我們就以「元」字為重點介紹,因為后面幾個字都是重復(fù)都操作。
先從「元」的一橫開始。找到「橫」這個圖層,給它做立體感。假設(shè)光源是從上方下來的,添加斜面浮雕-內(nèi)陰影,做一個大概的明暗關(guān)系。


6、給「元」的其他壁畫復(fù)制橫的圖層樣式:選中橫的圖層,右鍵-拷貝圖層樣式,找到其他筆畫圖層,右鍵-粘貼圖層樣式。

7、 基本的立體感有了,再在每個筆畫重疊處添加投影。ctrl+shift+alt+n(下面相同省略)新建一層,圖層模式-正片疊底,用系統(tǒng)自帶的柔邊圓畫筆工具,顏色#ed9113,在如下位置畫幾下,畫筆可跳到合適的大小來畫(按鍵盤上的作中括號【,或者右中括號】來調(diào)節(jié)大小),畫完后ctrl+alt+g(下面相同省略)剪貼蒙版。

8、放小畫布看一下整體效果,發(fā)現(xiàn)亮部還不夠亮,把元的幾個筆畫ctrl+g(下面相同省略)成組,ctrl+j(下面相同省略)往上復(fù)制,ctrl+e(下面相同省略)合并為一層,填充胃0,添加斜面浮雕。



9、在筆畫的下面再加些反光。在這些筆畫的上面新建一層,用套索工具或者鋼筆工具畫出如下形狀,shift+f6羽化-數(shù)值5(根據(jù)實際情況耳釘),確定,填充白色。


10、其他的字一樣的做法,效果如下。

11、給字下面添加投影。把元氣滿滿這幾個組選中,按住alt往下拖,得到一個復(fù)制組,合并為一層之后,填充顏色#184088,添加濾鏡-模糊-高斯模糊-半徑為2左右-確定,按住下箭頭移動10下。


12、給后面白色的字框做一下效果。找到這個圖層,新建一層,用畫筆工具,顏色#275ca8,在筆畫連接的地方壓暗一些,并剪貼蒙版。


13、觀察一下,發(fā)現(xiàn)顏色有點不夠通透,又新建一層,用畫筆,顏色#7db6得到,圖層模式-疊加,在如下地方涂抹。

14、同時給這個框加上圖層樣式-投影。


15、接下來給后面的背景(太陽、陽臺)做效果。先找到中間這個藍(lán)色的圓形,新建一層,圖層模式為正片疊底,用深一點的顏色給它上下涂幾筆作為暗部,并剪貼蒙版。

16、找到下面這個半圓,我們把它叫做陽臺,給它添加圖層樣式,做出立體感。圖層樣式-內(nèi)陰影-內(nèi)陰影-投影。




17、在陽臺上疊加一張紋理,圖層模式-柔光;再新建一層,顏色#75b3e5,圖層模式-疊加,在下方畫幾筆作為反光并剪貼蒙版。


18、在筆畫重疊的地方添加投影,新建一層,圖層模式-正片疊底,顏色#e77e0e,用畫筆畫幾下并剪貼蒙版。

19、上半部分的太陽也做下效果。添加圖層樣式-斜面浮雕-內(nèi)陰影。



20、在上面新建兩個圖層,用畫筆工具,淺一點的顏色畫出亮部,暗一點的顏色畫出暗部,并剪切蒙版,如下圖。

21、給小盆栽簡單地處理一下明暗關(guān)系。我們來做其中一盆。找到這個圖層,新建一層,用比這個噴子淺一點的顏色#ffd99c,左上面畫幾筆作為亮部,在用畫筆用用暗色#ae8044,在右下畫幾下(或者可以用套索或者鋼筆工具來勾出選取再填色)作為暗部。綠色的植物是同樣做法。

22、其他盆栽做法相同,這里就不重復(fù)了。

23、兩片葉子做法差不多是一樣的。新建一層,用淺一點的顏色#f3f08d,畫筆工具沿著左下的邊緣處畫,再往上新建一層,用比葉子深一點的顏色#2c6a16,套索工具勾出如下選區(qū)并填充,如果覺得顏色有點暗,可以添加蒙版擦除一些,再添加圖層樣式-投影。另一片葉子也是一樣,這里不重復(fù)。



24、給周圍的速度線添加蒙版,刪除一些,做出一種漸隱的效果。小鴿子也簡單處理一些,添加陰影,新建一層,用比鴿子身體深的顏色,用畫筆畫出暗部。


25、現(xiàn)在給它加點光效,讓它更加有元氣。找到這張光效圖,放在所有圖層上,圖層模式為濾色,把多余的添加蒙版擦除。

26、在所有的圖層上面,按ctrl+shift+alt+e蓋印圖層,轉(zhuǎn)為只能兌現(xiàn),濾鏡-camera raw濾鏡,參數(shù)如下。

27、再添加個色階和曲線調(diào)節(jié)。

最終效果:


字效,在字體設(shè)計中,是非常重要的設(shè)計內(nèi)容,在設(shè)計完基礎(chǔ)字形之后,為之搭配恰當(dāng)?shù)男Ч粌H可以讓字體更有設(shè)計感和吸引力,還可以更加有效的傳達字體信息,達到更好的實用效果。
本系列教程,將給大家分享5類常見字體效果的制作步驟,這些方法,對于有經(jīng)驗的老鳥設(shè)計師來講,可能并不復(fù)雜,甚至有點小兒科。但對于很多新人設(shè)計師而言,可能會是一番嶄新的學(xué)習(xí)體驗,總之,如果你想搞定這些字效設(shè)計的“套路”,就請繼續(xù)看正文吧!
為避免篇幅太長,先分享前5例,走起!

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


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

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


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

最后,輕松愉快的搞定!

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

私房茶,是一家茶店,設(shè)計字體時,嘗試了手寫的感覺,這樣會看起來輕松愜意一些,符合這個主題的格調(diào)和感覺。
在這款字形中,筆畫的粗細(xì)對比是非常明顯的,筆畫外邊緣,進行了適當(dāng)?shù)膱A角處理,另外,在茶字中,還融入了茶葉的圖形進去,這些細(xì)節(jié),都會讓整組字體更準(zhǔn)確,讓整個畫面更加豐富、飽滿:

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

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

在這里,我多叨叨幾句,做這類字體,其實關(guān)鍵不在于效果。
而是……
你得先有本事設(shè)計出第一步!

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

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

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

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

文件-導(dǎo)出-導(dǎo)出為,保存類型:PSD,文件命名“分層字”,導(dǎo)出選項,顏色模式:RGB;辨率:其他500。根據(jù)做完字的尺寸大小來設(shè)分辨率大小,盡量大點,點擊寫入圖層,確定。
打開PSD文件,選擇其中的一個圖層,點擊鼠標(biāo)右鍵,選擇混合選項-顏色疊加,選擇一個亮粉色,繼續(xù)選擇混合選項-內(nèi)陰影,選擇一個深粉色,效果如下:



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

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


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

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

繪制多個和筆畫寬度相同的圓,內(nèi)白外黑,黑色描邊和原筆畫描邊保持大小一致,把圓形覆蓋到筆畫開頭或結(jié)尾就可以了。
嗯,這個~~~確實超easy,寫個教程,也TM的太簡單了吧!


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

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

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

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





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

中文部分

拼音部分

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

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

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

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

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