ps結(jié)合Illustrate和Modo設(shè)計(jì)音樂(lè)主題海(10)

譯者說(shuō)：這是一篇高級(jí)教程，不僅最終效果時(shí)尚絢麗，負(fù)有強(qiáng)大的沖擊力。而且，設(shè)計(jì)思路闡述明了，講解詳細(xì)而系統(tǒng)，技法繁多而實(shí)用。其中，創(chuàng)建透視、縱深感、視覺(jué)沖擊力的技巧無(wú)不有所提及，還涉及了一些作者的個(gè)人技巧 。另外，多個(gè)軟件平臺(tái)的配合使用，更是體現(xiàn)了作為高級(jí)設(shè)計(jì)師的實(shí)力！當(dāng)然，正如作者自己所言，很多在其他軟件中的效果在Photoshop中一樣可以實(shí)現(xiàn)，只是可能麻煩些。所以，不要被教程中的Illustrate和Modo所嚇倒。

我知道，這篇教程字?jǐn)?shù)眾多，可能會(huì)讓你心生厭倦，但是，我保證耐心終究會(huì)換來(lái)不菲的成果。請(qǐng)你一定要像作者那樣，不怕困難與麻煩，反復(fù)嘗試，堅(jiān)持到底。這樣一定會(huì)做出好的作品！

最終效果：

一、準(zhǔn)備

在我們開(kāi)始之前，有些事情是需要注意的。這篇教程中所用的全部照片，其版權(quán)屬于作者Pirosca Marcel 。它們并不是從網(wǎng)上的圖片網(wǎng)站收集而來(lái)，其主要人物的照片都拍攝于我的照片工作室。

首先，我打開(kāi)拍攝的源照片，這張照片主要是為分離人物和地面上影子而拍攝的（這里是說(shuō)，作者需要一張易于扣取人物及其影子的照片——譯者注）。對(duì)于這張照片，我注意到的第一件事是，他的臉不怎么符合我的期望。

在我們將人物扣取出來(lái)之前，（關(guān)于摳圖的幾種方法可以戳這里學(xué)習(xí)）我需要將這個(gè)腦袋換成另一張照片中看起來(lái)更為理想的腦袋。我總是在每一次的拍攝中，拍攝大量地照片，這樣，當(dāng)情況更適合讓腦袋抬起來(lái)時(shí)，我就會(huì)有許多選擇的余地。還有，最重要的是，兩張照片的光源必須一致，這樣腦袋和身體才會(huì)真實(shí)可信地合成在一起。

在腦袋的周?chē)�，使用多邊形套索工具建立一個(gè)選區(qū)（使用這種方法需要連續(xù)點(diǎn)擊鼠標(biāo)，以確保選區(qū)的平滑與準(zhǔn)確——譯者注）。因?yàn)檎掌谋尘邦伾珕我�，所以選區(qū)十分容易建立。如下圖一樣，我將腦袋用選區(qū)選出來(lái)，然后將它拷貝粘貼到原圖的新圖層上。

我將新的腦袋進(jìn)行了縮放和旋轉(zhuǎn)，以使它與舊腦袋一樣和身體相匹配。

（圖釋?zhuān)阂苿?dòng)到舊腦袋上）

就像你所看見(jiàn)的，這兒需要做一些合成，來(lái)使腦袋完美地與身體融合在一起。首先，刪除背景中的舊腦袋，這樣我們能更好地在新腦袋上作調(diào)整。使用多邊形套索工具選擇并刪除舊腦袋�，F(xiàn)在，我們得到效果應(yīng)該與下圖相似。

注意了，脖子是最重要的修飾區(qū)域。為了在新腦袋和身體間得到一個(gè)漂亮的過(guò)渡，我們需要在新腦袋上做一個(gè)透明蒙版，然后用比較柔和的畫(huà)筆（硬度50%）開(kāi)始將脖子上一些粗糙的邊緣擦除掉，直至你得到了一個(gè)滿意的結(jié)果。在這一階段，我們需要反復(fù)嘗試修改，而使用蒙版會(huì)幫助我們恢復(fù)我們意外擦除的部分。最終，你得到的效果應(yīng)當(dāng)與下圖類(lèi)似。

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

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

（圖釋?zhuān)河脺p淡工具給這邊的脖子增加高光。然而不幸的是，這會(huì)使顏色過(guò)渡飽和）

