UI設(shè)計(jì)師教你玩轉(zhuǎn)復(fù)古字體的

今天為大家?guī)?lái)一組復(fù)古風(fēng)字體Photoshop教程，適合新手練習(xí)，設(shè)計(jì)過(guò)程比較簡(jiǎn)單，有時(shí)間的同學(xué)可以練習(xí)一下，10來(lái)分鐘就能完成哦，下面是教程步驟。

1.選擇字體

打開(kāi)PS設(shè)計(jì)軟件，新建文件，并輸入「SPEED FREAK」文字，然后選擇接近下圖的字體，字體特征：瘦（窄）、粗，有點(diǎn)硬朗的氣質(zhì)。

2. 將文字轉(zhuǎn)為形狀

3. 調(diào)整文字排版

使用路徑選擇工具來(lái)選擇幾個(gè)字母，并將文字高度調(diào)整一下，有點(diǎn)錯(cuò)位感。

再次排版到如下效果~

4. 風(fēng)速線條

線條直接用矩形工具來(lái)畫(huà)，注意寬、高要符合當(dāng)前字母的比例。

使用屬性面板，為線條（矩形）設(shè)置一個(gè)圓角（參數(shù)請(qǐng)不要按截圖的，請(qǐng)按你目前的高度多少，就設(shè)置多少），這樣就得出風(fēng)速線條~

5. 調(diào)整線條位置

將線條復(fù)制到不同的字母文字上（Tips:按Alt+左鍵手動(dòng)可快速?gòu)?fù)制）。這里也考驗(yàn)?zāi)愕膶徝滥芰α伺秪~

5.1 先將黑線添加完成

5.2 線條覺(jué)得差不多了，就把所有黑色線「全選 – 復(fù)制」，把「復(fù)制」出來(lái)的線條改為白色，并向下移N個(gè)像素，如下圖：

5.3 添加白色線條，白色線條要比黑色細(xì)一點(diǎn)（高度少一些）

注意，白色線條是制作凹感，所以方向是從字母的右邊進(jìn)來(lái)，如下圖：

6.合拼圖層

6.1 首先把黑色線條全屏為一個(gè)圖層，白色線條為一個(gè)圖層。

6.2 按ctrl鍵，單擊白色線條圖層，此時(shí)會(huì)自動(dòng)選中選區(qū)，按ctrl+shift+i反選。

6.3 選中文字圖層「SEED FREAK」，然后點(diǎn)擊圖層面板的「蒙版」圖標(biāo)

刪掉白色條線圖層，就得出這樣的效果了。

再將黑色線條圖層與文字層全層合并，此時(shí)我們完成了95%。

7.添加紋理效果

最后我們給文字添加一些紋理，這個(gè)紋理相當(dāng)簡(jiǎn)單，只需要用1PX的鉛筆工具，并通過(guò)設(shè)置「不透明度」在文字上，畫(huà)一些點(diǎn)作為紋理。

鉛筆設(shè)置1：

鉛筆設(shè)置2：這個(gè)步驟可以不設(shè)置，但設(shè)置了，你在畫(huà)點(diǎn)紋理時(shí)，就不用點(diǎn)來(lái)點(diǎn)去，直接按住左鍵掃畫(huà)就可以了。

鉛筆設(shè)置3：

接著就開(kāi)始掃畫(huà)吧

最終效果

這是一個(gè)很簡(jiǎn)單的PS字體設(shè)計(jì)練習(xí)教程。
相關(guān)文章推薦《想成為UX設(shè)計(jì)師，該學(xué)習(xí)的重要技巧》