轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   www.bouu.cn  )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源：http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，   請點這里

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

二、繪制場景

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

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

  

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

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

 

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

 

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

 

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

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

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

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

最后一部分

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

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

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

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