photoshop做漂亮的3d插畫文字3d(17)

最終效果預(yù)覽





介紹和準(zhǔn)備
本系列教程是教程Super Malleable Lines的一種延續(xù)。這有一些相似的效果，但卻是從不同角度體現(xiàn)的。在本教程的第一部分，我們將集中討論如何創(chuàng)建3D文字和飛濺的效果。 首先，創(chuàng)建3D文字，你需要下載Xara 3D6的demo版，也可以使用Adobe Illustrator來創(chuàng)建（Xara 3D6可以下下來研究研究 不過都是鳥文），但我強(qiáng)烈建議你用Xara這（這句話不代表活力盒子立場）。還需要從cgtextures.com下載 stained metal texture圖象（這個(gè)圖片沒找到 悶！）。


                                      步驟1：如何開始
最好的開始方式是給字母找到合適的顏色。在這篇教程里，背景的顏色是很陽光的，給我們一個(gè)很溫暖的感覺。在這里，我們將使用冷色調(diào)。
首先我們需要新建一個(gè)1350 * 1600px，分辨率為 300px/inch的新文檔。創(chuàng)建一個(gè)新層并作簡潔的顏色匹配。不要使用你選擇的第一種顏色，要嘗試一些不同的色調(diào)。難看的背景顏色往往會毀掉大家辛苦的工作。 （簡單來講就是想讓大家多嘗試幾種顏色）
現(xiàn)在，我們找到了一個(gè)很好的匹配色，使用油漆桶工具（G），用#166a91填充新圖層。命名此層為”background”（背景）。



