當(dāng)前位置:首頁(yè)>ps入門(mén)教程>ps文字教程>3D立體字>教程內(nèi)容

ps結(jié)合AI制作藝術(shù)字教程(5)

來(lái)源:優(yōu)設(shè) 作者:佚名 學(xué)習(xí):14718人次

在這個(gè)教程里面,我們會(huì)創(chuàng)建一串3D字體。所有元素都圍繞一個(gè)主題:夢(mèng)境。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>

先看看效果圖

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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)逐一添加編組以便修改。

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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安裝文件夾,定范到Localeszh_CNSupport Files,比如我的是G:psccAdobe Photoshop CC (64 Bit)Localeszh_CNSupport 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)文件位置”,毫不猶豫的再嗖嗖嗖幾下你就找到了路徑。

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

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

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(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)其大小。

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

 

現(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制作圖案。

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

二、繪制場(chǎng)景

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

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(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)。

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

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

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

最后一部分

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

Photoshop結(jié)合AI制作夢(mèng)境般的藝術(shù)字教程

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

 

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!