Photoshop教程:设计精美游戏包装盒

溜一圈去

溜一圈去

2016-01-29 23:08

Photoshop教程:设计精美游戏包装盒,Photoshop教程:设计精美游戏包装盒

本例将向您介绍如何用Photoshop从无到有地创建精美的游戏外包装盒平面稿,其中我们要用到一个游戏角色图片以及另外一幅素材图片。

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

[next]

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

本文以Photoshop CS2中文版为例,其它版本的Photoshop操作步骤大致想通,可能略有差异。

具体操作步骤如下。

1.按Ctrl+N打开新建对话框,将文档大小设置为481x552像素,其它采用默认设置(说明:其中分辨率应设置为更大以适合印刷,如300像素/英寸,因为这里只是练习,采用了72像素/英寸),如图1所示,然后确定按钮。


图1

2.按D键将前景色恢复为默认的黑色,然后按Alt+Del将背景图层填充为黑色,如图2所示。


图2

3.选择菜单命令图层|新建|图层(或直接按快捷键Shift+Cntrl+N)创建一个新图层,然后选择工具箱中的矩形选框工具(或按快捷键M),在上方选项栏中按如图3所示设置矩形选框工具的选项,确定其大小一定要是481像素宽60像素高,然后在画布上方单击绘制出如图3中所示的矩形选区。


图3

4.现在选择工具箱中的油漆桶工具(或按快捷键G),然后也使用黑色填充矩形选区(Alt+Del)。

5.现在我们要暂时离开这幅图像一会儿,也许是一两分钟,为的是创建一个斜条纹的图案。选择菜单命令文件|新建(或按快捷键Ctrl+N)打开新建对话框,将文档大小设置为3x3像素,背景色设置为透明,然后单击确定创建新文档。将文档窗口调大,并工具箱中的缩放工具放大视图到最大(1600%),如图4所示。


图4

5.现在选择工具箱中的直线工具(或按快捷键U),在上方选项栏(就竦髡熬匦窝】蚬ぞ摺币谎?按下按钮填充像素,并确保粗细为1px,将前景色设置为白色,然后从画布的右上角向左下角画线。如果要画得精确,最好的办法是让指针从画布的右上顶点移动到左下顶点。如此可以得到如图4所示的一条白色直线段。


图5

[next]

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

6.接下来选择菜单命令编辑|定义图案,当出现图案名称对话框时,输入一个名称,例如条纹线,如图6所示,然后单击确定按钮。


图6

7.现在已经定义好图案了,回到原来的游戏包装平面稿图像窗口,在图层面板中上方黑条所在图层上单击右键,从弹出菜单中选择混合选项,打开图层样式对话框。

顺便说一句,在设计过程中,如果图导众多,很容易搞混,所以给图层起个有意义的名字比较好一些,例如这里可以命名为盒顶什么的。

言归正传,在图层样式对话框中单击左侧样式列表中的描边,然后按如图7所示设置描边选项。


图7

8.在图层样式对话框中单击左侧样式列表中的图案叠加,然后按如图8所示设置图案叠加选项。


图8

其中设置图案时,单击图案右侧向下小箭头,从弹出窗口中找到刚才创建的条纹线图案并选中即可。设置完毕单击确定按钮,得到如图9所示的效果。按Ctrl+D取消选区。


图9

[next]

9.现在选择工具箱中的横排文字工具或按快捷键T,然后输入PC CD-ROM,将字体设置为TW Cen MT Condensed Extra Bold。选中PC,并将其大小设置为60pt ,然后再选中CD-ROM,将其大小设置为36pt。将文字移动到左上角,得到如图10所示的结果。


图10

10.下面要把角色图片拖入到我们的平面稿中了。先把如图11所示的这幅图片保存到你的电脑中,然后用Photoshop打开它,并将它拖动到包装盒平面稿文档中。认出来了吗?《最终幻想》里的女主角Yuna。没错,不过我们现在就要把她带到一个恐怖游戏里面去客串一反了,哈哈哈。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)


图11

图片加入到我们的文档中,应该如图12所示就对了。


图12

11.现在就要进入有趣的部分。我们要将她身后的背景去除。这部分要考验你的耐心,选择工具箱中的多边形套索工具或按快捷键L,在她的衣服和头发周围画选区,如图13所示。


图13

[next]

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

选区做完后,按Del键,现在你可能会看见会残留一些轮廓,这时可以选择工具箱中的橡皮擦工具,并在选项栏中按如图14所示进行设置,将画笔设置比较柔软的一种。


图14

使用柔性画笔的原因是,当我们擦除那些残留轮廓时,它不会将线条变得锯齿状。注意左肩上方还有一块背景也需要使用橡皮擦工具擦除。在擦除时,可以局部放大这些区域,按[或]键随时调整画笔大小,这样得到比较精确的结果。

