在這個(gè)教程里面，我們會(huì)創(chuàng)建一串3D字體。所有元素都圍繞一個(gè)主題：夢(mèng)境。Dream這個(gè)詞匯是畫布的主體中心，它將控制整個(gè)畫布的布局空間，我們的其他元素將從這個(gè)字體的內(nèi)部出現(xiàn)，比如生長(zhǎng)的樹木，字體背后的山，以及山后高高的月亮。

做夢(mèng)經(jīng)常把我們帶到一個(gè)不一樣的場(chǎng)景里，我們比喻她為”仙境”好了。實(shí)際上這個(gè)”仙境”也是由日常的真實(shí)元素構(gòu)成的，在今天的這片”仙境”里，我們利用現(xiàn)實(shí)世界里的自然元素，結(jié)合AI的3D效果，讓這些元素都?jí)艋冒闫≡诳罩小?/p>

先看看效果圖

1、通常人們?cè)谝归g做夢(mèng)，所以我們把主色調(diào)調(diào)成青色和石灰綠。

2、同時(shí)，排版的時(shí)候來個(gè)完整的氛圍，給人感覺像是在講一個(gè)故事。

3、在操作時(shí)關(guān)于字體、樹木、樹枝、樹葉、山峰、月亮、畫布請(qǐng)逐一添加編組以便修改。

4、本文涉及到的素材和最終的psd源文件，猛戳此處下載Dream Design with 3D Typography.rar。下載完后字體該安裝的請(qǐng)先安裝好。

5、本文中用到的AI和ps都是英文版，創(chuàng)建3D字體部分比較簡(jiǎn)單，說說也是直接用中文版的AI做的，相信你也可以~如果您的ps是cc且為中文版，或許改成英文版在本文的學(xué)習(xí)中會(huì)更容易操作一點(diǎn)：

打開你的ps cc安裝文件夾，定范到Localeszh_CNSupport Files，比如我的是G:PSCCAdobe Photoshop CC (64 Bit)Localeszh_CNSupport Files,這里你會(huì)看到一個(gè)tw10428.dat的文件，把它重命名(比如直接改成tw10428.dat重命名)，不要?jiǎng)h掉。重啟ps就是英文版本的了。要換回中文版就把這貨的后綴改回來就是了：)

附：神馬?你忘記自己軟件裝在哪里不知道怎么找路徑了?那在開始菜單欄總有她的身影吧!或者桌面上有她的快捷方式吧?鼠標(biāo)點(diǎn)擊”開始”找到這軟件(或者直接在桌面的ps快捷方式上右擊)，在ps cc軟件上右擊選擇”打開文件位置”，毫不猶豫的再嗖嗖嗖幾下你就找到了路徑。

=================== 一切就緒，馬上出發(fā)↓ =====================

一、創(chuàng)建3D字體

打開AI，創(chuàng)建新畫布，鍵入一個(gè)大寫的”D”字，使用素材里面的字體storybook。字體顏色設(shè)為#4C3F38。

現(xiàn)在來創(chuàng)建3D效果。Effect > 3D > Extrude & Bevel，設(shè)置如下：

你可以自由地調(diào)整字體的角度、光照等元素。

一旦你完成了第一個(gè)字體的3D設(shè)置，那么后面的字體設(shè)置就顯得輕而易舉了~一次一個(gè)一個(gè)地把它們創(chuàng)造出來，調(diào)整好位置。

現(xiàn)在打開你的ps，新建一張畫布，我選擇了6300*4500px，300ppi。背景色設(shè)置為#17151d。

一個(gè)一個(gè)地拷貝(ctl+c)剛才在AI里面做好的字體”dream”粘貼(ctl+v)到ps里面。記住，拷貝進(jìn)來的時(shí)候選擇”智能對(duì)象”以方便我們改動(dòng)其大小。

調(diào)整各個(gè)字體在畫布里的圖層順序和位置布局。

現(xiàn)在我們要給每個(gè)字體添加樣式。使用魔棒或者快速選擇工具或者鋼筆工具等等選出字體的上表面(如下)鼠標(biāo)右鍵選擇添加路徑，容差寫上1.5.

現(xiàn)在有了工作路徑，我們需要給它填充一個(gè)顏色。Layer > New Fill Layer > Solid Color，填充白色。圖層面板會(huì)產(chǎn)生一個(gè)新的矢量形狀Color Fill1.雙擊該圖層按照下圖添加斜面和浮雕圖層樣式。記住高光的顏色是#94aa53，陰影的顏色是#6c6f64.

