設(shè)計(jì)精美游戲包裝盒

設(shè)計(jì)精美游戲包裝盒本例將向您介紹如何用Photoshop從無到有地創(chuàng)建精美的游戲外包裝盒平面稿，其中我們要用到一個(gè)游戲角色圖片以及另外一幅素材圖片。

先看一下完成后的最終效果。

本文以Photoshop CS2中文版為例，其它版本的Photoshop操作步驟大致想通，可能略有差異。

具體操作步驟如下。

1.按Ctrl N打開“新建”對(duì)話框，將文檔大小設(shè)置為481x552像素，其它采用默認(rèn)設(shè)置(說明：其中分辨率應(yīng)設(shè)置為更大以適合印刷，如300像素/英寸，因?yàn)檫@里只是練習(xí)，采用了72像素/英寸)，如圖1所示，然后“確定”按鈕。

圖1

2.按D鍵將前景色恢復(fù)為默認(rèn)的黑色，然后按Alt Del將背景圖層填充為黑色，如圖2所示。

圖2

3.選擇菜單命令“圖層|新建|圖層”(或直接按快捷鍵Shift Cntrl N)創(chuàng)建一個(gè)新圖層，然后選擇工具箱中的“矩形選框工具”(或按快捷鍵M)，在上方選項(xiàng)欄中按如圖3所示設(shè)置矩形選框工具的選項(xiàng)，確定其大小一定要是481像素寬60像素高，然后在畫布上方單擊繪制出如圖3中所示的矩形選區(qū)。

圖3

4.現(xiàn)在選擇工具箱中的“油漆桶工具”(或按快捷鍵G)，然后也使用黑色填充矩形選區(qū)(Alt Del)。

5.現(xiàn)在我們要暫時(shí)離開這幅圖像一會(huì)兒，也許是一兩分鐘，為的是創(chuàng)建一個(gè)斜條紋的圖案。選擇菜單命令“文件|新建”(或按快捷鍵Ctrl N)打開“新建”對(duì)話框，將文檔大小設(shè)置為3x3像素，背景色設(shè)置為透明，然后單擊“確定”創(chuàng)建新文檔。將文檔窗口調(diào)大，并工具箱中的“縮放工具”放大視圖到最大(1600%)，如圖4所示。

圖4