步驟2：背景的深度
現(xiàn)在我們需要的是給這個(gè)背景一些生命力!同樣，要花費(fèi)一些時(shí)間尋找合適的顏色，嘗試使用一些適當(dāng)?shù)睦渖{(diào)。我說的是找到一些深的或淺的藍(lán)色。我使用的顏色如下圖所示。如果你已經(jīng)選擇了一些很好的較暗的顏色（或如果你在選擇上有疑問那就使用下圖的顏色——我所使用的特定顏色）。使用畫筆工具（B），設(shè)置流量5%，硬度為0%，并使你的畫筆直徑非常大，如你在下圖看到的一樣。創(chuàng)建一個(gè)新層，命名為“bg_color”，用這個(gè)大筆刷在角落處涂抹。使每一個(gè)畫筆的新顏色涂抹在它自己的新層上。
嘗試涂抹不同的地方，基本上就是邊緣黑，中間亮。這樣你會得到一些不規(guī)則的漸變效果，這正是我們想要的。



步驟3：調(diào)整顏色
當(dāng)你完成背景的著色后。這個(gè)顏色對我來說似乎有點(diǎn)亮，所以我決定去圖層面板，在所有圖層之上添加一個(gè)新的色相/飽和度調(diào)整層。然后，我稍微減低飽和度，消除一些顏色。



步驟4：準(zhǔn)備飛濺的紋理
現(xiàn)在打開stained metal texture（抱歉！ 目前活力盒子沒辦法提供該圖片）。我不知道這為什么稱為“金屬”，在我看來更像一些污漬。無論如何，污漬就是要點(diǎn)，你可以挑選一個(gè)自己喜歡的圖片。但它必須符合你的需求�，F(xiàn)在點(diǎn)擊Command + T鍵，使用扭曲在這個(gè)畫面上做透視效果。然后點(diǎn)擊Command + Shift+U減低飽和度。在這層的縮略圖上點(diǎn)擊Command-click建立選區(qū) 。按Command + C復(fù)制它。（Command=Ctrl 以下相同）





                                      步驟5：創(chuàng)建潑濺，形狀和陰影
回到我們的主要項(xiàng)目文檔。使用鋼筆工具（P），繪制一個(gè)潑濺的形狀，然后把它變成一個(gè)選區(qū)。首先在所有層之上創(chuàng)建一個(gè)新層，命名為“texture”（紋理）�，F(xiàn)在去編輯 粘貼到。我們的紋理現(xiàn)在應(yīng)該是動(dòng)態(tài)的粘貼到選區(qū)上，就意味著你可以改變選區(qū)內(nèi)部的位置�，F(xiàn)在改變該層的混合模式為疊加，并設(shè)置不透明度為70%，得到的效果應(yīng)類似于下圖2（就是第二張圖片）。
現(xiàn)在在所有層之上創(chuàng)建一個(gè)新圖層，其命名為“splattershading”（飛濺的陰影），使用畫筆工具（B），改變顏色為#125361。確保你的畫筆設(shè)置非常柔軟，硬度0%，流量10%。現(xiàn)在在紋理層上做一個(gè)選區(qū)（Command-click圖層的縮略圖）。看看下圖3，涂抹在指定的地點(diǎn)。我們需要變暗這一飛濺的內(nèi)邊緣，創(chuàng)建一個(gè)凸面的視覺效果。這個(gè)飛濺需要突出一點(diǎn)，不能太平坦。請參閱下圖4和圖5。



步驟6：創(chuàng)建邊緣高亮效果
OK，上一步創(chuàng)建了一些陰影，現(xiàn)在開始做邊緣高亮效果�？纯聪旅娴牡谝桓眻D像。我做了一個(gè)小小的準(zhǔn)備（這不是你必須要做的）。在你添加光亮之前需要想象做成什么樣子它才會顯得真實(shí)。因此，我創(chuàng)建了一些簡單的線條顯示出哪些地方是適合設(shè)置光亮的。
如果你已經(jīng)準(zhǔn)備好了，那就在所有層之上創(chuàng)建一個(gè)新層，其命名為“splatter lighting”（飛濺光亮），在“texture”層上選擇選區(qū)�，F(xiàn)在用同樣的畫筆設(shè)置和一個(gè)更亮的顏色#99e9ea，開始在指定的地點(diǎn)描繪（要在飛濺邊緣留下一點(diǎn)小小的空間）。
注意：記住你可以隨時(shí)更改你覺得不正確的地方，如果你涂抹了太多陰影或亮光，那就用柔軟的橡皮擦工具（E）擦除不需要的部分。





                                      步驟7：創(chuàng)建飛濺，筆刷設(shè)置
在我們繼續(xù)之前，去筆刷面板，并按下圖更改畫筆的設(shè)置。
這是為什么呢？用一個(gè)小的，柔軟的褪色筆刷，你可以輕松地使用鼠標(biāo)涂抹。如果你在一個(gè)地方涂抹，畫出了一些失敗的線條，但是它們幾乎看不出來。請參閱下圖2，看看光線是如何建立的。下圖3上的白色箭頭會指示你如何涂抹。在每一個(gè)飛濺的外邊緣添加這些光線。



步驟8：創(chuàng)建飛濺，添加光線
現(xiàn)在，不要改變你的畫筆設(shè)置，只是增加一點(diǎn)直徑，改變顏色為白色。然后在所有層之上創(chuàng)建一個(gè)新層，命名為“l(fā)ightingoverlay”（光線疊加），設(shè)置這個(gè)層的混合模式為疊加，開始在步驟6所示的同樣的點(diǎn)上描繪。創(chuàng)建一些很少的點(diǎn)，而不是行（為的是突出高光效果，看下圖就明白了）。



步驟9：創(chuàng)建飛濺，再添加些光線
繼續(xù)對選定的飛濺部分增加光線。記住你的直徑是動(dòng)態(tài)的。你可以從大到小創(chuàng)建更好的光線。
你也可以借助橡皮擦工具（E），用一個(gè)非常柔軟的橡皮擦，0%硬度和8%流量，添加細(xì)節(jié)。（這步需要的是耐心與細(xì)致�。�





                                      步驟10：創(chuàng)建飛濺，修飾
接下來，首先在所有層之上創(chuàng)建一個(gè)新層，命名為“splattertouchups”（飛濺修飾），并改變它的混合模式為正片疊底。重新設(shè)置你的畫筆，設(shè)置畫筆硬度為0%，流量5%，改變顏色為#125361�，F(xiàn)在看下圖1，并在指定的地點(diǎn)修飾。然后切換到白色，創(chuàng)建一個(gè)新層，命名為“splatterlight”（飛濺光亮），然后使用相同的畫筆設(shè)置添加一些更多的光線到飛濺上。



步驟11：陰影過程解釋
在我們進(jìn)入創(chuàng)造飛濺陰影之前，這里有幾件事情你需要了解：
1：當(dāng)你想在三維空間里放置一個(gè)物體，你需要注意你的光源在哪。
2：記住物體自己投下的陰影（參閱下圖，“”the shadow between box and desk”（盒子和桌子之間的陰影）。這是很多設(shè)計(jì)師容易忘記（或不知道）的事。
3：這意味著有時(shí)候一個(gè)物體陰影的多少取決于光源以及它的位置。
4：也要記住的“darkened area”（暗區(qū)）（參考下圖）始終保持比其他地方暗。
5：它同樣也有“l(fā)ightened area”（亮區(qū)），這亮于物體中其他的部分。
活力盒子注：如果你學(xué)過美術(shù)或者素描，那么上面的道理很容易就能明白。



步驟12：創(chuàng)建飛濺，陰影過程
我們沒有規(guī)定光的來源，因此我們將跳過光源所造成的陰影。我們只要關(guān)心以下這個(gè)飛濺圖形的陰影就好（參考上一步驟的解釋2）。





                                      步驟13：飛濺陰影
現(xiàn)在飛濺的陰影和非陰影的地方就有了一個(gè)輕微的區(qū)別。在本教程的第二部分，我們將使表面更臟，這將提供一個(gè)新的更大的陰影效果。
我們即將要完成了，但在我們繼續(xù)之前，我希望你再看看下圖3。也許你想知道為什么這些地方?jīng)]有影子？這個(gè)飛濺就像一個(gè)三維物體，因此如果你在3D程序里旋轉(zhuǎn)它，能看到每一個(gè)邊是什么樣子的�，F(xiàn)在，如果你可以看到飛濺的右邊，陰影確實(shí)是存在的。但是，從我們的角度（前）看，卻是不可見的，所以我們不添加它。
這有點(diǎn)兒很難解釋，有時(shí)你只需要想像在現(xiàn)實(shí)中它會是什么樣子的就OK。