現(xiàn)在我們得創(chuàng)建一個(gè)圖案用來覆蓋在每個(gè)字體的上方。用AI打開Seamless Swirls，調(diào)整圖案的顏色為#94aa52，在ps里面新建一個(gè)235*235px的畫布，背景色為#ebe77f，拷貝AI中的圖案過來，Edit > Define Pattern制作圖案。

創(chuàng)建好了圖案，雙擊白色矢量形狀，添加圖層樣式”圖案疊加”(是不是瞬間覺得帥呆了)：

最后一個(gè)要點(diǎn)就是給字體添加顏色疊加調(diào)整圖層。按住ctrl左擊字體圖層確保該圖層被選中的情況下，Layer > New Adjustment Layer > Gradient Map按照下圖創(chuàng)建圖層(顏色從左到右分別為d8c67f, 94aa53(位置70%), 262628(位置90%),和141416，記得勾選漸變的反向選框!)：

將該圖層放在字體和形狀圖層之間，按住alt鼠標(biāo)左擊該漸變圖層和字體圖層之間的連線創(chuàng)建剪切蒙版：

重復(fù)以上步驟獲得如下字體效果：

二、繪制場(chǎng)景

制作完字體，接下來就是樹干樹枝了。

選擇畫筆工具，設(shè)置如下：

這里需要注意的是，繪制樹干樹枝的時(shí)候我們的畫筆漸隱(Fade)是可以調(diào)整的。這是指畫筆尾部的結(jié)束部分。這個(gè)數(shù)值越大，代表畫筆在畫布上延長(zhǎng)的距離更長(zhǎng)，隱退所需的時(shí)間更久。比如我畫主樹干的時(shí)候需要粗短一點(diǎn)的畫筆，設(shè)置漸隱數(shù)值為100，我畫樹枝的時(shí)候需要需要有更細(xì)長(zhǎng)的尾巴所以我設(shè)置漸隱數(shù)值為150，而當(dāng)我要花細(xì)枝末節(jié)的時(shí)我會(huì)選擇250的漸隱數(shù)值。結(jié)合漸隱和畫筆粗細(xì)可以很好地把樹木繪出來。

連續(xù)使用畫筆工具繪制出所有樹木并且把樹根也畫出來。按照你自己的意愿調(diào)整畫筆粗細(xì)和漸隱數(shù)值(F5)繪制合理的場(chǎng)景。

接下來就是繪制葉子了。選擇畫筆工具按下F5設(shè)置畫筆屬性如下：

葉子的最大的一層用顏色#94aa53,中間一層用#55612f，隱退到場(chǎng)景里的顏色用#94aa53，最后層用#e3e07d。

現(xiàn)在來繪制山峰和月亮吧!它們讓場(chǎng)景顯得更深邃、更富震懾力。使用鋼筆工具(P)選擇形狀選項(xiàng)。

在所有圖層的最下面新建一圖層，用鋼筆工具勾勒出一座山峰。我在勾勒好后右擊選擇新建選區(qū)，然后用漸變給它上色。漸變的左邊是畫布的背景顏色，右邊是較亮一點(diǎn)的顏色。

接下來我用大大的畫筆工具繪制了一個(gè)月亮并給它上了一層亮光。給亮光時(shí)把筆的硬度適當(dāng)調(diào)小(我調(diào)到了50%)。把光一圖層移到月亮下面。(你也可以直接在月亮圖層添加外發(fā)光的混合模式制造光輝的效果。)把月亮組合移到山峰組合下面。

有一些細(xì)心的人會(huì)自覺給樹木添加陰影。

最后一部分

為了營(yíng)造這濃厚的藝術(shù)氛圍，我們把素材里的texture作為一個(gè)新圖層放在所有圖層的最上方。調(diào)整該圖層的疊加模式和不透明度如下：

現(xiàn)在需要轉(zhuǎn)置圖像(ctrl+i)然后執(zhí)行Image > Adjustments > Hue and Saturation。數(shù)據(jù)按照下圖設(shè)置來。

最后一步便是導(dǎo)入你那霧氣朦朧的畫布或者筆刷到山峰上和月亮里，調(diào)節(jié)它們的疊加模式和不透明度使得氛圍有一種霧氣朦朧的效果。這個(gè)素材請(qǐng)不要在此坐等提供，相信每個(gè)設(shè)計(jì)師都會(huì)有的~你也可以直接使用上面一步的圖案素材在這里調(diào)節(jié)。

最后你便看到了自己的作品了：)或許你喜歡其它風(fēng)格?試一試更完美的夢(mèng)幻風(fēng)格吧~

說說妹紙有話對(duì)童鞋們說呦：好文章大多數(shù)是國(guó)外的，與其看譯文不如嘗試鍛煉一下英文，多看看國(guó)外原作總是好的，是吧。