（圖釋?zhuān)菏褂煤＞d工具降低這個(gè)區(qū)域的飽和度，讓它融合得更好）

為了修正汗衫，我復(fù)制粘貼了他汗衫的一部分，然后將它與修正部分融合（使用曲線和透明蒙版）。

（圖釋?zhuān)簭?fù)制粘貼他的部分汗衫）

（圖釋?zhuān)阂苿?dòng)到適當(dāng)位置，以使線條連續(xù)）

（圖釋?zhuān)河们�使這個(gè)區(qū)域變得更亮些，因?yàn)檫@里之前有些暗）

（圖釋?zhuān)河萌岷偷漠?huà)筆涂抹，使其邊緣融合）

（圖釋?zhuān)鹤罱K效果）

現(xiàn)在，我們將從照片上分離出我們的人物和地上影子。因?yàn)橄鄬?duì)于單一的背景，他有一個(gè)邊緣分明的外觀，所以，使用多邊形套索工具選取他是十分容易的。我個(gè)人比較喜歡用這個(gè)工具，而不是將路徑轉(zhuǎn)換為選區(qū)的方法，因?yàn)檫@樣我就不需要去調(diào)整控制點(diǎn)和切線，盡管這中方法意味著更多地敲擊鼠標(biāo)。接著，復(fù)制粘貼他到一個(gè)新的圖層。

下一步，我們希望在一個(gè)不同的圖層中提取影子。就像你看到的，照片工作室的地面有點(diǎn)臟，所以為了移除污漬，我使用了一些表面模糊。我發(fā)現(xiàn)這種模糊濾鏡十分適用于這種只移除噪點(diǎn)而保留細(xì)節(jié)的操作。

一旦到了這一步，我們就能使用顏色范圍來(lái)選取影子了。請(qǐng)參照如下參數(shù)。

當(dāng)然，在選區(qū)中會(huì)出現(xiàn)不想要的區(qū)域。點(diǎn)擊確認(rèn)，出現(xiàn)選取后進(jìn)入快速蒙版模式。像下圖顯示的那樣，開(kāi)始擦除不需要的部分。

為了得到多余陰影的選區(qū)，現(xiàn)在我們要從現(xiàn)有選區(qū)中減去人物的輪廓。保持快速蒙版模式，同時(shí)在圖層面板中，按住CTRL鍵點(diǎn)擊那個(gè)包含了提取人物的圖層的縮略圖。這會(huì)讀取那個(gè)圖層的選區(qū)。按Delete鍵刪除選區(qū)中的快速蒙版。

退出快速蒙版模式，我們得到了影子的選區(qū)。將影子復(fù)制粘貼到一個(gè)新的圖層。

（圖釋?zhuān)阂坏┯白颖环蛛x出來(lái)，背景色就會(huì)將影子突顯得更為清晰）

現(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)建一些光芒。

接著是決定圖像中線條該如何流動(dòng)的時(shí)候了。為此，我使用上了我的數(shù)位板，以便能使用壓感筆的壓感來(lái)控制線條的粗細(xì)。另外，要將不透明度設(shè)置在大約30% 。我開(kāi)始繪制人物沖所騎乘的線條，繪制時(shí)要按住SHIFT鍵（這樣可以繪制出直線），并且繪制到人物腳部時(shí)加大壓力（這樣繪制的線條更厚重），繪制到末端時(shí)減輕壓力。

這種繪制方法給線條以透視感，并且?guī)椭抑圃炜v深感。對(duì)此，我不得不多說(shuō)一句，這是一個(gè)需要反復(fù)嘗試修正的過(guò)程，所以，在你滿意之前，恐怕要花上些時(shí)間。

現(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) 。

用消失點(diǎn)來(lái)處理這些平面的話，可以將平面以90°或任意角度延展。以這種方法，我構(gòu)建了更多的平面，以幫助我在盡可能地匹配線稿的同時(shí)，保持透視關(guān)系。

使用消失點(diǎn)來(lái)配置各平面的位置，可以讓我能夠順著平面變化的趨勢(shì)來(lái)增加元素。但是，在這之前，我還有一點(diǎn)需要準(zhǔn)備。

因?yàn)榛疑雌饋?lái)有些死板，所以我在線條所在的一些地方增加了色彩變化。我喜歡色彩，并且要用它給畫(huà)面帶來(lái)些沖擊力。

三、配色