步驟14：文字準(zhǔn)備OK，我們已經(jīng)做了飛濺效果，我們可以創(chuàng)造文字了。但在做之前，讓我們先看下面的第一幅圖。正如你所看到的，并不是整個(gè)飛濺都覆蓋著光線和陰影。粉紅色表示的區(qū)域看起來沒有完成。因?yàn)槲乙婚_始就計(jì)劃在這個(gè)中間創(chuàng)建文本。所以，文本應(yīng)覆蓋住背后這一點(diǎn)不完善的地方。下圖2、3、4顯示了我基本上是如何做文本的。我做了一個(gè)小準(zhǔn)備，因?yàn)槲也恢浪鼤鞘裁葱Ч�。這不是你必須要做的，但有時(shí)多嘗試一下也不錯(cuò)。所以，現(xiàn)在這個(gè)平面文本激發(fā)了我很多靈感。這使我看到了我想要實(shí)現(xiàn)的目標(biāo)。



步驟15：3D環(huán)境下的文本
為了將3D文字放在三維空間的表面，你需要設(shè)置地平線。看看下圖1。我的基線是我創(chuàng)建的飛濺形狀。在這里地平線應(yīng)略高于飛濺的頂部邊緣。你不必像我在下圖1這樣畫線，只要在腦袋里想像一下這條線應(yīng)該放在哪就可以啦。
在一些抽象作品里這是沒有必要的，例如：字母在空中飛行，它們還可以旋轉(zhuǎn)等等。
在我們繼續(xù)創(chuàng)建3D文字之前，你也需要了解字母的位置：看看下圖2。如果字母放在地平線之下，那么請記住，你是從高處看它們，這就是我們將創(chuàng)建的文本。





                                      步驟16：在Xara上準(zhǔn)備文本
