導(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è)滿(mǎn)意的結(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ò)程，所以，在你滿(mǎn)意之前，恐怕要花上些時(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)處理這些平面的話(huà)，可以將平面以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ù)制到緩存中，然后刪除圖層?，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

最新評(píng)論