為了在畫(huà)面上得到理想的顏色，我在圖像頂端使用了三個(gè)調(diào)節(jié)圖層。其中兩個(gè)只作用于人物皮膚（使用蒙版），而第三個(gè)用于調(diào)節(jié)整體色調(diào)。在皮膚上，用色階和色彩平衡微微提升些色調(diào)。

然后，用一個(gè)色彩平衡調(diào)節(jié)圖層給整個(gè)畫(huà)面蒙上一些綠色調(diào)。設(shè)置如下。

現(xiàn)在，我們可以開(kāi)始添加細(xì)節(jié)了。

四、添加數(shù)碼音量圖

打開(kāi) Illustrator ，建立一些垂直的長(zhǎng)條，復(fù)制粘貼它們，并調(diào)整長(zhǎng)度，然后，你會(huì)得到和下圖中類(lèi)似的數(shù)碼音量初稿。復(fù)制并向下移動(dòng)。

創(chuàng)建一些水平的長(zhǎng)條，用它們減去初稿，我們就很容易地得到了第二稿。這只需創(chuàng)建一個(gè)長(zhǎng)方形，水平復(fù)制一份（按住ALT鍵復(fù)制），然后按COMMAND+D重復(fù)復(fù)制。

拷貝第二稿，進(jìn)入Photoshop中。

現(xiàn)在將它粘貼到消失點(diǎn)濾鏡中。因?yàn)橐恍┰颍琍hotoshop的消失點(diǎn)濾鏡并不支持直接從Illustrator粘貼路徑。所以，我們必須先將它作為像素粘貼到一個(gè)新的圖層中。像下圖一樣旋轉(zhuǎn)并垂直縮放到盡可能大的分辨率。

在圖層面板中，按住COMMAND鍵點(diǎn)擊這個(gè)圖層的縮略圖，提取其中的選區(qū)。按COMMAND+C將其復(fù)制到緩存中，然后刪除圖層。現(xiàn)在，我們要轉(zhuǎn)而使用消失點(diǎn)濾鏡了。

執(zhí)行 濾鏡>消失點(diǎn) ，粘貼。你應(yīng)該能得到下圖效果。

現(xiàn)在，如果你將選區(qū)拖入表示地面的平面中，Photoshop會(huì)自動(dòng)為你計(jì)算出正確的透視關(guān)系。

重復(fù)同一步驟，在背后延長(zhǎng)音量圖。

進(jìn)入混合選項(xiàng)，添加下圖中的圖層樣式。

你現(xiàn)在應(yīng)該得到了與這類(lèi)似的效果。

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

（圖釋?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ū)。

效果應(yīng)該看起來(lái)是這個(gè)樣子。

我們到了一個(gè)需要優(yōu)雅地處理多處彎曲的步驟，但是，其核心方法不過(guò)是拷貝、移動(dòng)和使用變形工具模仿曲線。然而，這里令人頭痛的是，有些線條會(huì)被錯(cuò)誤地彎曲，我不得不手工修正它們。我必須聲明，在這里會(huì)消耗大量的時(shí)間，但是我的確沒(méi)有想到其他制作曲線的好方法。

用與之前相同的方法做一個(gè)透明蒙版，用50%的灰遮蓋透明方塊。

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

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

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

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

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

（圖釋?zhuān)孩偕喜浚河娩摴P工具沿著線稿周?chē)鷦?chuàng)建路徑 ②左部：圓滑路徑中尖銳的轉(zhuǎn)角）

用白色填充最終路徑，取消描邊，并將其復(fù)制粘貼到Photoshop中音量圖下面的一層中。

為了加強(qiáng)視覺(jué)效果，我決定再添加一個(gè)音量圖。這次使用的是白色，并將其置于第一個(gè)音量圖下。再次使用消失點(diǎn)濾鏡，復(fù)制在Illustrator中創(chuàng)建的第一個(gè)音量圖，像下圖一樣將其擴(kuò)展以適合透視。

就像我們看見(jiàn)的，白色得條帶與音量圖重疊了，所以我們需要用蒙版將其部分隱藏，只留下左上端可見(jiàn)。

現(xiàn)在我們?cè)撛谌宋锵绿砑佑白恿耍⑶矣白右呀?jīng)做好。早些時(shí)候我們已將它從另一個(gè)文件中分離出來(lái)，這時(shí)只需將它復(fù)制粘貼到新圖層中并對(duì)齊就可以了。將混合模式設(shè)為顏色加深，不透明度為50% �，F(xiàn)在來(lái)看看它的真實(shí)效果。