5.現(xiàn)在選擇工具箱中的“直線工具”(或按快捷鍵U)，在上方選項(xiàng)欄(就竦髡?熬匭窩】蜆ぞ摺幣謊?按下按鈕“填充像素”，并確保粗細(xì)為1px，將前景色設(shè)置為白色，然后從畫布的右上角向左下角畫線。如果要畫得精確，最好的辦法是讓指針從畫布的右上頂點(diǎn)移動(dòng)到左下頂點(diǎn)。如此可以得到如圖4所示的一條白色直線段。

圖5

6.接下來選擇菜單命令“編輯|定義圖案”，當(dāng)出現(xiàn)“圖案名稱”對(duì)話框時(shí)，輸入一個(gè)名稱，例如“條紋線”，如圖6所示，然后單擊“確定”按鈕。

圖6

7.現(xiàn)在已經(jīng)定義好圖案了，回到原來的游戲包裝平面稿圖像窗口，在“圖層”面板中上方黑條所在圖層上單擊右鍵，從彈出菜單中選擇“混合選項(xiàng)”，打開“圖層樣式”對(duì)話框。

順便說一句，在設(shè)計(jì)過程中，如果圖導(dǎo)眾多，很容易搞混，所以給圖層起個(gè)有意義的名字比較好一些，例如這里可以命名為“盒頂”什么的。

言歸正傳，在“圖層樣式”對(duì)話框中單擊左側(cè)樣式列表中的“描邊”，然后按如圖7所示設(shè)置描邊選項(xiàng)。

圖7

8.在“圖層樣式”對(duì)話框中單擊左側(cè)樣式列表中的“圖案疊加”，然后按如圖8所示設(shè)置圖案疊加選項(xiàng)。

圖8

其中設(shè)置圖案時(shí)，單擊“圖案”右側(cè)向下小箭頭，從彈出窗口中找到剛才創(chuàng)建的“條紋線”圖案并選中即可。設(shè)置完畢單擊“確定”按鈕，得到如圖9所示的效果。按Ctrl D取消選區(qū)。

圖9

9.現(xiàn)在選擇工具箱中的“橫排文字工具”或按快捷鍵T，然后輸入“PC CD-ROM”，將字體設(shè)置為“TW Cen MT Condensed Extra Bold”。選中“PC”，并將其大小設(shè)置為60pt ，然后再選中“CD-ROM”，將其大小設(shè)置為36pt。將文字移動(dòng)到左上角，得到如圖10所示的結(jié)果。

圖10

10.下面要把角色圖片拖入到我們的平面稿中了。先把如圖11所示的這幅圖片保存到你的電腦中，然后用Photoshop打開它，并將它拖動(dòng)到包裝盒平面稿文檔中。認(rèn)出來了嗎？《最終幻想》里的女主角Yuna。沒錯(cuò)，不過我們現(xiàn)在就要把她帶到一個(gè)“恐怖”游戲里面去客串一反了，哈哈哈。

圖11

圖片加入到我們的文檔中，應(yīng)該如圖12所示就對(duì)了。

圖12

11.現(xiàn)在就要進(jìn)入有趣的部分。我們要將她身后的背景去除。這部分要考驗(yàn)?zāi)愕哪托�，選擇工具箱中的“多邊形套索工具”或按快捷鍵L，在她的衣服和頭發(fā)周圍畫選區(qū)，如圖13所示。

圖13

選區(qū)做完后，按Del鍵，現(xiàn)在你可能會(huì)看見會(huì)殘留一些輪廓，這時(shí)可以選擇工具箱中的“橡皮擦工具”，并在選項(xiàng)欄中按如圖14所示進(jìn)行設(shè)置，將畫筆設(shè)置比較柔軟的一種。

圖14

使用柔性畫筆的原因是，當(dāng)我們擦除那些殘留輪廓時(shí)，它不會(huì)將線條變得鋸齒狀。注意左肩上方還有一塊背景也需要使用“橡皮擦工具”擦除。在擦除時(shí)，可以局部放大這些區(qū)域，按[或]鍵隨時(shí)調(diào)整畫筆大小，這樣得到比較精確的結(jié)果。

12.現(xiàn)在調(diào)一下她的雙眸的顏色。仍選擇工具箱中的“多邊形套索工具”，繞她的左眼畫一個(gè)圓形，如圖15所示。

圖15

13.選擇菜單命令“圖像|調(diào)整|色相/飽和度”或按Ctrl U打開“色相/飽和度”對(duì)話框，按如圖16所示進(jìn)行調(diào)整。調(diào)整完畢單擊“確定”按鈕。

圖16

按Ctrl D取消選擇。用同樣的方法調(diào)整右眼的顏色，按如圖17所示調(diào)整色相/飽和度。單擊“確定”，并按Ctrl D取消選擇。

圖17

14.OK，下面我們要改一下亮度。選擇菜單命令“圖像|調(diào)整|色階”或按快捷鍵Ctrl L，打開“色階”對(duì)話框，按如圖18所示進(jìn)行調(diào)整。調(diào)整完畢單擊“確定”按鈕。

圖18

色階可能是調(diào)整一幅圖片亮度的最佳方式。而亮度與對(duì)比度、色相與飽和度、色彩平衡都可能是改變亮度最壞的方式之一。但這也要看要調(diào)整的是什么類型的圖片。當(dāng)需要調(diào)整真實(shí)的圖畫或照片時(shí)，使用色階進(jìn)行調(diào)整會(huì)更好一些

