在這個教程裡面,我們會創建一串3D字體。所有元素都圍繞一個主題:夢境。Dream這個詞匯是畫布的主體中心,它將控制整個畫布的布局空間,我們的其他元素將從這個字體的內部出現,比如生長的樹木,字體背後的山,以及山後高高的月亮。
做夢經常把我們帶到一個不一樣的場景裡,我們比喻她為”仙境”好了。實際上這個”仙境”也是由日常的真實元素構成的,在今天的這片”仙境”裡,我們利用現實世界裡的自然元素,結合AI的3D效果,讓這些元素都夢幻般漂浮在空中。
先看看效果圖
1、通常人們在夜間做夢,所以我們把主色調調成青色和石灰綠。
2、同時,排版的時候來個完整的氛圍,給人感覺像是在講一個故事。
3、在操作時關於字體、樹木、樹枝、樹葉、山峰、月亮、畫布請逐一添加編組以便修改。
4、本文涉及到的素材和最終的psd源文件,猛戳此處下載Dream Design with 3D Typography.rar。下載完後字體該安裝的請先安裝好。
5、本文中用到的AI和ps都是英文版,創建3D字體部分比較簡單,說說也是直接用中文版的AI做的,相信你也可以~如果您的ps是cc且為中文版,或許改成英文版在本文的學習中會更容易操作一點:
打開你的ps cc安裝文件夾,定范到Localeszh_CNSupport Files,比如我的是G:psccAdobe Photoshop CC (64 Bit)Localeszh_CNSupport 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%)。把光一圖層移到月亮下面。(你也可以直接在月亮圖層添加外發光的混合模式制造光輝的效果。)把月亮組合移到山峰組合下面。
有一些細心的人會自覺給樹木添加陰影。
最後一部分