旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習(xí)/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 行業(yè)資訊 > UI設(shè)計師教你玩轉(zhuǎn)復(fù)古字體的

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

時間:2018-01-30來源:m.5wd995.cn點擊量:作者:吳冬冬
時間:2018-01-30點擊量:作者:吳冬冬

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

PS風(fēng)字體設(shè)計教程

1.選擇字體

打開PS設(shè)計軟件,新建文件,并輸入「SPEED FREAK」文字,然后選擇接近下圖的字體,字體特征:瘦(窄)、粗,有點硬朗的氣質(zhì)。

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

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

使用路徑選擇工具來選擇幾個字母,并將文字高度調(diào)整一下,有點錯位感。

再次排版到如下效果~

4. 風(fēng)速線條

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

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

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

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

5.1 先將黑線添加完成

5.2 線條覺得差不多了,就把所有黑色線「全選 – 復(fù)制」,把「復(fù)制」出來的線條改為白色,并向下移N個像素,如下圖:

5.3 添加白色線條,白色線條要比黑色細一點(高度少一些)

注意,白色線條是制作凹感,所以方向是從字母的右邊進來,如下圖:

6.合拼圖層

6.1 首先把黑色線條全屏為一個圖層,白色線條為一個圖層。

6.2 按ctrl鍵,單擊白色線條圖層,此時會自動選中選區(qū),按ctrl+shift+i反選。

6.3 選中文字圖層「SEED FREAK」,然后點擊圖層面板的「蒙版」圖標

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

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

7.添加紋理效果

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

鉛筆設(shè)置1:

鉛筆設(shè)置2:這個步驟可以不設(shè)置,但設(shè)置了,你在畫點紋理時,就不用點來點去,直接按住左鍵掃畫就可以了。

鉛筆設(shè)置3:

接著就開始掃畫吧

最終效果

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








 

預(yù)約申請免費試聽課

填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ m.5wd995.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