15.現(xiàn)在我們需要將背景圖片導(dǎo)入到包裝盒平面稿中，將如圖19所示的圖片保存到電腦中并使用Photoshop打開，然后將它拖到我們的平面稿中，并將該其所在圖層移動(dòng)到除背景圖層外的所有圖層之下。

圖19

這樣我們會(huì)得到如圖20所示的效果。

圖20

16.現(xiàn)在看上去可是一點(diǎn)恐怖色彩都沒有。我們接下來要添加一些濾鏡效果。選擇菜單命令“濾鏡|藝術(shù)效果|粗糙蠟筆”，這里使用默認(rèn)設(shè)置，所以當(dāng)對(duì)話框出現(xiàn)時(shí)直接單擊“確定”按鈕即可。

17.選擇菜單命令“圖像|調(diào)整|色彩平衡”或按快捷鍵Ctrl B，然后按如圖21所示進(jìn)行設(shè)置。

圖21

18.現(xiàn)在選擇菜單命令“圖像|調(diào)整|色階”(Ctrl L)，按如圖22所示進(jìn)行設(shè)置。

圖22

到這里這一圖層的工作就結(jié)束了。

19.回到Y(jié)una所在圖層，按Ctrl J復(fù)制一個(gè)圖層副本。然后選中原圖層，并選擇菜單命令“編輯|自由變換”或按快捷鍵Ctrl T。

現(xiàn)在你會(huì)看見四周出現(xiàn)方形小調(diào)節(jié)框，有在角上的，有在中間的，向畫布右側(cè)拖動(dòng)右邊中間的那個(gè)，這樣她就會(huì)橫跨畫布伸展，如圖23所示。

圖23

20.現(xiàn)在選擇菜單命令“濾鏡|模糊|高斯模糊”，并將模糊半徑調(diào)整為大約9.7，如圖24所示。

圖24

21.在“圖層”面板中將該圖層的混合模式改為“疊加”，這樣會(huì)給樓梯添加一些變化，使它看上去更黑更褐。

現(xiàn)在我們幾乎就要完成了，選擇工具箱中的“橫排文字工具”，輸入文字“HAUNTED”，并將其顏色改為白色。將文字的大小設(shè)置為102pt，移動(dòng)到中上部。復(fù)制文字圖層，并選擇下面的文字圖層，選擇菜單命令“濾鏡|風(fēng)格化|風(fēng)”，風(fēng)的方向?yàn)椤皬挠摇�。�?yīng)用完濾鏡后，將該圖層的混合模式改為“疊加”。這樣就完成了標(biāo)題的制作。

現(xiàn)在仍使用文字工具，在標(biāo)題的下方添加游戲的宣傳語。這里宣傳語仍使用了TW Cen Condensed字體。

現(xiàn)在每個(gè)游戲里都需要一些“神秘”的字跡，并且沒人能知道這些字跡寫的是什么。所以仍使用文字工具，隨意輸入一些文字，你大可以從某個(gè)英文站點(diǎn)中復(fù)制一些這樣的段落，然后將它們所在的圖層混合模式改為“疊加”，并放到你認(rèn)為看上去還不錯(cuò)的位置。一定要讓這些文字看上去模糊不清，例如可以選擇一種草書字體(像這樣的字體可以從網(wǎng)上找到)，并選擇較小的字號(hào)。

最后，要加上游戲開發(fā)公司的徽標(biāo)，這里使用了13dots網(wǎng)站的徽標(biāo)，并把它放到了包裝盒的右上角。但你也可以使用你所設(shè)計(jì)的任何其它徽標(biāo)。還有就是在左下角加上了一個(gè)游戲等級(jí)標(biāo)準(zhǔn)的圖標(biāo)，這種圖標(biāo)可以從網(wǎng)上下載。

這樣，一個(gè)游戲包裝盒的平面稿就完成了，如圖25所示。原文鏈接

圖25