在平面設計中，除了版式設計，字體和字效設計同樣非常重要，一個好的字效設計能為整個設計加分，提升設計的品質感，同時更好的突出主題，傳達信息。
經常有設計師朋友後台留言或者私信我，說看到了一個非常不錯的字效，但不知道是如何實現的。不用著急，今天就給大家帶來字效設計系列教程的第一篇——書法類字體字效設計。
首先來看一下完成的效果，看著還不錯吧，下面就來詳細介紹一下這個書法類字體的字效是如何實現的。
暫且咱們這裡只做字效設計的探討，關於字體設計以後會單獨出系列文章。推薦給大家一個不錯的在線生成書法類字體的網站——書法迷，今天就以我們訂閱號的名字“UI充能站”進行案例講解。
打開網站書法迷，輸入“充能站”三個字，選擇合適的字體下載。
將下載的字體拖到Ai中進行簡單的處理，根據字體字形以及負空間關係進行排版，加上UI（user interface）英文，如下圖：
打開PS，新建1000*660畫布，將Ai中的文字複製到PS中（粘貼為智能對象），首先簡單處理一下背景，我們直接在百度圖片中找到一張合適的岩石素材，拖動到PS中，並將圖層置於底層，效果如下：
背景為純黑白色，比較單調，我們來給背景上色，在背景圖層上面新建一個圖層，命名為“背景上色”，填充淺棕色（色值：#b6632f），並將混合模式改為“顏色”，效果如下：
為了更加突出文字主體，我們將文字四周的背景壓暗，在“背景上色”圖層上面新建一個圖層，命名為“背景壓暗”，將圖層混合模式改為“正片疊底”，顏色選擇黑色，調整為合適的不透明度，用畫筆在背景四周進行塗抹，效果如下：
下面我們開始正式處理文字層，首先我們改變一下文字的顏色，將文字改為黃色，在“文字”圖層上面新建一層，同時按住Ctrl+Alt+G製作剪切蒙版，用畫筆工具將顏色調成黃色（色值：#efa100），在文字圖層上面進行塗抹，效果如下：
下面我們給文字圖層增加厚度，選中文字圖層，按住Alt鍵的同時按鍵盤的下方向鍵，移動並複製圖層，重複8次以上操作，得到文字層厚度，將厚度圖層合併並轉化為智能對象，在文字厚度圖層上面新建圖層，製作剪切蒙版，用畫筆塗抹，將文字厚度圖層改為紅色，效果如下：
在文字厚度塗抹圖層上面繼續新建圖層，並製作剪切蒙版，圖層模式調整為“疊加”，用白色畫筆在厚度圖層上相應位置進行塗抹，給文字厚度增加更多細節，效果如下：
給“文字”層添加圖層樣式，製作立體效果，在文字層右側雙擊調出圖層樣式對話框，首先添加“投影”，“投影”相關參數設置如下圖，繼續添加圖層樣式“斜面和浮雕”相關參數設置如下，呈現效果如下圖：
下面我們在網上找一張金箔素材疊加在文字圖層上面，將圖層混合模式改為“疊加”，效果如下：
在文字層上面新建一層，建立剪切蒙版，用白色和黃色畫筆在文字邊緣進行塗抹，製作光感效果，效果對比更強烈，效果如下：
下面我們來處理英文字體，用之前同樣的方法將英文字體改為黃色，然後建立圖層蒙版，用畫筆工具（選擇66號畫筆），顏色改為黑色，在圖層蒙版上進行塗抹，擦掉英文的一部分，製作出一種若隱若現的效果，為英文圖層添加投影，效果如下：
下面我們為文字增加光效，當然可以從網上找素材直接添加即可，這裡我們自己製作一個，新建一個圖層，用選框工具畫出一個矩形，填充黑色，然後執行濾鏡——渲染— —鏡頭光暈，調整合適的參數得到如下效果：
將圖層混合模式改為“濾色”，並擦除邊緣比較生硬的地方，使其平穩過渡，並調整合適的位置，得到最終如下效果，那麼今天的案例我們就製作完成了，你學會了嗎？
總結
經過以上一系列步驟我們終於完成了這款書法字體字效設計，看似非常複雜，步驟非常多，其實總結下來很簡單。
（1）打造背景。為了打造一種光影立體效果，我們選擇用岩石素材打造深色背景，四周暗，中間亮，突出文字主體。
（2）為文字增加厚度，並增加厚度的細節，打造一種明暗光影變化，增強真實感。
（3）給文字增加“斜面和浮雕”、“投影”等圖層樣式，打造立體效果。
（4）給文字打光，增強明暗對比。
以上就是今天給大家帶來的字效設計小教程，希望能給你帶來幫助，記住，這只是系列教程的第一個，請持續關注，更新我會艾特你們的。
文章為用戶上傳，僅供非商業瀏覽。發布者：Lomu，轉轉請註明出處： https://www.daogebangong.com/zh-Hant/articles/detail/Text%20Effect%20Design%20TutorialCalligraphy%20Typeface%20Font%20Effect%20Design.html
支付宝扫一扫 
评论列表（196条）
测试