OK，，現(xiàn)在打開Xara3D 6。正如我以前說過的保持字母的頂部可見。Xara是非常容易使用的，如果你花費(fèi)約5分鐘，你就會知道一切。在下圖，我指出了一些更重要的被用來生成這個(gè)文本的選項(xiàng)。我建議你使用你自己的設(shè)置。但是，如果你想達(dá)到的目標(biāo)和我類似，那么顏色就用這個(gè)：光1：#FBDBFF  光2：#EF72D2  光3：# E35DB0
在其余的顏色選項(xiàng)保持不變。



步驟17：保存文本
人們有時(shí)會忘記有關(guān)Xara3D 6以下幾點(diǎn)：
在你保存時(shí)，要去陰影選項(xiàng)，關(guān)閉陰影（不希望保留Xara自帶的影子，它看起來會非常糟糕）。
然后將文件保存到photoshop的可讀格式，去文件 導(dǎo)出，選擇PNG格式，并按下圖2的設(shè)置保存該圖像。



步驟18：調(diào)整文本
OK，我們以PNG格式保存了文本。現(xiàn)在，在photoshop中打開文本，并將其拖到我們的項(xiàng)目中。然后點(diǎn)擊Command +T鍵（自由變換），選擇彎曲。設(shè)法使文字彎曲，有些弧度。這樣能提供更好的3D感覺。下一步參考下圖3：使用加深工具（O），設(shè)置范圍是中間色調(diào)，曝光度為25%，在每個(gè)字母的底部涂抹一點(diǎn)（后面這將有助于更好的實(shí)現(xiàn)陰影效果）。在此之后，應(yīng)用圖層 調(diào)整 可選顏色更改文本的一些色調(diào)（下圖4和圖5）。這取決于個(gè)人品味。嘗試調(diào)整大部分紅色，因?yàn)檫@個(gè)選項(xiàng)會主要影響你的粉紅色文本。





                                      步驟19：文字修飾
現(xiàn)在看看下圖1。我曾指出圖像的一些地方看起來很糟糕。這個(gè)深色不完全適合我們的圖像。另外，紅色箭頭指示的點(diǎn)是Xara破壞的，這看起來很臟。我們將會把所有這些點(diǎn)修飾一下。因此首先使用鋼筆工具（P），在文本上看不來不好的點(diǎn)上描繪一條路徑（紅色箭頭指示的地方）。打開這個(gè)選區(qū)（點(diǎn)擊右鍵 創(chuàng)建選區(qū)）。然后選擇仿制圖章工具（S），參考下圖3。你的設(shè)置要和我的一樣（也設(shè)置為0%的硬度）。然后修飾這個(gè)看起來不好的點(diǎn)，這樣它在新層上就完美了~



步驟20：文本修飾，加亮
現(xiàn)在修飾其余糟糕的點(diǎn)。在文本圖層之上創(chuàng)建一個(gè)新圖層，你可以命名它為“text correction”（文本更正），并改變其混合模式為疊加。使用畫筆工具（B），更改筆刷設(shè)置，流量為10%，硬度0%，并使用一個(gè)大的直徑�，F(xiàn)在選擇顏色#ffbdf3。下一步按住命令鍵點(diǎn)擊文本圖層的縮略圖選擇選區(qū)。然后用軟筆刷在看起來暗的點(diǎn)上涂抹。
其主要任務(wù)是使用一個(gè)明亮的粉紅色（與文字顏色相匹配），用疊加的混合模式覆蓋了一些不完善的地方。你也可以修改文字表面一些隨機(jī)的點(diǎn)，這會給文本一個(gè)不錯(cuò)的色調(diào)。



步驟21：創(chuàng)建光環(huán)
現(xiàn)在，讓我們創(chuàng)建光環(huán)。我在下圖寫上了要做的一切，你應(yīng)該能夠很容易地按步驟做到。最主要的是在文本的中間到頂端建立一個(gè)柔軟的漸變。你可以按自己的想法做，但我認(rèn)為下圖的方式很酷，很快~（活力盒子注：圖很直觀 別告訴我你看圖沒看明白 -_-）





                                      步驟22：創(chuàng)建倒影（折射效果）
