Photoshop設(shè)計(jì)教程:時(shí)尚而富有視覺(jué)沖擊力的作品(3)

 

導(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

在腦袋的周?chē)褂枚噙呅翁姿鞴ぞ呓⒁粋�(gè)選區(qū)（使用這種方法需要連續(xù)點(diǎn)擊鼠標(biāo)，以確保選區(qū)的平滑與準(zhǔn)確——譯者注）。因?yàn)檎掌谋尘邦伾珕我�，所以選區(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)與下圖類(lèi)似。（圖06、07）

圖06

 

圖07

（圖釋?zhuān)孩僮笊希阂驗(yàn)榕f腦袋被刪除，所以他這里的汗衫被截?cái)嗔�；②考慮到他身后有光，這里就顯得太暗了）

如我們所見(jiàn)，我們需要做一些細(xì)節(jié)修飾。我們需要修正汗衫和脖子上的光，以讓他顯得真實(shí)可信。如下圖所示，在脖子上，我混合使用了減淡工具和海綿工具。（圖08）

圖08

（圖釋?zhuān)河脺p淡工具給這邊的脖子增加高光。然而不幸的是，這會(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類(lèi)的細(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)該得到了與這類(lèi)似的效果。（圖29）

圖29

為了像最終效果那樣有一些透明的方塊，要在這個(gè)圖層上創(chuàng)建一個(gè)透明蒙版，然后使用50%的灰（#7a7a7a）去涂抹那些你想使其透明的方塊。這可能會(huì)是個(gè)無(wú)聊的過(guò)程。（圖30）

圖30

（圖釋?zhuān)孩僦胁浚喊咨煌该鲄^(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

（圖釋?zhuān)河妹砂鎰?chuàng)建一些透明方塊，同時(shí)保持中間不透明。）

在下一個(gè)階段中再次使用消失點(diǎn)濾鏡、變形和透明蒙版。這要花費(fèi)些功夫，但是我已在下圖標(biāo)記出要點(diǎn)。（圖35）

圖35

（圖釋?zhuān)孩僮蟛?ldquo;參考消失點(diǎn)處理對(duì)這些部分 ②中部：用變形工具稍微添加些彎曲 ③右部：用蒙版遮蓋這些區(qū)域）

繼續(xù)為余下的部分添加效果，直到它們消失在遠(yuǎn)處。（圖36）

圖36

返回Illustrator，用鋼筆工具沿著線稿周?chē)鷦?chuàng)建路徑。然后，圓滑那些轉(zhuǎn)角。圓滑這些轉(zhuǎn)角最容易的方法是使用一種叫做“圓滑所有轉(zhuǎn)角"的腳本，點(diǎn)擊這里獲取腳本（這個(gè)腳本的效果可以簡(jiǎn)單地用圓角濾鏡代替，執(zhí)行 效果>風(fēng)格化>圓角 —— 譯者注）。點(diǎn)擊這里了解更多內(nèi)容。（圖37）

圖37

（圖釋?zhuān)孩偕喜浚河娩摴P工具沿著線稿周?chē)鷦?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% 。現(xiàn)在來(lái)看看它的真實(shí)效果。（圖41）

圖41

 

 

有許多方法可以創(chuàng)建飛行的方塊，但是，我發(fā)現(xiàn)最便捷的方法是使用3D軟件�；旧�，我都是使用消失點(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

（圖釋?zhuān)孩儆疑喜浚喝S后平面 ②左部：我們將匹配這個(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

（圖釋?zhuān)河眠@個(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

（圖釋?zhuān)孩偕喜浚喊霃?5像素的圓角 ②中部：半徑25像素的圓角 ③下部：半徑40像素的圓角）

我們需要賦予這些圖形一些縱深感，繼續(xù)操作，在這些圖形的圖層上應(yīng)用下列圖層樣式。（圖73）

圖73

邊緣上的變化十分微妙，但是效果顯著。（圖74）

圖74

現(xiàn)在我們要根據(jù)與攝像機(jī)的遠(yuǎn)近，對(duì)不同的圖形賦予不同的不透明度。我需要你復(fù)制粘貼下圖所示的圖形到一個(gè)新的圖層，并分配其25%的不透明度。（圖75）

圖75

（圖釋?zhuān)簭?fù)制粘貼下面的圖形到一個(gè)不透明度為25%的圖層）

復(fù)制粘貼下圖所選擇的圖形到一個(gè)新的圖層，并分配其65%的不透明度。（圖76）

圖76

復(fù)制粘貼下圖所選擇的圖形到一個(gè)新的圖層，并分配其44%的不透明度。（圖77）

圖77

圖釋?zhuān)簭?fù)制粘貼下面的圖形到一個(gè)不透明度為65%的圖層）（看圖像，這個(gè)參數(shù)的確應(yīng)該是44%，作者出錯(cuò)了——譯者注）

復(fù)制粘貼下圖所選擇的圖形到一個(gè)新的圖層，并分配其75%的不透明度。（圖78）

圖78

（圖釋?zhuān)簭?fù)制粘貼下面的圖形到一個(gè)不透明度為65%的圖層）（哎，還是參照文本吧，75%——譯者注）

經(jīng)過(guò)以上操作，你應(yīng)得到與下面類(lèi)似的圖像。（圖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

（圖釋?zhuān)菏褂孟旅鎴D層的蒙版來(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

（圖釋?zhuān)菏褂眠@個(gè)形狀做一個(gè)頭戴式耳機(jī)）

將它的混合模式設(shè)為正片疊底，不透明度為35%，并應(yīng)用下列圖層樣式。（圖88）

圖88

使用同樣的操作，用我們剛才在Illustrator中創(chuàng)建的路徑添加形狀。（圖89）

圖89

用其他形狀添加一些肌理。這些形狀應(yīng)被填充為白色，其混合模式應(yīng)為柔光，不透明度為100% 。用變形工具（COMMAND+T）將它們放置在合適的位置，并修整它們以適合界面。（圖90）

（圖釋?zhuān)菏褂眠@些被填充為白色的形狀，并設(shè)置混合模式為柔光）

現(xiàn)在，終于到了最后一步。新建一個(gè)圖層，讀取界面的選區(qū)，然后使用不透明度為20%的白色軟畫(huà)筆，給剛才制作的界面涂抹上一些高光。（圖91）

圖91

就是這樣了！放大圖像，激活所有圖層的可視狀態(tài)，然后欣賞吧�。▓D92）

圖92