AI+PS新手教程：打造童話夢境般的3D字體特效

@寫說說 ：作者系大學學生，給我們分享他的設計文章。大家如果對原作者的作品感興趣，可到作者的Behance看下。我們直接切入主題~

寫說說妹子很給力，譯文都灰常用心，還體貼地把素材資源打包提供給童鞋們下載，希望編輯同仁們轉載時艾特上妹子，小編深深感謝 ^_^

歡迎大家給說說妹子其他優秀教程點贊：
使用PS創建夢幻迷離的彩虹背景
在PHOTOSHOP中創建可愛的紡織面料文字特效

在這個教程里面，我們會創建一串3D字體。所有元素都圍繞一個主題：夢境。

Dream這個詞匯是畫布的主體中心，它將控制整個畫布的布局空間，我們的其他元素將從這個字體的內部出現，比如生長的樹木，字體背后的山，以及山后高高的月亮。

做夢經常把我們帶到一個不一樣的場景里，我們比喻她為"仙境"好了。實際上這個"仙境"也是由日常的真實元素構成的，在今天的這片"仙境"里，我們利用現實世界里的自然元素，結合AI的3D效果，讓這些元素都夢幻般漂浮在空中。

==================開始之前注意以下幾點： =================

1、通常人們在夜間做夢，所以我們把主色調調成青色和石灰綠。
2、同時，排版的時候來個完整的氛圍，給人感覺像是在講一個故事。
3、在操作時關于字體、樹木、樹枝、樹葉、山峰、月亮、畫布請逐一添加編組以便修改。

4、本文涉及到的素材和最終的psd源文件，猛戳此處下載Dream Design with 3D Typography.rar。下載完后字體該安裝的請先安裝好。
5、本文中用到的AI和ps都是英文版，創建3D字體部分比較簡單，說說也是直接用中文版的AI做的，相信你也可以~如果您的ps是cc且為中文版，或許改成英文版在本文的學習中會更容易操作一點：

打開你的ps cc安裝文件夾，定范到Locales\zh_CN\Support Files，比如我的是G:\pscc\Adobe Photoshop CC (64 Bit)\Locales\zh_CN\Support Files,這里你會看到一個tw10428.dat的文件，把它重命名（比如直接改成tw10428.dat重命名），不要刪掉。重啟ps就是英文版本的了。要換回中文版就把這貨的后綴改回來就是了：）

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

=================== 一切就緒，馬上出發↓ =====================

一、創建3D字體

打開AI，創建新畫布，鍵入一個大寫的"D"字，使用素材里面的字體storybook。字體顏色設為#4C3F38。

現在來創建3D效果。Effect > 3D > Extrude & Bevel，設置如下：

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

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

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

一個一個地拷貝（ctl+c）剛才在AI里面做好的字體"dream"粘貼（ctl+v）到ps里面。記住，拷貝進來的時候選擇"智能對象"以方便我們改動其大小。

調整各個字體在畫布里的圖層順序和位置布局。

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

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

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

創建好了圖案，雙擊白色矢量形狀，添加圖層樣式"圖案疊加"（是不是瞬間覺得帥呆了）：

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

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

重復以上步驟獲得如下字體效果：

二、繪制場景

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

選擇畫筆工具，設置如下：

這里需要注意的是，繪制樹干樹枝的時候我們的畫筆漸隱（Fade）是可以調整的。這是指畫筆尾部的結束部分。這個數值越大，代表畫筆在畫布上延長的距離更長，隱退所需的時間更久。比如我畫主樹干的時候需要粗短一點的畫筆，設置漸隱數值為100，我畫樹枝的時候需要需要有更細長的尾巴所以我設置漸隱數值為150，而當我要花細枝末節的時我會選擇250的漸隱數值。結合漸隱和畫筆粗細可以很好地把樹木繪出來。

連續使用畫筆工具繪制出所有樹木并且把樹根也畫出來。按照你自己的意愿調整畫筆粗細和漸隱數值（F5）繪制合理的場景。

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

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

現在來繪制山峰和月亮吧！它們讓場景顯得更深邃、更富震懾力。使用鋼筆工具（P）選擇形狀選項。

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

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

有一些細心的人會自覺給樹木添加陰影。

最后一部分

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

現在需要轉置圖像（ctrl+i）然后執行Image > Adjustments > Hue and Saturation。數據按照下圖設置來。

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

最后你便看到了自己的作品了：）或許你喜歡其它風格？試一試更完美的夢幻風格吧~

說說妹紙有話對童鞋們說呦：好文章大多數是國外的，與其看譯文不如嘗試鍛煉一下英文，多看看國外原作總是好的，是吧：）

妹子再一次溫柔提醒：到此下載本文素材Dream Design with 3D Typography.rar

優設網SDC翻茄匠 微博： @寫說說
原文地址：gomediazine

轉摘請注明優設網譯文出處，謝謝各位小編。

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量57萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：