本例将向您介绍如何用Photoshop从无到有地创建精美的游戏外包装盒平面稿，其中我们要用到一个游戏角色图片以及另外一幅素材图片。 先看一下完成后的最终效果。 平面爱好者.平面设计师的助手 http://5c55.com
平面爱好者.平面设计师的助手 http://5c55.com
本文以Photoshop CS2中文版为例，其它版本的Photoshop操作步骤大致想通，可能略有差异。
平面爱好者.平面设计师的助手 http://5c55.com
具体操作步骤如下。 www.5c55.com
1.按Ctrl+N打开“新建”对话框，将文档大小设置为481x552像素，其它采用默认设置(说明：其中分辨率应设置为更大以适合印刷，如300像素/英寸，因为这里只是练习，采用了72像素/英寸)，如图1所示，然后“确定”按钮。 标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m
图1
www.5c55.com
2.按D键将前景色恢复为默认的黑色，然后按Alt+Del将背景图层填充为黑色，如图2所示。 5c55.com 平面爱好者 平面设计 软件教程 网站模板
图2
标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m
3.选择菜单命令“图层|新建|图层”(或直接按快捷键Shift+Cntrl+N)创建一个新图层，然后选择工具箱中的“矩形选框工具”(或按快捷键M)，在上方选项栏中按如图3所示设置矩形选框工具的选项，确定其大小一定要是481像素宽60像素高，然后在画布上方单击绘制出如图3中所示的矩形选区。
5c55.com美术设计师的家园
图3
www.5c55.com
4.现在选择工具箱中的“油漆桶工具”(或按快捷键G)，然后也使用黑色填充矩形选区(Alt+Del)。 标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m
5.现在我们要暂时离开这幅图像一会儿，也许是一两分钟，为的是创建一个斜条纹的图案。选择菜单命令“文件|新建”(或按快捷键Ctrl+N)打开“新建”对话框，将文档大小设置为3x3像素，背景色设置为透明，然后单击“确定”创建新文档。将文档窗口调大，并工具箱中的“缩放工具”放大视图到最大(1600%)，如图4所示。 平面爱好者.平面设计师的助手 http://5c55.com
图4 平面爱好者.平面设计师的助手 http://5c55.com
5.现在选择工具箱中的“直线工具”(或按快捷键U)，在上方选项栏(就竦髡熬匦窝】蚬ぞ摺币谎?按下按钮“填充像素”，并确保粗细为1px，将前景色设置为白色，然后从画布的右上角向左下角画线。如果要画得精确，最好的办法是让指针从画布的右上顶点移动到左下顶点。如此可以得到如图4所示的一条白色直线段。 www.5c55.com
图5
5c55.com美术设计师的家园
6.接下来选择菜单命令“编辑|定义图案”，当出现“图案名称”对话框时，输入一个名称，例如“条纹线”，如图6所示，然后单击“确定”按钮。 平面爱好者.平面设计师的助手 http://5c55.com
图6 5c55.com 平面爱好者 平面设计 软件教程 网站模板
7.现在已经定义好图案了，回到原来的游戏包装平面稿图像窗口，在“图层”面板中上方黑条所在图层上单击右键，从弹出菜单中选择“混合选项”，打开“图层样式”对话框。 5c55.com 平面爱好者 平面设计 软件教程 网站模板
顺便说一句，在设计过程中，如果图导众多，很容易搞混，所以给图层起个有意义的名字比较好一些，例如这里可以命名为“盒顶”什么的。 平面爱好者.平面设计师的助手 http://5c55.com
言归正传，在“图层样式”对话框中单击左侧样式列表中的“描边”，然后按如图7所示设置描边选项。
5c55.com 平面爱好者 平面设计 软件教程 网站模板
图7 www.5c55.com
8.在“图层样式”对话框中单击左侧样式列表中的“图案叠加”，然后按如图8所示设置图案叠加选项。 5c55.com 平面爱好者 平面设计 软件教程 网站模板
图8 平面爱好者.平面设计师的助手 http://5c55.com
其中设置图案时，单击“图案”右侧向下小箭头，从弹出窗口中找到刚才创建的“条纹线”图案并选中即可。设置完毕单击“确定”按钮，得到如图9所示的效果。按Ctrl+D取消选区。 5c55.com美术设计师的家园
图9
标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m
9.现在选择工具箱中的“横排文字工具”或按快捷键T，然后输入“PC CD-ROM”，将字体设置为“TW Cen MT Condensed Extra Bold”。选中“PC”，并将其大小设置为60pt ，然后再选中“CD-ROM”，将其大小设置为36pt。将文字移动到左上角，得到如图10所示的结果。
平面爱好者.平面设计师的助手 http://5c55.com
图10
平面爱好者.平面设计师的助手 http://5c55.com
10.下面要把角色图片拖入到我们的平面稿中了。先把如图11所示的这幅图片保存到你的电脑中，然后用Photoshop打开它，并将它拖动到包装盒平面稿文档中。认出来了吗？《最终幻想》里的女主角Yuna。没错，不过我们现在就要把她带到一个“恐怖”游戏里面去客串一反了，哈哈哈。
标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m
图11
图片加入到我们的文档中，应该如图12所示就对了。
标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m
图12 5c55.com 平面爱好者 平面设计 软件教程 网站模板
11.现在就要进入有趣的部分。我们要将她身后的背景去除。这部分要考验你的耐心，选择工具箱中的“多边形套索工具”或按快捷键L，在她的衣服和头发周围画选区，如图13所示。
www.5c55.com
图13 www.5c55.com
选区做完后，按Del键，现在你可能会看见会残留一些轮廓，这时可以选择工具箱中的“橡皮擦工具”，并在选项栏中按如图14所示进行设置，将画笔设置比较柔软的一种。
平面爱好者.平面设计师的助手 http://5c55.com
图14 5c55.com美术设计师的家园
使用柔性画笔的原因是，当我们擦除那些残留轮廓时，它不会将线条变得锯齿状。注意左肩上方还有一块背景也需要使用“橡皮擦工具”擦除。在擦除时，可以局部放大这些区域，按[或]键随时调整画笔大小，这样得到比较精确的结果。 5c55.com美术设计师的家园
12.现在调一下她的双眸的颜色。仍选择工具箱中的“多边形套索工具”，绕她的左眼画一个圆形，如图15所示。
5c55.com 平面爱好者 平面设计 软件教程 网站模板
图15 标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m
（阅读次数：）
收藏
推荐
评论(0条)
