Photoshop設(shè)計(jì)教程:時(shí)尚而富有視覺(jué)沖擊力的作品
作者:胡太星 翻譯 出處:火星時(shí)代 譯言
導(dǎo)言:
這是一篇高級(jí)教程,其中蘊(yùn)含了很多的設(shè)計(jì)理念和設(shè)計(jì)技巧,是一篇不可多得的好文章。在這個(gè)教程中,作者將結(jié)合了各種方法技巧,完成了一個(gè)時(shí)尚而富有視覺(jué)沖擊力的作品——“騎乘在音樂(lè)之上”。
在我們開(kāi)始之前,有些事情是需要注意的。這篇教程中所用的全部照片,其版權(quán)屬于作者 Pirosca Marcel 。它們并不是從網(wǎng)上的圖片網(wǎng)站收集而來(lái),其主要人物的照片都拍攝于我的照片工作室。
首先,我打開(kāi)拍攝的原照片,這張照片主要是為分離人物和地面上影子而拍攝的(這里是說(shuō),作者需要一張易于扣取人物及其影子的照片——譯者注)。對(duì)于這張照片,我注意到的第一件事是,他的臉不怎么符合我的期望。(圖01)
圖01
在我們將人物扣取出來(lái)之前,我需要將這個(gè)腦袋換成另一張照片中看起來(lái)更為理想的腦袋。我總是在每一次的拍攝中,拍攝大量地照片,這樣,當(dāng)情況更適合讓腦袋抬起來(lái)時(shí),我就會(huì)有許多選擇的余地。還有,最重要的是,兩張照片的光源必須一致,這樣腦袋和身體才會(huì)真實(shí)可信地合成在一起。(圖02)
圖02
在腦袋的周圍,使用多邊形套索工具建立一個(gè)選區(qū)(使用這種方法需要連續(xù)點(diǎn)擊鼠標(biāo),以確保選區(qū)的平滑與準(zhǔn)確——譯者注)。因?yàn)檎掌谋尘邦伾珕我唬赃x區(qū)十分容易建立。如下圖一樣,我將腦袋用選區(qū)選出來(lái),然后將它拷貝粘貼到原圖的新圖層上。(圖03)
圖03
我將新的腦袋進(jìn)行了縮放和旋轉(zhuǎn),以使它與舊腦袋一樣和身體相匹配。(圖04)
圖04
就像你所看見(jiàn)的,這兒需要做一些合成,來(lái)使腦袋完美地與身體融合在一起。首先,刪除背景中的舊腦袋,這樣我們能更好地在新腦袋上作調(diào)整。使用多邊形套索工具選擇并刪除舊腦袋?,F(xiàn)在,我們得到效果應(yīng)該與下圖相似。(圖05)
圖05
注意了,脖子是最重要的修飾區(qū)域。為了在新腦袋和身體間得到一個(gè)漂亮的過(guò)渡,我們需要在新腦袋上做一個(gè)透明蒙版,然后用比較柔和的畫(huà)筆(硬度50%)開(kāi)始將脖子上一些粗糙的邊緣擦除掉,直至你得到了一個(gè)滿意的結(jié)果。在這一階段,我們需要反復(fù)嘗試修改,而使用蒙版會(huì)幫助我們恢復(fù)我們意外擦除的部分。最終,你得到的效果應(yīng)當(dāng)與下圖類似。(圖06、07)
圖06
圖07
(圖釋:①左上:因?yàn)榕f腦袋被刪除,所以他這里的汗衫被截?cái)嗔耍虎诳紤]到他身后有光,這里就顯得太暗了)
如我們所見(jiàn),我們需要做一些細(xì)節(jié)修飾。我們需要修正汗衫和脖子上的光,以讓他顯得真實(shí)可信。如下圖所示,在脖子上,我混合使用了減淡工具和海綿工具。(圖08)
圖08
(圖釋:用減淡工具給這邊的脖子增加高光。然而不幸的是,這會(huì)使顏色過(guò)渡飽和)
使用海綿工具降低這個(gè)區(qū)域的飽和度,讓它融合得更好。(圖09)
圖09
為了修正汗衫,我復(fù)制粘貼了他汗衫的一部分,然后將它與修正部分融合(使用曲線和透明蒙版)。復(fù)制粘貼他的部分汗衫。(圖10)
圖10
移動(dòng)到適當(dāng)位置,以使線條連續(xù)。(圖11)
圖11
用曲線使這個(gè)區(qū)域變得更亮些,因?yàn)檫@里之前有些暗。(圖12)
圖12
用柔和的畫(huà)筆涂抹,使其邊緣融合。(圖13)
圖13
最終效果。(圖14)
圖14
現(xiàn)在,我們將從照片上分離出我們的人物和地上影子。因?yàn)橄鄬?duì)于單一的背景,他有一個(gè)邊緣分明的外觀,所以,使用多邊形套索工具選取他是十分容易的。我個(gè)人比較喜歡用這個(gè)工具,而不是將路徑轉(zhuǎn)換為選區(qū)的方法,因?yàn)檫@樣我就不需要去調(diào)整控制點(diǎn)和切線,盡管這中方法意味著更多地敲擊鼠標(biāo)。接著,復(fù)制粘貼他到一個(gè)新的圖層。(圖15)
圖15
下一步,我們希望在一個(gè)不同的圖層中提取影子。就像你看到的,照片工作室的地面有點(diǎn)臟,所以為了移除污漬,我使用了一些表面模糊。我發(fā)現(xiàn)這種模糊濾鏡十分適用于這種只移除噪點(diǎn)而保留細(xì)節(jié)的操作。(圖16)
圖16
一旦到了這一步,我們就能使用顏色范圍來(lái)選取影子了。請(qǐng)參照如下參數(shù)。(圖17)
圖17
當(dāng)然,在選區(qū)中會(huì)出現(xiàn)不想要的區(qū)域。點(diǎn)擊確認(rèn),出現(xiàn)選取后進(jìn)入快速蒙版模式。像下圖顯示的那樣,開(kāi)始擦除不需要的部分。(圖18)
圖18
為了得到多余陰影的選區(qū),現(xiàn)在我們要從現(xiàn)有選區(qū)中減去人物的輪廓。保持快速蒙版模式,同時(shí)在圖層面板中,按住CTRL鍵點(diǎn)擊那個(gè)包含了提取人物的圖層的縮略圖。這會(huì)讀取那個(gè)圖層的選區(qū)。按Delete鍵刪除選區(qū)中的快速蒙版。(圖19)
圖19
退出快速蒙版模式,我們得到了影子的選區(qū)。將影子復(fù)制粘貼到一個(gè)新的圖層。一旦影子被分離出來(lái),背景色就會(huì)將影子突顯得更為清晰(圖20)
圖20
現(xiàn)在,我們已經(jīng)將人物和他的影子在不同的圖層上分離出來(lái)了,準(zhǔn)備開(kāi)始制作最終圖像吧!
這是一個(gè)龐大的作品,我是說(shuō)尺寸龐大的作品。為了得到最終的圖像,我們要建一張3613×5000的畫(huà)布。為了弄明白我到底想要得到什么,我將人物在畫(huà)布上到處移動(dòng)。最終,我決定順從他身體的趨勢(shì)將其放在圖像中間偏下的位置。使用分離的圖層,意味著我能夠?qū)⑺蟹N類的細(xì)節(jié)放在他身后。我們首先要做的事情是,將他從灰色的背景中區(qū)別出來(lái)。
使用不透明度20%的白色軟畫(huà)筆,在人物身后創(chuàng)建一些光芒。(圖21)
圖21
接著是決定圖像中線條該如何流動(dòng)的時(shí)候了。為此,我使用上了我的數(shù)位板,以便能使用壓感筆的壓感來(lái)控制線條的粗細(xì)。另外,要將不透明度設(shè)置在大約30% 。我開(kāi)始繪制人物沖所騎乘的線條,繪制時(shí)要按住SHIFT鍵(這樣可以繪制出直線),并且繪制到人物腳部時(shí)加大壓力(這樣繪制的線條更厚重),繪制到末端時(shí)減輕壓力。
這種繪制方法給線條以透視感,并且?guī)椭抑圃炜v深感。對(duì)此,我不得不多說(shuō)一句,這是一個(gè)需要反復(fù)嘗試修正的過(guò)程,所以,在你滿意之前,恐怕要花上些時(shí)間。(圖22)
圖22
現(xiàn)在,制作開(kāi)始變得有趣了。為了能夠復(fù)制出所有的消失平面,也為了保持正確的透視關(guān)系,我使用了消失點(diǎn)濾鏡來(lái)觀察人物所騎乘的平面。在這一步上我們需要充分的考慮,因?yàn)槟銢](méi)有參照物來(lái)確定這個(gè)平面在現(xiàn)實(shí)中究竟是怎樣的。經(jīng)過(guò)幾次嘗試后,我如下圖那樣做了設(shè)置,覺(jué)得這應(yīng)該可行。做這一步設(shè)置,要執(zhí)行 濾鏡>消失點(diǎn) 。(圖23)
圖23
用消失點(diǎn)來(lái)處理這些平面的話,可以將平面以90°或任意角度延展。以這種方法,我構(gòu)建了更多的平面,以幫助我在盡可能地匹配線稿的同時(shí),保持透視關(guān)系。(圖24)
圖24
使用消失點(diǎn)來(lái)配置各平面的位置,可以讓我能夠順著平面變化的趨勢(shì)來(lái)增加元素。但是,在這之前,我還有一點(diǎn)需要準(zhǔn)備。
因?yàn)榛疑雌饋?lái)有些死板,所以我在線條所在的一些地方增加了色彩變化。我喜歡色彩,并且要用它給畫(huà)面帶來(lái)些沖擊力。
在圖層面板中,按住COMMAND鍵點(diǎn)擊這個(gè)圖層的縮略圖,提取其中的選區(qū)。按COMMAND+C將其復(fù)制到緩存中,然后刪除圖層。現(xiàn)在,我們要轉(zhuǎn)而使用消失點(diǎn)濾鏡了。
執(zhí)行 濾鏡>消失點(diǎn) ,粘貼。你應(yīng)該能得到下圖效果。(圖25)
圖25
現(xiàn)在,如果你將選區(qū)拖入表示地面的平面中,Photoshop會(huì)自動(dòng)為你計(jì)算出正確的透視關(guān)系。(圖26)
圖26
重復(fù)同一步驟,在背后延長(zhǎng)音量圖。(圖27)
圖27
進(jìn)入混合選項(xiàng),添加下圖中的圖層樣式。(圖28)
圖28
你現(xiàn)在應(yīng)該得到了與這類似的效果。(圖29)
圖29
為了像最終效果那樣有一些透明的方塊,要在這個(gè)圖層上創(chuàng)建一個(gè)透明蒙版,然后使用50%的灰(#7a7a7a)去涂抹那些你想使其透明的方塊。這可能會(huì)是個(gè)無(wú)聊的過(guò)程。(圖30)
圖30
(圖釋:①中部:白色不透明區(qū) ②灰色透明區(qū))
現(xiàn)在,給數(shù)碼音量圖添加一些視覺(jué)刺激。復(fù)制圖層,設(shè)置不透明度為68%,并且對(duì)透明圖層應(yīng)用下圖曲線(COMMAND+M)。然后,你得到了這個(gè)。蒙版中的灰色應(yīng)當(dāng)變?yōu)楹谏?,這樣圖層效果就只會(huì)影響不透明區(qū)。(圖31)
圖31
效果應(yīng)該看起來(lái)是這個(gè)樣子。(圖32)
圖32
我們到了一個(gè)需要優(yōu)雅地處理多處彎曲的步驟,但是,其核心方法不過(guò)是拷貝、移動(dòng)和使用變形工具模仿曲線。然而,這里令人頭痛的是,有些線條會(huì)被錯(cuò)誤地彎曲,我不得不手工修正它們。我必須聲明,在這里會(huì)消耗大量的時(shí)間,但是我的確沒(méi)有想到其他制作曲線的好方法。(圖33)
圖33
用與之前相同的方法做一個(gè)透明蒙版,用50%的灰遮蓋透明方塊。(圖34)
圖34
(圖釋:用蒙版創(chuàng)建一些透明方塊,同時(shí)保持中間不透明。)
在下一個(gè)階段中再次使用消失點(diǎn)濾鏡、變形和透明蒙版。這要花費(fèi)些功夫,但是我已在下圖標(biāo)記出要點(diǎn)。(圖35)
圖35
(圖釋:①左部“參考消失點(diǎn)處理對(duì)這些部分 ②中部:用變形工具稍微添加些彎曲 ③右部:用蒙版遮蓋這些區(qū)域)
繼續(xù)為余下的部分添加效果,直到它們消失在遠(yuǎn)處。(圖36)
圖36
返回Illustrator,用鋼筆工具沿著線稿周圍創(chuàng)建路徑。然后,圓滑那些轉(zhuǎn)角。圓滑這些轉(zhuǎn)角最容易的方法是使用一種叫做“圓滑所有轉(zhuǎn)角"的腳本,點(diǎn)擊這里獲取腳本(這個(gè)腳本的效果可以簡(jiǎn)單地用圓角濾鏡代替,執(zhí)行 效果>風(fēng)格化>圓角 —— 譯者注)。點(diǎn)擊這里了解更多內(nèi)容。(圖37)
圖37
(圖釋:①上部:用鋼筆工具沿著線稿周圍創(chuàng)建路徑 ②左部:圓滑路徑中尖銳的轉(zhuǎn)角)
用白色填充最終路徑,取消描邊,并將其復(fù)制粘貼到Photoshop中音量圖下面的一層中。(圖38)
圖38
為了加強(qiáng)視覺(jué)效果,我決定再添加一個(gè)音量圖。這次使用的是白色,并將其置于第一個(gè)音量圖下。再次使用消失點(diǎn)濾鏡,復(fù)制在Illustrator中創(chuàng)建的第一個(gè)音量圖,像下圖一樣將其擴(kuò)展以適合透視。(圖39)
圖39
就像我們看見(jiàn)的,白色得條帶與音量圖重疊了,所以我們需要用蒙版將其部分隱藏,只留下左上端可見(jiàn)。(圖40)
圖40
現(xiàn)在我們?cè)撛谌宋锵绿砑佑白恿耍⑶矣白右呀?jīng)做好。早些時(shí)候我們已將它從另一個(gè)文件中分離出來(lái),這時(shí)只需將它復(fù)制粘貼到新圖層中并對(duì)齊就可以了。將混合模式設(shè)為顏色加深,不透明度為50% ?,F(xiàn)在來(lái)看看它的真實(shí)效果。(圖41)
圖41
有許多方法可以創(chuàng)建飛行的方塊,但是,我發(fā)現(xiàn)最便捷的方法是使用3D軟件?;旧希叶际鞘褂孟c(diǎn)來(lái)制作平面,并試圖將它們?cè)趧?chuàng)建在三維空間中。介于這些飛行的方塊是存在于人物騎乘面旁的一個(gè)垂直平面中,所以我只需要?jiǎng)?chuàng)建一個(gè)平面。我還可以在這個(gè)平面里添加其他東西。耐心點(diǎn),你會(huì)明白我是什么意思的。
我所選擇的應(yīng)用程序是Modo,但是這個(gè)效果也可以很輕松地在其他程序中創(chuàng)建。再次聲明,我使用3D軟件的原因是它更加快速,我可以更輕松地在透視關(guān)系中創(chuàng)建平面,這是我反復(fù)驗(yàn)證的結(jié)果??梢赃@樣說(shuō),我同樣能在消失點(diǎn)中制作這種效果,但是,這會(huì)很浪費(fèi)時(shí)間。
另外,在我的電腦上,只要我使用消失點(diǎn)超過(guò)30秒鐘,Photoshop就會(huì)停止響應(yīng)。這種事情在我制作音量圖的時(shí)候發(fā)生了百余次。之后,我就明白了,3D軟件是我唯一的選擇。另外,這樣做也會(huì)讓你學(xué)習(xí)到新的技術(shù)。
首先,我們必須先準(zhǔn)備一個(gè)后平面,來(lái)為在3D軟件的環(huán)境中創(chuàng)建效果時(shí)提供匹配參考。我使用的是下圖。將其另存為一個(gè)單獨(dú)的JPG文件。(圖42)
圖42
(圖釋:①右上部:三維后平面 ②左部:我們將匹配這個(gè)平面)
在Modo中創(chuàng)建一個(gè)新場(chǎng)景。(圖43)
圖43
執(zhí)行 項(xiàng)目>創(chuàng)建背景幕 。這會(huì)創(chuàng)建一個(gè)平面,來(lái)添加我們剛才保存的圖像。(圖44)
44
在窗口右邊你會(huì)看到下圖的菜單。在項(xiàng)目面板中選擇剛才創(chuàng)建的背景幕,然后在屬性面板中執(zhí)行 圖像>置入圖像 。(圖45)
45
選擇我們剛才保存的”后平面“文件。(圖46)
圖46
就像你所看到的,在我們轉(zhuǎn)動(dòng)視角的同時(shí),背景幕也隨之轉(zhuǎn)動(dòng)。我們不希望這樣,我們希望背景幕保持靜止,而只移動(dòng)方塊。為了達(dá)到這種效果,執(zhí)行 顯示方式>攝像機(jī) 。這會(huì)讓”背景幕“在當(dāng)前的透視角度中不可見(jiàn),但讓它成為攝影機(jī)中的背景。(這里是說(shuō),圖像會(huì)以正視圖的方式固定顯示)(圖47)
圖47
按COMMAND+SPACE,這會(huì)激活彈出菜單,在彈出菜單上你可以選擇你的顯示視角。當(dāng)然,選擇攝像機(jī)。(圖48)
圖48
現(xiàn)在,我們?nèi)绻D(zhuǎn)視角,背景圖像仍會(huì)保持靜止。為了確保渲染的效果圖和我們的圖像尺寸相同,執(zhí)行窗口右側(cè)的 渲染樹(shù)>渲染 ,并設(shè)置高度和寬度為3613和5000 。(圖49)
圖49
現(xiàn)在,我們開(kāi)始匹配一些幾何形。(圖50)
圖50
(圖釋:用這個(gè)工具創(chuàng)建一個(gè)零高度的立方體平面)
確保高級(jí)OpenGL菜單中的球形旋轉(zhuǎn)選項(xiàng)是被激活的。這能保障你的攝像機(jī)會(huì)在全部的坐標(biāo)軸上旋轉(zhuǎn),而不僅僅是X軸和Z軸。(圖51)
圖51
又到了一個(gè)讓人頭痛的地方。我們得慢慢旋轉(zhuǎn)攝像機(jī)以將我們的3D平面匹配到參考圖中,另外還要將它拉長(zhǎng)些。(圖52、53)
圖52
圖53
很明顯,攝像機(jī)的透視不夠靈活,無(wú)法匹配圖像中兩個(gè)平面。我說(shuō)的靈活是指,平行線很難很快匯集到消失點(diǎn)上。所以我得想辦法加速匯集。
攝像機(jī)的透視是根據(jù)圓錐入射線的寬度來(lái)決定的(這是對(duì)”一點(diǎn)透視“的原理圖的一種比喻——譯者注)。圓錐越寬,透視范圍越大(平行線就越容易匯集——譯者注)。圓錐越窄,透視范圍越小。這就是為什么廣角鏡頭的攝像機(jī)容易讓圖像變形,并容易加強(qiáng)透視的原因。圓錐角度直接受到焦距的控制。幸運(yùn)的是,Modo的攝像機(jī)模型很接近真實(shí)世界中的攝像機(jī),我們可以編輯它的參數(shù)。
我反復(fù)不斷嘗試,發(fā)現(xiàn)10mm的焦距最為理想。(圖54、55)
圖54
圖55
因?yàn)閺V角涵蓋了更大的范圍,所以對(duì)象現(xiàn)在理所應(yīng)當(dāng)?shù)乜s小了。你不用擔(dān)心這里,我們只需將它拉近攝像機(jī),并旋轉(zhuǎn)就可以了。冷不防地,平面就會(huì)變得更加合適了。(圖56)
圖56
我們不需要完美匹配,在攝像機(jī)上有一些小差距也是允許的。(圖57)
圖57
這個(gè)過(guò)程可能很乏味,因?yàn)槟阋冉⑵矫妫€不得不去旋轉(zhuǎn)攝像機(jī),并調(diào)節(jié)焦距以得到好的匹配效果。這讓人頭痛,而且會(huì)非常浪費(fèi)時(shí)間。但是,一旦你確定了焦距,其他事情就不值一提了。設(shè)置下面的攝像機(jī)參數(shù),以達(dá)到更精準(zhǔn)的匹配。(圖58)
圖58
一旦平面能夠準(zhǔn)確匹配,我們就可以開(kāi)始復(fù)制、縮放和移動(dòng)不同的拷貝(剛才所建的零高度立方體的拷貝——譯者注)。你可以移動(dòng)它們,使它們相互平行,以制造縱深感。(圖59)
圖59
觀察廣角攝像機(jī)以及最終的幾何圖形。(圖60)
圖60
按F8渲染攝像機(jī)視圖。因?yàn)檫@是一個(gè)簡(jiǎn)單場(chǎng)景,所以渲染不會(huì)太耗時(shí)。下面就是你要得到的。轉(zhuǎn)換到Alpha輸出,并保存為一個(gè)JPEG文件。(圖61、62)
圖61
圖62
回到Photoshop中。先讓我們看看我們現(xiàn)在的成果如何。(圖63)
圖63
在Photoshop中打開(kāi)剛才我們?cè)贛odo中保存的Alpha圖像。復(fù)制一份,然后轉(zhuǎn)回到原來(lái)的工作窗口中,在通道面板中新建一個(gè)通道,將Alpha圖像粘貼到里面。(圖64)
圖64
如果你現(xiàn)在按住COMMAND鍵點(diǎn)擊通道縮略圖,你會(huì)得到一個(gè)選區(qū)。(圖65)
圖65
新建一個(gè)圖層,并填充橘黃色(#ff8f00)(圖66)
圖66
將圖像中假定在人物后面的部分,剪切并粘貼到一個(gè)新圖層中,并在圖層面板中將它置于人物圖層的下方。用這種方法,在空間中會(huì)讓它們看起來(lái)像是在人物身后。
現(xiàn)在,圖上的飛行物太多了,它們讓場(chǎng)景過(guò)渡擁擠。所以,為了保持畫(huà)面平衡,要?jiǎng)h除一些。大多數(shù)被刪除的方塊位于在圖像的右下角。(圖67)
圖67
現(xiàn)在,我們要圓滑圖像中的轉(zhuǎn)角,因?yàn)樗鼈兛雌饋?lái)有些尖銳。為此,按住COMMAND鍵點(diǎn)擊圖層面板中的縮略圖讀取圖層選區(qū)。我們首先要圓滑小方形,它們需要更小的圓角半徑,之后我們?cè)偬幚砥渌?。需要被減去部分的選區(qū)如下圖。(圖68)
圖68
執(zhí)行 選擇>修改>平滑 ,并設(shè)定半徑為10像素。然后,按COMMAND+SHIFT+I 反向選區(qū),并刪除??聪旅?,你現(xiàn)在得到了圓角。(圖69)
圖69
我們需要將同樣的方法運(yùn)用在更大的方塊上。因?yàn)樗鼈兏咏鼣z像機(jī),所以這次要使用的半徑為20像素。這樣做能得到我們想要的下一個(gè)選區(qū)。(圖70)
圖70
你將會(huì)得到這樣的效果。(圖71)
圖71
現(xiàn)在到了本階段的最后一步,圓滑背景中圖像的轉(zhuǎn)角。使用下圖參數(shù)重復(fù)上文步驟。(圖72)
圖72
(圖釋:①上部:半徑25像素的圓角 ②中部:半徑25像素的圓角 ③下部:半徑40像素的圓角)
我們需要賦予這些圖形一些縱深感,繼續(xù)操作,在這些圖形的圖層上應(yīng)用下列圖層樣式。(圖73)
圖73
邊緣上的變化十分微妙,但是效果顯著。(圖74)
圖74
現(xiàn)在我們要根據(jù)與攝像機(jī)的遠(yuǎn)近,對(duì)不同的圖形賦予不同的不透明度。我需要你復(fù)制粘貼下圖所示的圖形到一個(gè)新的圖層,并分配其25%的不透明度。(圖75)
圖75
(圖釋:復(fù)制粘貼下面的圖形到一個(gè)不透明度為25%的圖層)
復(fù)制粘貼下圖所選擇的圖形到一個(gè)新的圖層,并分配其65%的不透明度。(圖76)
圖76
復(fù)制粘貼下圖所選擇的圖形到一個(gè)新的圖層,并分配其44%的不透明度。(圖77)
圖77
圖釋:復(fù)制粘貼下面的圖形到一個(gè)不透明度為65%的圖層)(看圖像,這個(gè)參數(shù)的確應(yīng)該是44%,作者出錯(cuò)了——譯者注)
復(fù)制粘貼下圖所選擇的圖形到一個(gè)新的圖層,并分配其75%的不透明度。(圖78)
圖78
(圖釋:復(fù)制粘貼下面的圖形到一個(gè)不透明度為65%的圖層)(哎,還是參照文本吧,75%——譯者注)
經(jīng)過(guò)以上操作,你應(yīng)得到與下面類似的圖像。(圖79)
圖79
下一步要添加的是飛行方塊的高光。選擇全部方塊,然后使用不透明度20%的軟畫(huà)筆在上面涂抹一些高光。請(qǐng)參照下面第二個(gè)樣圖。(圖80、81)
圖80
圖81
剩下唯一要做的事情是,在這些方塊上添加一些肌理。我會(huì)在其中一個(gè)圖形上做演示,然后你可以在許多其他的方塊上重復(fù)填充肌理。我們會(huì)用到我照片中的其中一張做演示,而你可以在xn3ctz.deviantart.com/gallery/ 中找到其他這里用到的照片。那里是我主要照片的文件夾,請(qǐng)隨便用。
總之,復(fù)制粘貼這張照片到Photoshop的新圖層中。(圖82)
圖82
使用變形工具,按住COMMAND鍵拖拽轉(zhuǎn)角頂點(diǎn),以適合我們想添加肌理的方塊。(圖83)
圖83
然后將這個(gè)圖層的混合模式設(shè)置為疊加,并用蒙版圓滑轉(zhuǎn)角。不透明度可以根據(jù)離攝像機(jī)的遠(yuǎn)近來(lái)確定,也就說(shuō),背景中的圖形要更加不透明一些,給人以縱深感。(84)
圖84
(圖釋:使用下面圖層的蒙版來(lái)圓滑轉(zhuǎn)角)
當(dāng)在其他方塊上做完這些后,你會(huì)有一個(gè)非常漂亮的效果為這一階段做結(jié)尾。不管怎么說(shuō),這些操作很費(fèi)時(shí),所以我要直接講解最終效果。(圖85)
圖85
首先,我在Illustrator中創(chuàng)建了這些相當(dāng)簡(jiǎn)單的形狀。它們會(huì)作為界面的紋理。(圖86)
圖86
復(fù)制左下角的形狀到Photoshop中,并放在適合的位置。(圖87)
圖87
(圖釋:使用這個(gè)形狀做一個(gè)頭戴式耳機(jī))
將它的混合模式設(shè)為正片疊底,不透明度為35%,并應(yīng)用下列圖層樣式。(圖88)
圖88
使用同樣的操作,用我們剛才在Illustrator中創(chuàng)建的路徑添加形狀。(圖89)
圖89
用其他形狀添加一些肌理。這些形狀應(yīng)被填充為白色,其混合模式應(yīng)為柔光,不透明度為100% 。用變形工具(COMMAND+T)將它們放置在合適的位置,并修整它們以適合界面。(圖90)
(圖釋:使用這些被填充為白色的形狀,并設(shè)置混合模式為柔光)
現(xiàn)在,終于到了最后一步。新建一個(gè)圖層,讀取界面的選區(qū),然后使用不透明度為20%的白色軟畫(huà)筆,給剛才制作的界面涂抹上一些高光。(圖91)
圖91
就是這樣了!放大圖像,激活所有圖層的可視狀態(tài),然后欣賞吧?。▓D92)
圖92
標(biāo)簽(TAG) 海報(bào)設(shè)計(jì)