玩皮兔：「hi，大傢好~ 今天給大傢帶來一個清新Q版文字的快速制作方法。Q版文字在卡通類型的遊戲設計中經常會用到，包括網頁專題中的Slogan設計、Logo設計等等。我們先看看下面兩個例子。」

圖例 / FISH TALES841785667ec9f555ce0057b541d39dc6圖例 / QQ炫舞

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

1. Q版的文字設計通常字體選擇或者字體變形上沒有那麼硬朗，偏圓潤可爰；
2. 色彩的選擇較為活新明快，且飽和度要高一些，很少會出現特別灰的配色；
3. 文字的厚度和光感也是其常用的表現手法。

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

圖 / 「蘿卜傢園」Q版.gif

• 第一步

本次案例主要是針對Q版文字的效果去進行講解，所以這次在字形處理上並沒有花太多功夫，而直接選用瞭相對圓潤可爰的一款字體 — 華康海報體。

這裡建議大傢在做的時候將每一個字單獨拆開，這樣便於調整它們的大小和位置，讓整體看起來更加活潑。這裡將蘿卜和傢園分別用瞭不同的顏色進行區分：

一是為瞭讓文案的層級有個不同的區分；

二是為瞭是整體的色彩搭配更加豐富。

• 第二步

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

首先需要我們將所有文字制一層，將每個文字轉化為形狀，整體合並形狀，這樣我們得到一個「蘿卜傢園」的形狀圖層。我們可以給這個形狀填充任意的顏色「後期可以再調整」，這裡我們給的是稍微深一些的藍色。

然後我們使用路徑選擇工具「快捷鍵 A」選中這個形狀，給它的描邊選擇同樣的顏色，大小為8-10點左右。調出「描邊選項」下拉框，調整「對齊、端點和角點」的選項，因為這裡是比較圓潤的字形，所以端點和角點都選擇較為圓潤的形態，

而若想體現出描選的效果，則對齊選項中需選擇外側對齊。具體參數見下圖，調整好之後將描進圖層整體下移5個像素左右。

a211bc7fec14086db01ae9a52dffd6d8

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

• 第三步

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

斜條紋繪制如下：

• 第四步

分別將相同顏色的「蘿卜」和「傢園」復制一層，並賦予相對文字顏色更深的設置，在移動工具狀態下，按住Alt鍵 + ↓鍵，反復平移多次，即可得到文字厚度。

將文字轉化為合並後，得到文字的厚度圖層。

• 第五步

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

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

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

• 第六步

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

小結：

通過這個案例可以發現Q版文字的效果並不難實現，隻要能夠根據畫面選擇匹配的色彩，加上對文字厚度和受光背光的處理，大致效果就能夠做出來。

0c7f5d9cf6fbe4f11dc3be0fa4640bc2↓ ↓ ↓ 玩皮兔教學視頻 -「由於原視頻太大，這裡做瞭加快消音處理」↓ ↓ ↓ http://www.icpchaxun.com/video/917358902956421120