五、添加前景和背景圖像

有許多方法可以創(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文件。

（圖釋?zhuān)孩儆疑喜浚喝S后平面 ②左部：我們將匹配這個(gè)平面）

在Modo中創(chuàng)建一個(gè)新場(chǎng)景。

執(zhí)行 項(xiàng)目>創(chuàng)建背景幕 。這會(huì)創(chuàng)建一個(gè)平面，來(lái)添加我們剛才保存的圖像。

在窗口右邊你會(huì)看到下圖的菜單。在項(xiàng)目面板中選擇剛才創(chuàng)建的背景幕，然后在屬性面板中執(zhí)行 圖像>置入圖像 。

選擇我們剛才保存的”后平面“文件。

就像你所看到的，在我們轉(zhuǎn)動(dòng)視角的同時(shí)，背景幕也隨之轉(zhuǎn)動(dòng)。我們不希望這樣，我們希望背景幕保持靜止，而只移動(dòng)方塊。為了達(dá)到這種效果，執(zhí)行 顯示方式>攝像機(jī) 。這會(huì)讓”背景幕“在當(dāng)前的透視角度中不可見(jiàn)，但讓它成為攝影機(jī)中的背景。（這里是說(shuō)，圖像會(huì)以正視圖的方式固定顯示——譯者注）

按COMMAND+SPACE，這會(huì)激活彈出菜單，在彈出菜單上你可以選擇你的顯示視角。當(dāng)然，選擇攝像機(jī)。

現(xiàn)在，我們?nèi)绻D(zhuǎn)視角，背景圖像仍會(huì)保持靜止。為了確保渲染的效果圖和我們的圖像尺寸相同，執(zhí)行窗口右側(cè)的 渲染樹(shù)>渲染 ，并設(shè)置高度和寬度為3613和5000 。

現(xiàn)在，我們開(kāi)始匹配一些幾何形。

（圖釋?zhuān)河眠@個(gè)工具創(chuàng)建一個(gè)零高度的立方體平面）

（圖釋?zhuān)焊呒?jí)OpenGL菜單）

確保高級(jí)OpenGL菜單中的球形旋轉(zhuǎn)選項(xiàng)是被激活的。這能保障你的攝像機(jī)會(huì)在全部的坐標(biāo)軸上旋轉(zhuǎn)，而不僅僅是X軸和Z軸。

又到了一個(gè)讓人頭痛的地方。我們得慢慢旋轉(zhuǎn)攝像機(jī)以將我們的3D平面匹配到參考圖中，另外還要將它拉長(zhǎng)些。

很明顯，攝像機(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的焦距最為理想。

因?yàn)閺V角涵蓋了更大的范圍，所以對(duì)象現(xiàn)在理所應(yīng)當(dāng)?shù)乜s小了。你不用擔(dān)心這里，我們只需將它拉近攝像機(jī)，并旋轉(zhuǎn)就可以了。冷不防地，平面就會(huì)變得更加合適了。

我們不需要完美匹配，在攝像機(jī)上有一些小差距也是允許的。

這個(gè)過(guò)程可能很乏味，因?yàn)槟阋冉⑵矫�，還不得不去旋轉(zhuǎn)攝像機(jī)，并調(diào)節(jié)焦距以得到好的匹配效果。這讓人頭痛，而且會(huì)非常浪費(fèi)時(shí)間。但是，一旦你確定了焦距，其他事情就不值一提了。設(shè)置下面的攝像機(jī)參數(shù)，以達(dá)到更精準(zhǔn)的匹配。

一旦平面能夠準(zhǔn)確匹配，我們就可以開(kāi)始復(fù)制、縮放和移動(dòng)不同的拷貝（剛才所建的零高度立方體的拷貝——譯者注）。你可以移動(dòng)它們，使它們相互平行，以制造縱深感。

觀察廣角攝像機(jī)以及最終的幾何圖形。

按F8渲染攝像機(jī)視圖。因?yàn)檫@是一個(gè)簡(jiǎn)單場(chǎng)景，所以渲染不會(huì)太耗時(shí)。下面就是你要得到的。轉(zhuǎn)換到Alpha輸出，并保存為一個(gè)JPEG文件。

