字體設(shè)計(jì)！如何制作清爽自然的手繪字體海報(bào)？

關(guān)于教程

手繪字體是十分常見的字體設(shè)計(jì)方法，根據(jù)手繪的風(fēng)格，應(yīng)用范圍也比較廣泛。對(duì)于新手來說，此風(fēng)格不太容易上手，需要設(shè)計(jì)者有一定的手繪基礎(chǔ)。下面的手繪海報(bào)字體教程由百圖記優(yōu)秀練習(xí)者「梅根」出品。

本教程主要通過三大步驟來詳細(xì)解讀手繪海報(bào)字體的設(shè)計(jì)過程，包括繪制草稿，拍照掃描，導(dǎo)入PS處理。下面讓我們正式進(jìn)入這篇教程吧。

?

教程步驟

前期工作準(zhǔn)備好之后，就可以開始進(jìn)入我們的創(chuàng)作啦~

我喜歡手繪海報(bào)字體是因?yàn)樗苡歇?dú)特性,而且每個(gè)人的字跡都是獨(dú)一無二的,可能每次寫的效果還不太一樣，這恰好吻合了設(shè)計(jì)要求的原創(chuàng)性與靈活性。

在開始創(chuàng)作之前，要先想好文字內(nèi)容（自由發(fā)揮的好處就是沒有太多的拘束，想到什么好玩的詞或者也可以從日常生活中發(fā)現(xiàn)）。

?

接下來分享我的實(shí)戰(zhàn)案例

?

字體靈感說明：在炎炎夏日里，只想找個(gè)清涼的解暑勝地，圍繞“清涼”兩個(gè)字，可以頭腦風(fēng)暴出：水、水滴、冰、西瓜、游泳、游泳圈、清新等詞語(yǔ)。

確定好字體內(nèi)容之后，就開始定字體的風(fēng)格。夏日感覺就是比較活潑、熱情。有了方向之后，就開始動(dòng)手制作~

?

總結(jié)出三大步驟：首先畫好草稿圖初稿——其次拍照掃描——最后導(dǎo)入ps進(jìn)行加工處理。

?

進(jìn)入正題：先上一個(gè)草稿圖。

?

創(chuàng)作思路：字體畫得相對(duì)圓潤(rùn)飽滿些，顯得比較可愛活潑。再結(jié)合字體的字型，適當(dāng)把一些筆畫替換成夏日的氣氛，比如“清”字的旁邊的三點(diǎn)水可以換成滴，“涼”字的兩點(diǎn)水替換成夏日必備的西瓜，這樣字體會(huì)顯得比較靈活，符合夏日氛圍。

草稿圖弄好之后，接下來就掃描進(jìn)電腦里面。這里我選用的方法是利用手機(jī)一款掃描軟件進(jìn)行拍攝掃描再傳送到電腦上。

?

裁剪大小，調(diào)整好角度，點(diǎn)擊確認(rèn)會(huì)生成一張掃描圖片。

?

得到掃描圖片，就可以導(dǎo)入ps里。

?

Step1.導(dǎo)入ps里

新建800*600px畫布，把圖片導(dǎo)入到ps里，調(diào)整適合的大小。我每次做字體的時(shí)候都會(huì)復(fù)制一個(gè)副本，以免出錯(cuò)了，也能有一個(gè)備份。

?

Step 2.圖像-調(diào)整-閥值

?

大家可以根據(jù)自己的實(shí)際情況，拖動(dòng)到合適的數(shù)值，讓字體對(duì)比度更強(qiáng)，這一步是為了下一步的摳圖做準(zhǔn)備。

?

Step 3.去除瑕疵

這時(shí)候會(huì)發(fā)現(xiàn)還是有一些多余的筆畫瑕疵在旁邊，可以選擇用畫筆工具填充#ffffff把瑕疵去掉。（選用畫筆填充是為了方便把白色背景整塊去掉）

?

Step 4.去除白色背景

再?gòu)?fù)制一個(gè)圖層，選擇通道，我在這里選擇的是藍(lán)通道，復(fù)制一層藍(lán)通道，ctrl+左鍵點(diǎn)擊新復(fù)制的藍(lán)通道小窗口，這時(shí)會(huì)選中畫面里的白色部分。

?

這時(shí)我們回到RGB圖層，再返回正常圖層界面，按delete鍵刪除白色背景，這時(shí)可以得到一個(gè)去掉白色背景的透明底圖。

?

Step 5.鋪大色調(diào)

接下來開始對(duì)字體進(jìn)行上色。首先想到夏季是熱情、活潑,所以字體主色調(diào)用#fc5e5e。

?

在字體下一層新建圖層，運(yùn)用畫筆工具進(jìn)行描繪填充。同上，西瓜皮色值#68c359。

?

西瓜籽色值#?fcea25。

?

填充后的效果如圖。

?

Step 6.背景色調(diào)整

我設(shè)定的場(chǎng)景是一個(gè)游泳池，所以背景填充為藍(lán)色#?65cafe，再把字體顏色疊加為白色# ffffff。

?

Step 7. 加入游泳圈元素

進(jìn)行到這一步的時(shí)候，又有了一些新的想法，感覺還可以再加入一個(gè)游泳圈，于是就把清字左上角的一點(diǎn)替換成游泳圈。

?

Step8. 調(diào)整畫面

由于手繪過程中，有些筆畫處理的不是特別的融洽，所以后期也適當(dāng)?shù)淖隽诵┱{(diào)整。

?

Step9.添加細(xì)節(jié)

字型細(xì)節(jié)調(diào)整好之后就開始添加投影、高光和輔助元素。

然后可以在字體的周邊做一些輔助的虛線描邊元素，色值#fc5e5e。

?

這樣畫面看起來更豐富。Ps：必須是在字體下面新建圖層，進(jìn)行填充描繪。

?

這時(shí)候字體已經(jīng)形成了一種層次感，顯得比較飽滿豐厚。

?

Step10.水紋的材質(zhì)添加。

現(xiàn)在看畫面還是有點(diǎn)單調(diào)，這時(shí)候我給背景添加一些水波紋的效果，從網(wǎng)上搜索了一些水波浪材質(zhì)。

?

找到材質(zhì)后，放在藍(lán)色背景上一層，調(diào)整圖像混合模式為柔光，調(diào)整不透明度為64%。

?

得出下圖效果。

?

Step 11.給字體做浮現(xiàn)效果。

由于底層是水波紋，要讓字體看起來像是浮在水面上，這時(shí)候就把字體整體組合起來命名為字體上層，復(fù)制一組命名為字體投影，顏色疊加為#45a3d4。

?

放在字體上層的下面，并進(jìn)行錯(cuò)位移開，調(diào)整到合適的位置。

?

Step 12.添加雜色

最后整體蓋印圖層（快捷鍵ctrl+alt+shift+e），然后給圖層添加雜色質(zhì)感，濾鏡-雜色-添加雜色。

?

數(shù)值不用太大，大概3-5之間就可以，太大的話會(huì)影響畫面效果。

?

這樣畫面就大功告成啦，來看看最終效果~【wwW.551336.CoM 合同幫幫網(wǎng)】