效果圖看上去確實非常壯觀,色調(diào)非常和諧,文字視覺效果突出,而且背景紋理渲染的很經(jīng)典。整個效果制作的天衣無縫。完美到了極點。不過制作起來需要花費大量的精力。
最終效果
1、如何開始,最好的開始方式是給字母找到合適的顏色。在這篇教程里,背景的顏色是很陽光的,給我們一個很溫暖的感覺。在這里,我們將使用冷色調(diào)。
首先我們需要新建一個1350 * 1600px,分辨率為 300px/inch的新文檔。創(chuàng)建一個新層并作簡潔的顏色匹配。不要使用你選擇的第一種顏色,要嘗試一些不同的色調(diào)。難看的背景顏色往往會毀掉大家辛苦的工作。 (簡單來講就是想讓大家多嘗試幾種顏色)
現(xiàn)在,我們找到了一個很好的匹配色,使用油漆桶工具(G),用#166a91填充新圖層。命名此層為”background”(背景)。
2、背景的深度:現(xiàn)在我們需要的是給這個背景一些生命力!同樣,要花費一些時間尋找合適的顏色,嘗試使用一些適當(dāng)?shù)睦渖{(diào)。我說的是找到一些深的或淺的藍(lán)色。我使用的顏色如下圖所示。 如果你已經(jīng)選擇了一些很好的較暗的顏色(或如果你在選擇上有疑問那就使用下圖的顏色——我所使用的特定顏色)。使用畫筆工具(B),設(shè)置流量5%,硬度為0%,并使你的畫筆直徑非常大,如你在下圖看到的一樣。創(chuàng)建一個新層,命名為“bg_color”,用這個大筆刷在角落處涂抹。使每一個畫筆的新顏色涂抹在它自己的新層上。
嘗試涂抹不同的地方,基本上就是邊緣黑,中間亮。這樣你會得到一些不規(guī)則的漸變效果,這正是我們想要的。
3、調(diào)整顏色:
當(dāng)你完成背景的著色后。這個顏色對我來說似乎有點亮,所以我決定去圖層面板,在所有圖層之上添加一個新的色相/飽和度調(diào)整層。然后,我稍微減低飽和度,消除一些顏色。
4、準(zhǔn)備飛濺的紋理:
無論如何,污漬就是要點,你可以挑選一個自己喜歡的圖片。但它必須符合你的需求。 現(xiàn)在點擊Command + T鍵,使用扭曲在這個畫面上做透視效果。然后點擊Command + Shift + U減低飽和度。在這層的縮略圖上點擊Command-click建立選區(qū) 。按Command + C復(fù)制它。(Command=Ctrl 以下相同)
5、創(chuàng)建潑濺,形狀和陰影
回到我們的主要項目文檔。使用鋼筆工具(P),繪制一個潑濺的形狀,然后把它變成一個選區(qū)。首先在所有層之上創(chuàng)建一個新層,命名為“texture”(紋理)?,F(xiàn)在去編輯>粘貼到。我們的紋理現(xiàn)在應(yīng)該是動態(tài)的粘貼到選區(qū)上,就意味著你可以改變選區(qū)內(nèi)部的位置?,F(xiàn)在改變該層的混合模式為疊加,并設(shè)置不透明度為70%,得到的效果應(yīng)類似于下圖2(就是第二張圖片)。
現(xiàn)在在所有層之上創(chuàng)建一個新圖層,其命名為“splatter shading”(飛濺的陰影),使用畫筆工具(B),改變顏色為#125361。確保你的畫筆設(shè)置非常柔軟,硬度0%,流量10%。現(xiàn)在在紋理層上做一個選區(qū)(Command-click圖層的縮略圖)??纯聪聢D3,涂抹在指定的地點。我們需要變暗這一飛濺的內(nèi)邊緣,創(chuàng)建一個凸面的視覺效果。這個飛濺需要突出一點,不能太平坦。請參閱下圖4和圖5。
6、創(chuàng)建邊緣高亮效果
OK,上一步創(chuàng)建了一些陰影,現(xiàn)在開始做邊緣高亮效果??纯聪旅娴牡谝桓眻D像。我做了一個小小的準(zhǔn)備(這不是你必須要做的)。在你添加光亮之前需要想象做成什么樣子它才會顯得真實。因此,我創(chuàng)建了一些簡單的線條顯示出哪些地方是適合設(shè)置光亮的。
如果你已經(jīng)準(zhǔn)備好了,那就在所有層之上創(chuàng)建一個新層,其命名為“splatter lighting”(飛濺光亮),在“texture”層上選擇選區(qū)。現(xiàn)在用同樣的畫筆設(shè)置和一個更亮的顏色#99e9ea,開始在指定的地點描繪(要在飛濺邊緣留下一點小小的空間)。
注意:記住你可以隨時更改你覺得不正確的地方,如果你涂抹了太多陰影或亮光,那就用柔軟的橡皮擦工具(E)擦除不需要的部分。
7、創(chuàng)建飛濺,筆刷設(shè)置
在我們繼續(xù)之前,去筆刷面板,并按下圖更改畫筆的設(shè)置。
這是為什么呢?用一個小的,柔軟的褪色筆刷,你可以輕松地使用鼠標(biāo)涂抹。如果你在一個地方涂抹,畫出了一些失敗的線條,但是它們幾乎看不出來。請參閱下圖2,看看光線是如何建立的。下圖3上的白色箭頭會指示你如何涂抹。在每一個飛濺的外邊緣添加這些光線。
8、創(chuàng)建飛濺,添加光線
現(xiàn)在,不要改變你的畫筆設(shè)置,只是增加一點直徑,改變顏色為白色。然后在所有層之上創(chuàng)建一個新層,命名為“l(fā)ighting overlay”(光線疊加),設(shè)置這個層的混合模式為疊加,開始在步驟6所示的同樣的點上描繪。創(chuàng)建一些很少的點,而不是行(為的是突出高光效果,看下圖就明白了)。
9、創(chuàng)建飛濺,再添加些光線
繼續(xù)對選定的飛濺部分增加光線。記住你的直徑是動態(tài)的。你可以從大到小創(chuàng)建更好的光線。
你也可以借助橡皮擦工具(E),用一個非常柔軟的橡皮擦,0%硬度和8%流量,添加細(xì)節(jié)。(這步需要的是耐心與細(xì)致?。?div style="height:15px;">
10、創(chuàng)建飛濺,修飾
接下來,首先在所有層之上創(chuàng)建一個新層,命名為“splatter touch ups”(飛濺修飾),并改變它的混合模式為正片疊底。重新設(shè)置你的畫筆,設(shè)置畫筆硬度為0%,流量5%,改變顏色為#125361。現(xiàn)在看下圖1,并在指定的地點修飾。然后切換到白色,創(chuàng)建一個新層,命名為“splatter light”(飛濺光亮),然后使用相同的畫筆設(shè)置添加一些更多的光線到飛濺上。
11、陰影過程解釋
在我們進入創(chuàng)造飛濺陰影之前,這里有幾件事情你需要了解:
1:當(dāng)你想在三維空間里放置一個物體,你需要注意你的光源在哪。
2:記住物體自己投下的陰影(參閱下圖,“”the shadow between box and desk”(盒子和桌子之間的陰影)。這是很多設(shè)計師容易忘記(或不知道)的事。
3:這意味著有時候一個物體陰影的多少取決于光源以及它的位置。
4:也要記住的“darkened area”(暗區(qū))(參考下圖)始終保持比其他地方暗。
5:它同樣也有“l(fā)ightened area”(亮區(qū)),這亮于物體中其他的部分。
活力盒子注:如果你學(xué)過美術(shù)或者素描,那么上面的道理很容易就能明白。
12、創(chuàng)建飛濺,陰影過程
我們沒有規(guī)定光的來源,因此我們將跳過光源所造成的陰影。我們只要關(guān)心以下這個飛濺圖形的陰影就好(參考上一步驟的解釋2)。
13、飛濺陰影
現(xiàn)在飛濺的陰影和非陰影的地方就有了一個輕微的區(qū)別。在本教程的第二部分,我們將使表面更臟,這將提供一個新的更大的陰影效果。
我們即將要完成了,但在我們繼續(xù)之前,我希望你再看看下圖3。也許你想知道為什么這些地方?jīng)]有影子?這個飛濺就像一個三維物體,因此如果你在3D程序里旋轉(zhuǎn)它,能看到每一個邊是什么樣子的?,F(xiàn)在,如果你可以看到飛濺的右邊,陰影確實是存在的。但是,從我們的角度(前)看,卻是不可見的,所以我們不添加它。
這有點兒很難解釋,有時你只需要想像在現(xiàn)實中它會是什么樣子的就OK。
14、文字準(zhǔn)備
OK,我們已經(jīng)做了飛濺效果,我們可以創(chuàng)造文字了。但在做之前,讓我們先看下面的第一幅圖。正如你所看到的,并不是整個飛濺都覆蓋著光線和陰影。粉紅色表示的區(qū)域看起來沒有完成。因為我一開始就計劃在這個中間創(chuàng)建文本。所以,文本應(yīng)覆蓋住背后這一點不完善的地方。
下圖2、3、4顯示了我基本上是如何做文本的。我做了一個小準(zhǔn)備,因為我不知道它會是什么效果。這不是你必須要做的,但有時多嘗試一下也不錯。所以,現(xiàn)在這個平面文本激發(fā)了我很多靈感。這使我看到了我想要實現(xiàn)的目標(biāo)。
15、3D環(huán)境下的文本
為了將3D文字放在三維空間的表面,你需要設(shè)置地平線??纯聪聢D1。我的基線是我創(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是非常容易使用的,如果你花費約5分鐘,你就會知道一切。 在下圖,我指出了一些更重要的被用來生成這個文本的選項。我建議你使用你自己的設(shè)置。但是,如果你想達到的目標(biāo)和我類似,那么顏色就用這個:光1:# FBDBFF 光2:# EF72D2 光3:# E35DB0
在其余的顏色選項保持不變。
17、保存文本
人們有時會忘記有關(guān)Xara3D 6以下幾點:
在你保存時,要去陰影選項,關(guān)閉陰影(不希望保留Xara自帶的影子,它看起來會非常糟糕)。
然后將文件保存到Photoshop的可讀格式,去文件>導(dǎo)出,選擇PNG格式,并按下圖2的設(shè)置保存該圖像。
18、調(diào)整文本
OK,我們以PNG格式保存了文本。現(xiàn)在,在Photoshop中打開文本,并將其拖到我們的項目中。然后點擊Command + T鍵(自由變換),選擇彎曲。設(shè)法使文字彎曲,有些弧度。這樣能提供更好的3D感覺。 下一步參考下圖3:使用加深工具(O),設(shè)置范圍是中間色調(diào),曝光度為25%,在每個字母的底部涂抹一點(后面這將有助于更好的實現(xiàn)陰影效果)。 在此之后,應(yīng)用圖層>調(diào)整>可選顏色更改文本的一些色調(diào)(下圖4和圖5)。這取決于個人品味。嘗試調(diào)整大部分紅色,因為這個選項會主要影響你的粉紅色文本。
19、文字修飾
現(xiàn)在看看下圖1。我曾指出圖像的一些地方看起來很糟糕。這個深色不完全適合我們的圖像。另外,紅色箭頭指示的點是Xara破壞的,這看起來很臟。我們將會把所有這些點修飾一下。 因此首先使用鋼筆工具(P),在文本上看不來不好的點上描繪一條路徑(紅色箭頭指示的地方)。打開這個選區(qū)(點擊右鍵>創(chuàng)建選區(qū))。然后選擇仿制圖章工具(S),參考下圖3。你的設(shè)置要和我的一樣(也設(shè)置為0%的硬度)。然后修飾這個看起來不好的點,這樣它在新層上就完美了~
20、文本修飾,加亮
現(xiàn)在修飾其余糟糕的點。在文本圖層之上創(chuàng)建一個新圖層,你可以命名它為“text correction”(文本更正),并改變其混合模式為疊加。使用畫筆工具(B),更改筆刷設(shè)置,流量為10%,硬度0%,并使用一個大的直徑?,F(xiàn)在選擇顏色#ffbdf3。下一步按住命令鍵點擊文本圖層的縮略圖選擇選區(qū)。然后用軟筆刷在看起來暗的點上涂抹。
其主要任務(wù)是使用一個明亮的粉紅色(與文字顏色相匹配),用疊加的混合模式覆蓋了一些不完善的地方。你也可以修改文字表面一些隨機的點,這會給文本一個不錯的色調(diào)。
21、創(chuàng)建光環(huán)
現(xiàn)在,讓我們創(chuàng)建光環(huán)。我在下圖寫上了要做的一切,你應(yīng)該能夠很容易地按步驟做到。最主要的是在文本的中間到頂端建立一個柔軟的漸變。你可以按自己的想法做,但我認(rèn)為下圖的方式很酷,很快。
22、創(chuàng)建倒影(折射效果)
我們將創(chuàng)造一些深度。這些文字現(xiàn)在看起來不錯,但是它沒有什么特別的。我們需要給它們一個更獨特的外觀。我們要創(chuàng)建一個錯覺,該文本在它的環(huán)境中反映了一些事物。而這是沒人會在意是否反射出了真正的還是虛無的物體,只要它好看就行了。
因此,按住命令鍵點擊文本層縮略圖選擇選區(qū)。然后點擊Command + SHIFT鍵+C(復(fù)制合并)和Command + V(粘貼)?,F(xiàn)在,我們得到了完全相同的整個文本的副本。命名此層為“Reflection 1”(反射1),重復(fù)復(fù)制這層幾次,依次命名為 “Reflection 1″ ,”Reflection 2″ 和”Reflection 3″。
現(xiàn)在使用其中一個反射圖層,點擊Command + T鍵(自由變換),如下圖1旋轉(zhuǎn)它,然后選擇原來的文本層(下圖2)。去選擇>反選,點擊刪除(記得當(dāng)你點擊刪除時選擇了變換反射層)。你應(yīng)該得到類似于下圖2的圖像。
然后改變反射層的透明度大概15-20%,并設(shè)置其混合模式為疊加。你應(yīng)該得到如下圖3的效果。確保反射層只在文本表面,因此如果它出界了,就用柔軟的橡皮擦修飾(如下圖4)。
重復(fù)反射過程2-3次,直到覆蓋了整個文本(小心,不要把它弄臟)。請參考下圖5,得到的結(jié)果應(yīng)該是這樣的。
23、光環(huán)和反射糾正
現(xiàn)在,我們使光環(huán)和反射的效果更強。使用橡皮擦工具(E),設(shè)置其流量為5%,硬度為0%,然后用一個小橡皮擦擦除每個字母周圍的光澤(如白色箭頭所示)。然后切換到減淡工具(O),設(shè)置范圍為中間調(diào),曝光度為20%左右,并為每個字母添加一些深度(如紅色箭頭所示)。射過程2-3次,直到覆蓋了整個文本(小心,不要把它弄臟)。請參考下圖5,得到的結(jié)果應(yīng)該是這樣的。
24、文本修飾
現(xiàn)在,讓我們解決一些光線問題。顯然文本的左上角比右上角亮(見下圖1)。。當(dāng)然文本的某些區(qū)域是沒有光源的,但我們的重點是修飾最強的光源。
看下圖2,它看起來缺了一些東西。其余這些字母有很好的光線和陰影。但字母“L”和“R”的頂部幾乎沒有陰影。它可能是由于Xara的光線造成的。但這不是問題,我們將修復(fù)它,之后它看起來就好多了。
因此,創(chuàng)建文本選區(qū)(下圖3)。使用與之前相同設(shè)置的筆刷工具(硬度0%,流量5%),更改顏色為一些較暗的粉紅色(# 79185d)。在所有圖層之上創(chuàng)建一個新層,命名為“additional shade”(額外的陰影),開始在這些字母頂部的右上方涂抹,參照下圖3。
下一步在所有圖層之上創(chuàng)建一個新層,命名為“additional light”(額外的光線),并重復(fù)同樣的過程,但這次要從這些字母的左邊涂抹(見下圖4)。
注:記住如果涂抹的不對,要用柔軟的橡皮擦擦除。
25、文本修飾
去圖層面板,在所有圖層之上建立一個新的漸變映射調(diào)整圖層。選擇從黑色到白色的漸變,類似于下圖1。然后改變這層的混合模式為柔光,降低不透明度至70%(下圖2)。
最后調(diào)用文本層選區(qū),去選擇>反向。然后到圖層面板,選擇了漸變映射圖層的蒙版。使用油漆桶工具(G),改變顏色為黑色,填充蒙版(下圖3)。
現(xiàn)在,我們要確保這個漸變映射只影響該文本,不影響其他的。
26、文本修飾
現(xiàn)在做一個小細(xì)節(jié)。改變你的筆刷設(shè)置,硬度100%,100%的流量,然后使用鋼筆工具(P)。首先在所有層之上創(chuàng)建一個新層,并在每個字母頂部作一條曲線或直線。 當(dāng)你完成后,右擊選擇描邊路徑。請確保模擬壓力被選中。
27、創(chuàng)建文本陰影
我想最難的部分經(jīng)常是增加陰影。首先讓我們在飛濺和字母之間建立一個標(biāo)準(zhǔn)的陰影。
在開始之前,請記住用與表面相同的顏色創(chuàng)建陰影是不錯的選擇。因此,我們飛濺表面的顏色為淡藍(lán)色,那就選擇深藍(lán)色(#092330就行)。現(xiàn)在使用畫筆工具(B),設(shè)置0%的硬度,其余的選項如下圖。
在文本圖層之下創(chuàng)建一個新圖層,命名為“text shadow”(文本的陰影)。先用一個小直徑筆刷在文本下方添加一些細(xì)微的陰影線。然后把直徑變大填充字母之間的區(qū)域。
注意:軟橡皮擦始終能幫助到你!
28、最后的調(diào)整
我們第一部分的教程即將結(jié)束。我在完成之前通常會做一些總體的調(diào)整。因此,去圖層面板,創(chuàng)建一個新的漸變映射調(diào)整圖層,選擇“紫,橙”預(yù)設(shè),單擊確定。然后改變該層的混合模式為柔光,不透明度降低至20%左右(這會給圖像多一點冷色~)。
重復(fù)這一過程,但這次創(chuàng)建一個從深藍(lán)色(黑綠色)#202930到淺色(甚至灰色)#31505b的漸變。設(shè)置這層的混合模式為柔光,不透明度為80%左右。這將增加一些色彩和對比度。
此文字看上去對我來說仍然太冷,所以我決定使用相同的步驟再創(chuàng)建另一個漸變。這一次我使用了#2e2111到#e2be84(下圖3)的漸變色。這些棕色的,黃色的顏色能增加更多的溫暖。再次改變這個圖層的混合模式為柔光,不透明度30%左右。
最后,你可以添加曲線調(diào)整圖層。這不是必要的,但我認(rèn)為黑暗和對比色調(diào)能體現(xiàn)出不錯的感覺。你也可以在曲線中應(yīng)用紅色通道,使文字的顏色看起來更理想。
29、最后的修飾
在添加了一些漸變之后,我決定移動一些光線(白色箭頭所示)。我還更正了一個小陰影,因為它看起來太暗太密。你可以看到下圖2,我降低了文本和飛濺之間陰影的透明度。這只是因為曲線使它顯得有點暗。
準(zhǔn)備好做任何更正,調(diào)整顏色和對比度之后,有時你可能還想改變一些細(xì)節(jié)。,看看它是否給了你一個清新的形象。
最終效果: