2.1　地圖風(fēng)格的整體控制

我們要繪制的是一張破舊的羊皮紙地圖，首先要做的是確立羊皮紙的質(zhì)感，然后在此基礎(chǔ)之上將地圖做舊，讓玩家感覺地圖經(jīng)歷過(guò)無(wú)數(shù)次的驚險(xiǎn)，充滿神秘感。

有了這樣的前提，也就對(duì)地圖的風(fēng)格做到心中有數(shù)，它應(yīng)該具有比較原始的手繪感，不能有太多的機(jī)器和科技等概念混雜其中。下面就從整體上控制這種風(fēng)格。

（1）啟動(dòng)Photoshop CS5軟件，執(zhí)行菜單中的“文件|新建”命令，新建一個(gè)名稱為“地圖”的文件，文件大小為800×600像素，背景為白色，如圖2-4所示，單擊“確定”按鈕。執(zhí)行菜單中的“文件|保存”命令，將其保存為“地圖.psd”文件。

（2）新建的文件中只有白色的背景色，相當(dāng)于一張白紙。那么怎樣把一張白紙變成羊皮紙呢？制作方法如下：首先單擊“動(dòng)作”面板右上角的按鈕，從彈出的菜單中選擇“紋理”命令，如圖2-5所示，這樣關(guān)于紋理制作的一些動(dòng)作就會(huì)被添加進(jìn)“動(dòng)作”面板。在“動(dòng)作”面板中選中“羊皮紙”命令，如圖2-6所示，單擊面板底部的（播放選定的動(dòng)作）按鈕，執(zhí)行該命令。

提示

Photoshop軟件中的“動(dòng)作”指的是播放單個(gè)文件或一批文件的一系列命令。這一系列命令可以是我們自己錄制的，也可以軟件預(yù)置好的，這里播放的是軟件預(yù)置好的制作羊皮紙紋理的一系列命令。

（3）單擊（播放選定的動(dòng)作)按鈕后，軟件會(huì)按照設(shè)置好的順序來(lái)逐個(gè)執(zhí)行命令，然后會(huì)彈出“紋理化”對(duì)話框，該對(duì)話框左側(cè)有執(zhí)行動(dòng)作結(jié)果后的預(yù)覽，從中能看到原來(lái)的一張白紙已經(jīng)變成了一張土黃色的羊皮紙。接著，根據(jù)預(yù)覽的效果來(lái)微調(diào)對(duì)話框中的參數(shù)，如圖2-7所示。最后單擊“確定”按鈕結(jié)束動(dòng)作。

（4）執(zhí)行完“羊皮紙”動(dòng)作后，Photoshop會(huì)自動(dòng)創(chuàng)建一個(gè)“圖層1”，下面在“圖層”面板中雙擊“圖層1”名稱，將其重命名為“羊皮紙紋理”。然后單擊工具箱中的前景色，并在彈出的拾色器中拾取黑色，如圖2-8所示，單擊“確定”按鈕。接著選擇“背景”圖層，按快捷鍵〈Alt ＋ Delete〉，將背景圖層的顏色填充為黑色。填充完畢之后，當(dāng)前的兩個(gè)圖層分別為“羊皮紙紋理”和“背景”，其中“羊皮紙紋理”圖層是紋理的顏色，“背景”圖層是黑色，如圖2-9所示。

提示

〈Alt+Delete〉是使用前景色填充圖層的快捷鍵；〈Ctrl+Delete〉是使用背景色填充圖層的快捷鍵。

（5）選擇“羊皮紙紋理”圖層，然后單擊“圖層”面板底部的（添加圖層蒙版）按鈕，為此層添加蒙版。接著按住鍵盤上的〈Alt〉鍵，單擊“羊皮紙紋理”圖層的蒙版縮略圖，此時(shí)視圖中所顯示的圖像由原來(lái)的羊皮紙紋理?yè)Q成了白色的蒙版。

提示

按住鍵盤上的〈Alt〉鍵單擊蒙版縮略圖，可以在圖層和蒙版之間進(jìn)行顯示切換，如圖2-10所示。

（6）蒙版在地圖實(shí)例的制作中有著十分重要的作用,蒙版中的黑色部分為當(dāng)前圖層的透明區(qū)域，通過(guò)該區(qū)域會(huì)顯示出下面圖層的圖像；白色部分為當(dāng)前圖層的不透明區(qū)域；灰色部分會(huì)漸隱漸現(xiàn)當(dāng)前圖層的圖像。如果想要圖層中的哪一部分變透明，那就將對(duì)應(yīng)的蒙版部分畫成黑色。下面就利用蒙版將地圖以外的部分去除。方法：選擇工具箱中的（多邊形套索工具），并在工具選項(xiàng)欄中將“羽化”設(shè)為0 px,然后沿蒙版邊緣套選出一塊鋸齒狀的選區(qū)，接著按快捷鍵〈Ctrl+Shift+I〉，反向選擇選區(qū)，最后按快捷鍵〈Alt+Delete〉，將這個(gè)選區(qū)填充為黑色，如圖2-11所示。

提示

應(yīng)用 （多邊形套索工具）工作的流程是：首先選中該工具，然后在圖像中單擊確定起始點(diǎn)，接著將鼠標(biāo)指針移動(dòng)到下一個(gè)目標(biāo)點(diǎn)，繼續(xù)單擊。同理依次單擊每個(gè)目標(biāo)點(diǎn)，當(dāng)回到起始點(diǎn)再次單擊，就會(huì)得到一個(gè)閉合的選區(qū)。另外，配合鍵盤上的〈Shift〉鍵可以在原有選區(qū)的基礎(chǔ)上添加選區(qū)，配合鍵盤上的〈Alt〉鍵可以減少選區(qū)。

（7）利用蒙版制作地圖紙張邊緣破損的效果。方法：選擇工具箱中的（畫筆工具），利用黑色細(xì)致地加工蒙版中黑白色交界的部位，從而制作出紙張邊緣破損的效果，完成結(jié)果如圖2-12所示。

（8）再次按住鍵盤上的〈Alt〉鍵，單擊蒙版縮略圖，重新切換回羊皮紙紋理顯示，這時(shí)可看到蒙版所起的作用：原來(lái)完整的“羊皮紙紋理”圖層邊緣現(xiàn)在有了明顯的破損。但是紙的顏色還不夠破舊，下面就來(lái)調(diào)整它的色調(diào)。方法：首先選擇“羊皮紙紋理”圖層，然后單擊“圖層”面板底部的（創(chuàng)建新的填充和調(diào)整圖層）按鈕，在彈出的菜單中選擇“色彩平衡”命令，接著在彈出的“調(diào)整”面板中調(diào)節(jié)羊皮紙的色調(diào)，如圖2-13所示，讓其顯得更破舊一些，此時(shí)圖層分布如圖2-14所示。

提示

關(guān)閉“色彩平衡”對(duì)話框后，如果想要再次調(diào)節(jié)面板中的參數(shù)，可以通過(guò)雙擊色彩平衡圖層的圖層縮略圖來(lái)打開色彩平衡面板進(jìn)行再次調(diào)節(jié)。

（9）現(xiàn)在地圖的色調(diào)是正確的破舊羊皮紙顏色了，不過(guò)紙張的破舊感仍然不足，而且紙張沒有體積感，沒有褶皺，下面就來(lái)解決這些問(wèn)題。體積可以通過(guò)明暗來(lái)表現(xiàn)，那么就來(lái)添加一個(gè)調(diào)節(jié)暗面的圖層。方法：?jiǎn)螕簟皥D層”面板下方的（創(chuàng)建新的填充和調(diào)整圖層）按鈕，在彈出的菜單中選擇“曲線”命令，添加曲線調(diào)整圖層，然后按住〈Alt〉鍵并單擊蒙版的縮略圖打開蒙版。接著選擇“羊皮紙紋理”圖層的蒙版，按快捷鍵〈Ctrl+A〉全選，再按快捷鍵〈Ctrl+C〉復(fù)制，接著按快捷鍵〈Ctrl+V〉，將剛才復(fù)制的“羊皮紙紋理”圖層的蒙版粘貼進(jìn)來(lái)，最后將新圖層重命名為“調(diào)暗曲線”，結(jié)果如圖2-15所示。

