教程 | 清新Q版立體卡通文字

小編說：「hi ,大家好！今天我們給大家帶來一個清新Q版文字的快速製作方法。Q版文字在卡通類型的遊戲設計中經常會用到，包括網頁專題中的slogan設計、logo設計等等。我們先來幾個例子：」

那通過以上兩個例子我們可以大致看出：

1. Q 版的文字設計通常字體選擇或者字體變形上沒有那麼硬

2.色彩的選擇相對來說較為活新明快，且飽和度相對要 高一些，很少會出現特別灰的配

色；

3.文字的厚度和光感也是其常用的表現手法。

那我們今天就通過一個簡單的小案例來給大家演示一下Q版文字的效果打造。先看下最終效果

01

因為本次案例主要是針對Q 版文字的效果去進行講解，所以這次在字形處理上並沒有花太多功夫，而直接選用了相對圓潤可爰的一款字體——華康海報體。這裡建議大家在做的時候將每一個字單獨拆開，這樣便於調整它們的大小和位置，讓整體看起來更加活潑。這裡將蘿蔔和家園分別用了不同的顏色進行區分，一是為了讓文案的層級有個不同的區分，二是為了是整體的色彩搭配更加豐富。

02

這一步我們是通過形狀工具的一些特性給文字添加描邊的效果。

首先需要我們將所有文字制一層，將每個文字轉化為形狀後，整體合併形狀，這樣我們得到一個

「蘿蔔家園」的形狀圖層。我們可以給這個形狀填充任意的顏色（後期可以再調整），這裡我們給的是稍微深一些的藍色。然後我們使用路徑選擇工具（快捷鍵A )選中這個形狀，給它的描邊選擇同樣的顏色，大小為8-10點左右。調出〃描邊選項」下拉框，調整」對齊、端點和角點」的選項，因為這裡是比較圓潤的字形，所以端點和角點都選擇較為圓潤的形態，而若想體現出描選的效果，則對齊選項中需選擇外側對齊。具體參數見下圖，調整好之後將描進圖層整體下移5個像素左右。

註：如果描邊出現中間有空隙的情況，則在描邊的圖層上新建一個圖層，利用畫筆或者選取工具，選取和描邊同樣的顏色後手動進行填補。

03

用柔性畫筆增加明暗關係，亦可利用多邊形工具繪製斜條紋，疊加在文字上方，簡單模擬糖果的感覺

斜條紋繪製如下：

04

分別將相同顏色的「蘿蔔」和「家園」複製一層，並賦予相對文字顏色更深的設置，在移動工具狀態下，按住alt鍵+向下的方向鍵，反覆評議多次，即可得到文字厚度。將文字轉化為合併後，得到文字的厚度圖層。

05

給文字的厚度圖層添加反光和投影。

反光這裡包括兩個部分，一個是利用圖層樣式中的內陰影去添加，具體的數值可參考下圖

還有一個是利用白色柔性畫筆去手動添加，模式為疊加。對比如下

06

將整體文字置於場景中的合適位置，並結合環境給文字描邊的上下部分輕微打光，使文字整體與場景更加融合。最終效果如下：