設計精美游戲包裝盒
先看一下完成后的最終效果。
本文以Photoshop CS2中文版為例,其它版本的Photoshop操作步驟大致想通,可能略有差異。
具體操作步驟如下。
1.按Ctrl N打開“新建”對話框,將文檔大小設置為481x552像素,其它采用默認設置(說明:其中分辨率應設置為更大以適合印刷,如300像素/英寸,因為這里只是練習,采用了72像素/英寸),如圖1所示,然后“確定”按鈕。
圖1
2.按D鍵將前景色恢復為默認的黑色,然后按Alt Del將背景圖層填充為黑色,如圖2所示。
圖2
3.選擇菜單命令“圖層|新建|圖層”(或直接按快捷鍵Shift Cntrl N)創(chuàng)建一個新圖層,然后選擇工具箱中的“矩形選框工具”(或按快捷鍵M),在上方選項欄中按如圖3所示設置矩形選框工具的選項,確定其大小一定要是481像素寬60像素高,然后在畫布上方單擊繪制出如圖3中所示的矩形選區(qū)。
圖3
4.現(xiàn)在選擇工具箱中的“油漆桶工具”(或按快捷鍵G),然后也使用黑色填充矩形選區(qū)(Alt Del)。
5.現(xiàn)在我們要暫時離開這幅圖像一會兒,也許是一兩分鐘,為的是創(chuàng)建一個斜條紋的圖案。選擇菜單命令“文件|新建”(或按快捷鍵Ctrl N)打開“新建”對話框,將文檔大小設置為3x3像素,背景色設置為透明,然后單擊“確定”創(chuàng)建新文檔。將文檔窗口調大,并工具箱中的“縮放工具”放大視圖到最大(1600%),如圖4所示。
圖4
5.現(xiàn)在選擇工具箱中的“直線工具”(或按快捷鍵U),在上方選項欄(就竦髡?熬匭窩】蜆ぞ摺幣謊?按下按鈕“填充像素”,并確保粗細為1px,將前景色設置為白色,然后從畫布的右上角向左下角畫線。如果要畫得精確,最好的辦法是讓指針從畫布的右上頂點移動到左下頂點。如此可以得到如圖4所示的一條白色直線段。
圖5
6.接下來選擇菜單命令“編輯|定義圖案”,當出現(xiàn)“圖案名稱”對話框時,輸入一個名稱,例如“條紋線”,如圖6所示,然后單擊“確定”按鈕。
圖6
7.現(xiàn)在已經定義好圖案了,回到原來的游戲包裝平面稿圖像窗口,在“圖層”面板中上方黑條所在圖層上單擊右鍵,從彈出菜單中選擇“混合選項”,打開“圖層樣式”對話框。
順便說一句,在設計過程中,如果圖導眾多,很容易搞混,所以給圖層起個有意義的名字比較好一些,例如這里可以命名為“盒頂”什么的。
言歸正傳,在“圖層樣式”對話框中單擊左側樣式列表中的“描邊”,然后按如圖7所示設置描邊選項。
圖7
8.在“圖層樣式”對話框中單擊左側樣式列表中的“圖案疊加”,然后按如圖8所示設置圖案疊加選項。
圖8
其中設置圖案時,單擊“圖案”右側向下小箭頭,從彈出窗口中找到剛才創(chuàng)建的“條紋線”圖案并選中即可。設置完畢單擊“確定”按鈕,得到如圖9所示的效果。按Ctrl D取消選區(qū)。
圖9
9.現(xiàn)在選擇工具箱中的“橫排文字工具”或按快捷鍵T,然后輸入“PC CD-ROM”,將字體設置為“TW Cen MT Condensed Extra Bold”。選中“PC”,并將其大小設置為60pt ,然后再選中“CD-ROM”,將其大小設置為36pt。將文字移動到左上角,得到如圖10所示的結果。
圖10
10.下面要把角色圖片拖入到我們的平面稿中了。先把如圖11所示的這幅圖片保存到你的電腦中,然后用Photoshop打開它,并將它拖動到包裝盒平面稿文檔中。認出來了嗎?《最終幻想》里的女主角Yuna。沒錯,不過我們現(xiàn)在就要把她帶到一個“恐怖”游戲里面去客串一反了,哈哈哈。
圖11
圖片加入到我們的文檔中,應該如圖12所示就對了。
圖12
11.現(xiàn)在就要進入有趣的部分。我們要將她身后的背景去除。這部分要考驗你的耐心,選擇工具箱中的“多邊形套索工具”或按快捷鍵L,在她的衣服和頭發(fā)周圍畫選區(qū),如圖13所示。
圖13
選區(qū)做完后,按Del鍵,現(xiàn)在你可能會看見會殘留一些輪廓,這時可以選擇工具箱中的“橡皮擦工具”,并在選項欄中按如圖14所示進行設置,將畫筆設置比較柔軟的一種。
圖14
使用柔性畫筆的原因是,當我們擦除那些殘留輪廓時,它不會將線條變得鋸齒狀。注意左肩上方還有一塊背景也需要使用“橡皮擦工具”擦除。在擦除時,可以局部放大這些區(qū)域,按[或]鍵隨時調整畫筆大小,這樣得到比較精確的結果。
12.現(xiàn)在調一下她的雙眸的顏色。仍選擇工具箱中的“多邊形套索工具”,繞她的左眼畫一個圓形,如圖15所示。
圖15
13.選擇菜單命令“圖像|調整|色相/飽和度”或按Ctrl U打開“色相/飽和度”對話框,按如圖16所示進行調整。調整完畢單擊“確定”按鈕。
圖16
按Ctrl D取消選擇。用同樣的方法調整右眼的顏色,按如圖17所示調整色相/飽和度。單擊“確定”,并按Ctrl D取消選擇。
圖17
14.OK,下面我們要改一下亮度。選擇菜單命令“圖像|調整|色階”或按快捷鍵Ctrl L,打開“色階”對話框,按如圖18所示進行調整。調整完畢單擊“確定”按鈕。
圖18
色階可能是調整一幅圖片亮度的最佳方式。而亮度與對比度、色相與飽和度、色彩平衡都可能是改變亮度最壞的方式之一。但這也要看要調整的是什么類型的圖片。當需要調整真實的圖畫或照片時,使用色階進行調整會更好一些
15.現(xiàn)在我們需要將背景圖片導入到包裝盒平面稿中,將如圖19所示的圖片保存到電腦中并使用Photoshop打開,然后將它拖到我們的平面稿中,并將該其所在圖層移動到除背景圖層外的所有圖層之下。
圖19
這樣我們會得到如圖20所示的效果。
圖20
16.現(xiàn)在看上去可是一點恐怖色彩都沒有。我們接下來要添加一些濾鏡效果。選擇菜單命令“濾鏡|藝術效果|粗糙蠟筆”,這里使用默認設置,所以當對話框出現(xiàn)時直接單擊“確定”按鈕即可。
17.選擇菜單命令“圖像|調整|色彩平衡”或按快捷鍵Ctrl B,然后按如圖21所示進行設置。
圖21
18.現(xiàn)在選擇菜單命令“圖像|調整|色階”(Ctrl L),按如圖22所示進行設置。
圖22
到這里這一圖層的工作就結束了。
19.回到Yuna所在圖層,按Ctrl J復制一個圖層副本。然后選中原圖層,并選擇菜單命令“編輯|自由變換”或按快捷鍵Ctrl T。
現(xiàn)在你會看見四周出現(xiàn)方形小調節(jié)框,有在角上的,有在中間的,向畫布右側拖動右邊中間的那個,這樣她就會橫跨畫布伸展,如圖23所示。
圖23
20.現(xiàn)在選擇菜單命令“濾鏡|模糊|高斯模糊”,并將模糊半徑調整為大約9.7,如圖24所示。
圖24
21.在“圖層”面板中將該圖層的混合模式改為“疊加”,這樣會給樓梯添加一些變化,使它看上去更黑更褐。
現(xiàn)在我們幾乎就要完成了,選擇工具箱中的“橫排文字工具”,輸入文字“HAUNTED”,并將其顏色改為白色。將文字的大小設置為102pt,移動到中上部。復制文字圖層,并選擇下面的文字圖層,選擇菜單命令“濾鏡|風格化|風”,風的方向為“從右”。應用完濾鏡后,將該圖層的混合模式改為“疊加”。這樣就完成了標題的制作。
現(xiàn)在仍使用文字工具,在標題的下方添加游戲的宣傳語。這里宣傳語仍使用了TW Cen Condensed字體。
現(xiàn)在每個游戲里都需要一些“神秘”的字跡,并且沒人能知道這些字跡寫的是什么。所以仍使用文字工具,隨意輸入一些文字,你大可以從某個英文站點中復制一些這樣的段落,然后將它們所在的圖層混合模式改為“疊加”,并放到你認為看上去還不錯的位置。一定要讓這些文字看上去模糊不清,例如可以選擇一種草書字體(像這樣的字體可以從網上找到),并選擇較小的字號。
最后,要加上游戲開發(fā)公司的徽標,這里使用了13dots網站的徽標,并把它放到了包裝盒的右上角。但你也可以使用你所設計的任何其它徽標。還有就是在左下角加上了一個游戲等級標準的圖標,這種圖標可以從網上下載。
這樣,一個游戲包裝盒的平面稿就完成了,如圖25所示。原文鏈接
圖25
學習 · 提示
相關教程