（10）按住〈Ctrl〉鍵，并單擊“調(diào)暗曲線”圖層蒙版的縮略圖，從而得到圖層蒙版的選區(qū)。然后執(zhí)行菜單中的“選擇|修改|收縮”命令，在彈出的對(duì)話框中設(shè)置參數(shù)，如圖2-16所示。單擊“確定”按鈕，從而將選區(qū)收縮2像素。接著執(zhí)行菜單中的“選擇|羽化”命令，在彈出的對(duì)話框中設(shè)置參數(shù)，如圖2-17所示。單擊“確定”按鈕，從而將選區(qū)羽化5個(gè)像素，結(jié)果如圖2-18所示。

（11）給蒙版中的選區(qū)填充黑色，結(jié)果如圖2-19中A所示。然后雙擊“調(diào)暗曲線”圖層的圖層縮略圖打開“調(diào)整”面板，然后調(diào)節(jié)曲線的形狀到圖2-19中B所示的樣子，結(jié)果如圖2-19中C所示。

提示1

添加并調(diào)節(jié)曲線圖層的目的是把紙張邊緣調(diào)暗，從而制造出紙張破損后邊緣變薄變臟的效果，而繪制蒙版是為了讓曲線調(diào)整圖層精確地控制紙張的邊緣，而不會(huì)影響其他部分。

提示2

利用“收縮”命令收縮選區(qū)是為了讓最靠近邊緣的地方最暗，所以這個(gè)部位的蒙版是純白色的，它受曲線調(diào)節(jié)的影響最大。利用“羽化”命令羽化選區(qū)是為了給暗色邊緣添加過(guò)渡，接著把選區(qū)填充為黑色是為了讓紙張的中間不受曲線圖層的影響。

（12）現(xiàn)在羊皮紙的邊緣暗了下來(lái)，不過(guò)真正的紙張?jiān)谄婆f之后還會(huì)有褶皺，為了表現(xiàn)出褶皺，需要再次對(duì)蒙版進(jìn)行更深入的繪制。方法：首先打開蒙版，然后選擇工具箱中的（畫筆工具），分別將前景色和背景色設(shè)置為黑色和白色（快捷鍵〈D〉），接著用（畫筆工具）切換兩種顏色，在蒙版上需要變暗的地方畫上白色，在需要保持原色的地方畫上黑色，結(jié)果如圖2-20所示。

提示

在繪制的時(shí)候需要很細(xì)致，最好能配合數(shù)位板來(lái)操作。如果用鼠標(biāo)繪制，就要不斷地調(diào)節(jié)筆刷工具的不透明度和流量，使繪制出來(lái)的筆觸盡可能自然。

（13）單擊“調(diào)暗曲線”圖層的縮略圖，此時(shí)就能看到曲線圖層在蒙版的作用下，給紙張?zhí)砑恿笋薨櫟母杏X，結(jié)果如圖2-21所示。

（14）此時(shí)圖像中只有暗部的褶皺，顯得不夠明快，同時(shí)體積感不足，下面就來(lái)調(diào)整地圖的亮部。具體步驟和制作方法與“調(diào)暗曲線”近似。方法：?jiǎn)螕簟皥D層”面板下方的（創(chuàng)建新的填充和調(diào)整圖層）按鈕，在彈出的菜單中選擇“曲線”命令，添加曲線調(diào)整圖層。然后打開蒙版，按快捷鍵〈Ctrl+V〉將剛才已經(jīng)復(fù)制過(guò)的“羊皮紙紋理”圖層的蒙版粘貼進(jìn)來(lái)。接著將新圖層重命名為“調(diào)亮曲線”，最后對(duì)這個(gè)圖層的蒙版進(jìn)行細(xì)致深入的繪制，利用（畫筆工具）將需要強(qiáng)調(diào)的高光部分畫上白色，結(jié)果如圖2-22所示。