回到Photoshop中。先讓我們看看我們現(xiàn)在的成果如何。

在Photoshop中打開(kāi)剛才我們?cè)贛odo中保存的Alpha圖像。復(fù)制一份，然后轉(zhuǎn)回到原來(lái)的工作窗口中，在通道面板中新建一個(gè)通道，將Alpha圖像粘貼到里面。

如果你現(xiàn)在按住COMMAND鍵點(diǎn)擊通道縮略圖，你會(huì)得到一個(gè)選區(qū)。

新建一個(gè)圖層，并填充橘黃色（#ff8f00）

將圖像中假定在人物后面的部分，剪切并粘貼到一個(gè)新圖層中，并在圖層面板中將它置于人物圖層的下方。用這種方法，在空間中會(huì)讓它們看起來(lái)像是在人物身后。

現(xiàn)在，圖上的飛行物太多了，它們讓場(chǎng)景過(guò)渡擁擠。所以，為了保持畫(huà)面平衡，要?jiǎng)h除一些。大多數(shù)被刪除的方塊位于在圖像的右下角。

現(xiàn)在，我們要圓滑圖像中的轉(zhuǎn)角，因?yàn)樗鼈兛雌饋?lái)有些尖銳。為此，按住COMMAND鍵點(diǎn)擊圖層面板中的縮略圖讀取圖層選區(qū)。我們首先要圓滑小方形，它們需要更小的圓角半徑，之后我們?cè)偬幚砥渌摹Ｐ枰粶p去部分的選區(qū)如下圖。

執(zhí)行 選擇>修改>平滑 ，并設(shè)定半徑為10像素。然后，按COMMAND+SHIFT+I 反向選區(qū)，并刪除�？聪旅�，你現(xiàn)在得到了圓角。

（圖釋?zhuān)喊霃?0像素的圓角）

我們需要將同樣的方法運(yùn)用在更大的方塊上。因?yàn)樗鼈兏咏鼣z像機(jī)，所以這次要使用的半徑為20像素。這樣做能得到我們想要的下一個(gè)選區(qū)。

你將會(huì)得到這樣的效果。

（圖釋?zhuān)喊霃?0像素的圓角）

現(xiàn)在到了本階段的最后一步，圓滑背景中圖像的轉(zhuǎn)角。使用下圖參數(shù)重復(fù)上文步驟。

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

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

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

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

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

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

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

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

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

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

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

經(jīng)過(guò)以上操作，你應(yīng)得到與下面類(lèi)似的圖像。

下一步要添加的是飛行方塊的高光。選擇全部方塊，然后使用不透明度20%的軟畫(huà)筆在上面涂抹一些高光。請(qǐng)參照下面第二個(gè)樣圖。

（圖釋?zhuān)焊吖猓?/p>

剩下唯一要做的事情是，在這些方塊上添加一些肌理。我會(huì)在其中一個(gè)圖形上做演示，然后你可以在許多其他的方塊上重復(fù)填充肌理。我們會(huì)用到我照片中的其中一張做演示，而你可以在xn3ctz.deviantart.com/gallery/ 中找到其他這里用到的照片。那里是我主要照片的文件夾，請(qǐng)隨便用。

總之，復(fù)制粘貼這張照片到Photoshop的新圖層中。

使用變形工具，按住COMMAND鍵拖拽轉(zhuǎn)角頂點(diǎn)，以適合我們想添加肌理的方塊。

然后將這個(gè)圖層的混合模式設(shè)置為疊加，并用蒙版圓滑轉(zhuǎn)角。不透明度可以根據(jù)離攝像機(jī)的遠(yuǎn)近來(lái)確定，也就說(shuō)，背景中的圖形要更加不透明一些，給人以縱深感。

（圖釋?zhuān)菏褂孟旅鎴D層的蒙版來(lái)圓滑轉(zhuǎn)角）

當(dāng)在其他方塊上做完這些后，你會(huì)有一個(gè)非常漂亮的效果為這一階段做結(jié)尾。不管怎么說(shuō)，這些操作很費(fèi)時(shí)，所以我要直接講解最終效果。

六、添加半透明界面

首先，我在Illustrator中創(chuàng)建了這些相當(dāng)簡(jiǎn)單的形狀。它們會(huì)作為界面的紋理。

復(fù)制左下角的形狀到Photoshop中，并放在適合的位置。

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

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

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

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

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

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

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