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

來(lái)源：http://www.uisdc.com/100-things-you-should-know-about-design

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

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

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

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

==================開(kāi)始之前注意以下幾點(diǎn)： =================

1、通常人們?cè)谝归g做夢(mèng)，所以我們把主色調(diào)調(diào)成青色和石灰綠。
2、同時(shí)，排版的時(shí)候來(lái)個(gè)完整的氛圍，給人感覺(jué)像是在講一個(gè)故事。
3、在操作時(shí)關(guān)于字體、樹(shù)木、樹(shù)枝、樹(shù)葉、山峰、月亮、畫(huà)布請(qǐng)逐一添加編組以便修改。

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

二、繪制場(chǎng)景

制作完字體，接下來(lái)就是樹(shù)干樹(shù)枝了。

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

  

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

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

 

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

 

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

 

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

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

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

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

最后一部分

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

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

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

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