（15）完成蒙版后雙擊“調(diào)亮曲線”圖層的圖層縮略圖，打開“調(diào)整”面板，然后調(diào)整曲線形狀及預(yù)覽效果如圖2-23所示。

（16）地圖經(jīng)過(guò)長(zhǎng)期的使用后，其表面會(huì)留下很多污點(diǎn)，下面就來(lái)為地圖增加污點(diǎn)的紋理。方法：打開“\貼圖\第2章二維游戲地圖的制作\污點(diǎn).jpg”素材文件，然后利用工具箱中的（移動(dòng)工具），將“污點(diǎn).jpg”文件拖動(dòng)到“地圖.psd”中，此時(shí)會(huì)產(chǎn)生一個(gè)新的圖層，將新圖層重命名為“污點(diǎn)”。選擇“污點(diǎn)”圖層，將圖層混合模式設(shè)為“疊加”，并改變?cè)搶拥牟煌该鞫葹?0％，如圖2-24所示。

提示1

在利用移動(dòng)工具拖動(dòng)“污點(diǎn).jpg”文件的同時(shí)按住〈Shift〉鍵，能讓拖動(dòng)的文件到達(dá)新文件中時(shí)自動(dòng)對(duì)齊，這樣能使拖動(dòng)更準(zhǔn)確。

提示2

默認(rèn)的圖層混合模式為“正?！?，這時(shí)兩個(gè)圖層是完全沒有混合的。如果改變圖層的混合模式，能使兩個(gè)圖層用各種奇特的方式融合在一起。在疊加紋理時(shí)改變圖層的混合模式往往能得到意想不到的好效果。

（17）污點(diǎn)的紋理被添加進(jìn)來(lái)，但是當(dāng)前的污點(diǎn)紋理太規(guī)整，顯得有些呆板，需要給這個(gè)紋理添加一些隨機(jī)變化，讓它更自然。方法：首先選擇“污點(diǎn)”圖層，單擊（添加圖層蒙版）按鈕，添加蒙版。然后按住〈Alt〉鍵單擊圖層蒙版的縮略圖，調(diào)出圖層蒙版。接著執(zhí)行菜單中的“濾鏡|渲染|云彩”命令，給蒙版填充云彩的紋理，此時(shí)在蒙版中云彩紋理的作用下污點(diǎn)有了自然的變化，如圖2-25所示。

提示

用“云彩”濾鏡給蒙版填充紋理是因?yàn)椤霸撇省睘V鏡能制造出隨機(jī)的黑白色混合效果。而這個(gè)效果作用于蒙版之后剛好能做出污點(diǎn)圖層的隨機(jī)透明，也就是說(shuō)云彩中黑色部分使污點(diǎn)透明，白色部分使污點(diǎn)顯現(xiàn)。從而將污點(diǎn)紋理和羊皮紙紋理自然地合成在一起。

（18）制作地圖的邊框線。方法：?jiǎn)螕簟皥D層”面板下方的（創(chuàng)建新圖層）按鈕，在“污點(diǎn)”圖層上方添加一個(gè)新圖層，并將其重命名為“邊框”。然后利用工具箱中的（畫筆工具）繪制四條邊，繪制時(shí)要做到用筆干凈利索，畫完之后單擊（添加圖層蒙版）按鈕，給“邊框”圖層添加蒙版。接著按住〈Alt〉鍵單擊“污點(diǎn)”圖層的蒙版縮略圖，調(diào)出這個(gè)圖層的蒙版，并利用工具箱中的（矩形選框工具）全選整個(gè)蒙版，再按快捷鍵〈Ctrl+C〉將其復(fù)制，最后選擇“邊框”圖層，按住〈Alt〉鍵單擊圖層蒙版的縮略圖，調(diào)出該圖層的圖層蒙版，按快捷鍵〈Ctrl+ V〉將蒙版粘貼進(jìn)去。這樣“邊框”圖層就有了一個(gè)和“污點(diǎn)”圖層相同的云彩紋理的蒙版。蒙版處理好后還要改變圖層的混合模式為“柔光”，這樣的邊線與羊皮紙紋理的結(jié)合會(huì)變得更自然，結(jié)果如圖2-26所示。