我們將創(chuàng)造一些深度。這些文字現(xiàn)在看起來不錯(cuò)，但是它沒有什么特別的。我們需要給它們一個(gè)更獨(dú)特的外觀。我們要?jiǎng)?chuàng)建一個(gè)錯(cuò)覺，該文本在它的環(huán)境中反映了一些事物。而這是沒人會在意是否反射出了真正的還是虛無的物體，只要它好看就行了。
因此，按住命令鍵點(diǎn)擊文本層縮略圖選擇選區(qū)。然后點(diǎn)擊Command + SHIFT鍵+C（復(fù)制合并）和Command+V（粘貼）�，F(xiàn)在，我們得到了完全相同的整個(gè)文本的副本。命名此層為“Reflection1”（反射1），重復(fù)復(fù)制這層幾次，依次命名為“Reflection 1″ ，”Reflection 2″ 和”Reflection 3″。
現(xiàn)在使用其中一個(gè)反射圖層，點(diǎn)擊Command + T鍵（自由變換），如下圖1旋轉(zhuǎn)它，然后選擇原來的文本層（下圖2）。去選擇 反選，點(diǎn)擊刪除（記得當(dāng)你點(diǎn)擊刪除時(shí)選擇了變換反射層）。你應(yīng)該得到類似于下圖2的圖像。
然后改變反射層的透明度大概15-20%，并設(shè)置其混合模式為疊加。你應(yīng)該得到如下圖3的效果。確保反射層只在文本表面，因此如果它出界了，就用柔軟的橡皮擦修飾（如下圖4）。
重復(fù)反射過程2-3次，直到覆蓋了整個(gè)文本（小心，不要把它弄臟）。請參考下圖5，得到的結(jié)果應(yīng)該是這樣的。



步驟23：光環(huán)和反射糾正
現(xiàn)在，我們使光環(huán)和反射的效果更強(qiáng)。使用橡皮擦工具（E），設(shè)置其流量為5%，硬度為0%，然后用一個(gè)小橡皮擦擦除每個(gè)字母周圍的光澤（如白色箭頭所示）。然后切換到減淡工具（O），設(shè)置范圍為中間調(diào)，曝光度為20%左右，并為每個(gè)字母添加一些深度（如紅色箭頭所示）。



步驟24：文本修飾
現(xiàn)在，讓我們解決一些光線問題。顯然文本的左上角比右上角亮（見下圖1）。。當(dāng)然文本的某些區(qū)域是沒有光源的，但我們的重點(diǎn)是修飾最強(qiáng)的光源。
看下圖2，它看起來缺了一些東西。其余這些字母有很好的光線和陰影。但字母“L”和“R”的頂部幾乎沒有陰影。它可能是由于Xara的光線造成的。但這不是問題，我們將修復(fù)它，之后它看起來就好多了。
因此，創(chuàng)建文本選區(qū)（下圖3）。使用與之前相同設(shè)置的筆刷工具（硬度0%，流量5%），更改顏色為一些較暗的粉紅色（# 79185d）。在所有圖層之上創(chuàng)建一個(gè)新層，命名為“additional shade”（額外的陰影），開始在這些字母頂部的右上方涂抹，參照下圖3。
下一步在所有圖層之上創(chuàng)建一個(gè)新層，命名為“additional light”（額外的光線），并重復(fù)同樣的過程，但這次要從這些字母的左邊涂抹（見下圖4）。
注：記住如果涂抹的不對，要用柔軟的橡皮擦擦除。





                                      步驟25：文本修飾
去圖層面板，在所有圖層之上建立一個(gè)新的漸變映射調(diào)整圖層。選擇從黑色到白色的漸變，類似于下圖1。然后改變這層的混合模式為柔光，降低不透明度至70%（下圖2）。
最后調(diào)用文本層選區(qū)，去選擇 反向。然后到圖層面板，選擇了漸變映射圖層的蒙版。使用油漆桶工具（G），改變顏色為黑色，填充蒙版（下圖3）。
現(xiàn)在，我們要確保這個(gè)漸變映射只影響該文本，不影響其他的。