12.现在调一下她的双眸的颜色。仍选择工具箱中的多边形套索工具,绕她的左眼画一个圆形,如图15所示。


图15

13.选择菜单命令图像|调整|色相/饱和度或按Ctrl+U打开色相/饱和度对话框,按如图16所示进行调整。调整完毕单击确定按钮。


图16

按Ctrl+D取消选择。用同样的方法调整右眼的颜色,按如图17所示调整色相/饱和度。单击确定,并按Ctrl+D取消选择。


图17

[next]

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

14.OK,下面我们要改一下亮度。选择菜单命令图像|调整|色阶或按快捷键Ctrl+L,打开色阶对话框,按如图18所示进行调整。调整完毕单击确定按钮。


图18

色阶可能是调整一幅图片亮度的最佳方式。而亮度与对比度、色相与饱和度、色彩平衡都可能是改变亮度最坏的方式之一。但这也要看要调整的是什么类型的图片。当需要调整真实的图画或照片时,使用色阶进行调整会更好一些。

15.现在我们需要将背景图片导入到包装盒平面稿中,将如图19所示的图片保存到电脑中并使用Photoshop打开,然后将它拖到我们的平面稿中,并将该其所在图层移动到除背景图层外的所有图层之下。


图19

这样我们会得到如图20所示的效果。


图20

16.现在看上去可是一点恐怖色彩都没有。我们接下来要添加一些滤镜效果。选择菜单命令滤镜|艺术效果|粗糙蜡笔,这里使用默认设置,所以当对话框出现时直接单击确定按钮即可。

17.选择菜单命令图像|调整|色彩平衡或按快捷键Ctrl+B,然后按如图21所示进行设置。


图21

[next]

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

18.现在选择菜单命令图像|调整|色阶(Ctrl+L),按如图22所示进行设置。


图22

到这里这一图层的工作就结束了。

19.回到Yuna所在图层,按Ctrl+J复制一个图层副本。然后选中原图层,并选择菜单命令编辑|自由变换或按快捷键Ctrl+T。

现在你会看见四周出现方形小调节框,有在角上的,有在中间的,向画布右侧拖动右边中间的那个,这样她就会横跨画布伸展,如图23所示。


图23

20.现在选择菜单命令滤镜|模糊|高斯模糊,并将模糊半径调整为大约9.7,如图24所示。


图24

21.在图层面板中将该图层的混合模式改为叠加,这样会给楼梯添加一些变化,使它看上去更黑更褐。

现在我们几乎就要完成了,选择工具箱中的横排文字工具,输入文字HAUNTED,并将其颜色改为白色。将文字的大小设置为102pt,移动到中上部。复制文字图层,并选择下面的文字图层,选择菜单命令滤镜|风格化|风,风的方向为从右。应用完滤镜后,将该图层的混合模式改为叠加。这样就完成了标题的制作。

现在仍使用文字工具,在标题的下方添加游戏的宣传语。这里宣传语仍使用了TW Cen Condensed字体。

现在每个游戏里都需要一些神秘的字迹,并且没人能知道这些字迹写的是什么。所以仍使用文字工具,随意输入一些文字,你大可以从某个英文站点中复制一些这样的段落,然后将它们所在的图层混合模式改为叠加,并放到你认为看上去还不错的位置。一定要让这些文字看上去模糊不清,例如可以选择一种草书字体(像这样的字体可以从网上找到),并选择较小的字号。

最后,要加上游戏开发公司的徽标,这里使用了13dots网站的徽标,并把它放到了包装盒的右上角。但你也可以使用你所设计的任何其它徽标。还有就是在左下角加上了一个游戏等级标准的图标,这种图标可以从网上下载。

这样,一个游戏包装盒的平面稿就完成了,如图25所示。原文链接


图25

展开更多 50%)
分享

猜你喜欢

Photoshop教程:设计精美游戏包装盒

PS PS教程
Photoshop教程:设计精美游戏包装盒

TGTL精美包装盒设计

包装设计 名片设计 名片设计素材 画册设计
TGTL精美包装盒设计

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

国外精美包装盒设计

包装设计 名片设计 名片设计素材 画册设计
国外精美包装盒设计

包装盒设计

包装设计 名片设计 名片设计素材 画册设计
包装盒设计

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

包装盒设计 教你自制小清新包装盒

礼物
包装盒设计 教你自制小清新包装盒

茶叶包装盒设计欣赏

包装设计 名片设计 名片设计素材 画册设计
茶叶包装盒设计欣赏

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用Photoshop绘制森林之王

用Photoshop绘制森林之王

鼠绘真实辣椒

鼠绘真实辣椒
下拉加载更多内容 ↓