步驟26：文本修飾
現(xiàn)在做一個(gè)小細(xì)節(jié)。改變你的筆刷設(shè)置，硬度100%，100%的流量，然后使用鋼筆工具（P）。首先在所有層之上創(chuàng)建一個(gè)新層，并在每個(gè)字母頂部作一條曲線或直線。 當(dāng)你完成后，右擊選擇描邊路徑。請確保模擬壓力被選中。



步驟27：創(chuàng)建文本陰影
我想最難的部分經(jīng)常是增加陰影。首先讓我們在飛濺和字母之間建立一個(gè)標(biāo)準(zhǔn)的陰影。
在開始之前，請記住用與表面相同的顏色創(chuàng)建陰影是不錯(cuò)的選擇。因此，我們飛濺表面的顏色為淡藍(lán)色，那就選擇深藍(lán)色（#092330就行）�，F(xiàn)在使用畫筆工具（B），設(shè)置0%的硬度，其余的選項(xiàng)如下圖。
在文本圖層之下創(chuàng)建一個(gè)新圖層，命名為“text shadow”（文本的陰影）。先用一個(gè)小直徑筆刷在文本下方添加一些細(xì)微的陰影線。然后把直徑變大填充字母之間的區(qū)域。
注意：軟橡皮擦始終能幫助到你！





                                      步驟28：最后的調(diào)整
我們第一部分的教程即將結(jié)束。我在完成之前通常會做一些總體的調(diào)整。因此，去圖層面板，創(chuàng)建一個(gè)新的漸變映射調(diào)整圖層，選擇“紫，橙”預(yù)設(shè)，單擊確定。然后改變該層的混合模式為柔光，不透明度降低至20%左右（這會給圖像多一點(diǎn)冷色~）。
重復(fù)這一過程，但這次創(chuàng)建一個(gè)從深藍(lán)色（黑綠色）#202930到淺色（甚至灰色）#31505b的漸變。設(shè)置這層的混合模式為柔光，不透明度為80%左右。這將增加一些色彩和對比度。
此文字看上去對我來說仍然太冷，所以我決定使用相同的步驟再創(chuàng)建另一個(gè)漸變。這一次我使用了#2e2111到#e2be84（下圖3）的漸變色。這些棕色的，黃色的顏色能增加更多的溫暖。再次改變這個(gè)圖層的混合模式為柔光，不透明度30%左右。
最后，你可以添加曲線調(diào)整圖層。這不是必要的，但我認(rèn)為黑暗和對比色調(diào)能體現(xiàn)出不錯(cuò)的感覺。你也可以在曲線中應(yīng)用紅色通道，使文字的顏色看起來更理想。



步驟29：最后的修飾
在添加了一些漸變之后，我決定移動(dòng)一些光線（白色箭頭所示）。我還更正了一個(gè)小陰影，因?yàn)樗雌饋硖堤�。你可以看到下圖2，我降低了文本和飛濺之間陰影的透明度。這只是因?yàn)榍�使它顯得有點(diǎn)暗。
準(zhǔn)備好做任何更正，調(diào)整顏色和對比度之后，有時(shí)你可能還想改變一些細(xì)節(jié)。，看看它是否給了你一個(gè)清新的形象。






結(jié)論
現(xiàn)在你知道了如何從頭開始創(chuàng)建飛濺效果，增加彩色3D文字的光澤了吧~用很棒的顏色填充整個(gè)圖像，把它們放在3D空間里。我認(rèn)為這里有許多有用的效果和技術(shù)可以在自己的作品中使用。
用這些方法我們已經(jīng)完成了教程的第一部分。雖然它還需要一些更細(xì)致的工作，因?yàn)樗雌饋硖斩戳恕Ｒ虼�，在教程第二部分你將學(xué)到關(guān)于實(shí)現(xiàn)發(fā)光效果和建立創(chuàng)造性感觀的技術(shù)，不要走開哦！

作者:翻譯：活力盒子　  出處:Wojciech Pijecki