非编教程

第十章 综合案例

10.1海报设计

海报又称“招贴”，是一种张贴在墙壁或其他地方的大幅面广告。由于海报的幅面远远超过了报纸广告和杂志广告，从远景广告来看更能吸引大众的注意，因此海报在宣传媒介中占有很重要的位置。在设计海报时要注意表现形式与所宣传的内容相配合。构图时要将图形、色彩和文字等素材做适当的空间安排，给浏览者一种愉快的感觉。

下面以虚拟的“冰雪啤酒”为例来设计海报。整体效果如图10-1所示。

图10-1“冰雪啤酒”海报

具体操作步骤： 1、新建宽度为20厘米，高度为30厘米，分辨率为150像素/英寸，背景为白色的文件。 2、“渐变工具”，为“背景”图层由上至下填充从浅蓝色（R:0,G:167,B:225）到深蓝色（R:8,G:,B:130）的径向渐变。选择“矩形选框工具”，绘制如图10-2所示的矩形选区。

图10-3填充渐变色的效果 图10-2绘制的选区

3、新建“图层1” ，利用“渐变工具”，为选区由上至下填充从浅蓝色（R:161,G:216,B:245）到淡蓝色（R:237,G:249,B:255）的线性渐变，效果如图10-3所示，然后取消选区。

4、打开素材图片“素材\\第10章\\海景.jpg”文件，选取“度量工具”，沿着海景图片中海面水平线绘制参考线，如图10-4所示。

图10-4绘制的参考线

5、执行“图像→旋转画布→任意角度”命令，弹出如图10-5所示的“旋转画布”对话框，在该对话框中将显示图像旋转的角度，单击确定按钮，旋转后的画布如图10-6所示。

6、将海景图片移动复制到新建文件中生成“图层2”，调整大小后放置到如图10-7所示的位置。

图10-5旋转画布对话框

图10-6旋转后的图像效果 图10-7图片放置的位置

7、执行“编辑→变换→水平翻转”命令，将图片水平翻转。单击“图层”面板下方的“添加图层蒙版”按钮，为“图层2”添加图层蒙版并将图层混合模式设置为“颜色加深”，效果如图10-8所示。

8、调整图片大小，然后按住Ctrl键的同时单击“图层1”的图层缩览图添加选区。 9、执行“选择→反向”命令将选区反选，然后给“图层2”的蒙版填充黑色，效果如图10-9所示，然后取消选区。

图10-8设置混合模式效果 图10-9蒙版填充黑色效果

10、选取“画笔工具”，利用黑色编辑蒙版，将海景图片的天空部分屏蔽掉，效果如图10-10所示。

11、打开素材图片“素材\\第10章\\水花.psd”文件，将其移动复制到新建文件中生成“图层3”,调整大小后放置到如图10-11所示的位置。

图10-10编辑蒙版后的效果 图10-11水花图像放置的位置

12、打开素材图片“素材\\第10章\\冰雪啤酒.psd”文件，将其移动复制到新建文件中生

成“图层4”,调整大小后放置到如图10-12所示的位置。

13、新建“图层5”，再利用“多边形套索工具”绘制选区，并为新建的选区填充绿色 （R:0,G:134,B:70），效果如图10-13所示，然后取消选区。

图10-12啤酒图像放置的位置 图10-13选区填充绿色后的效果

14、新建“图层6”，再利用“多边形套索工具”绘制选区，并为新建的选区填充草绿色（R:0,G:159,B:80），效果如图10-14所示，然后取消选区。

15、依次新建图层后绘制选区，并为选区填充不同明度的绿色，效果如图10-15所示。

图10-15依次绘制选区并填充颜色 图10-14填充草绿色选区

16、打开素材图片“素材\\第10章\\标志.psd”文件，将其移动复制到新建文件中，调整大小后放置到画面的左上角位置，然后利用“文字工具”，输入如图10-16所示的绿色（R:0,G:134,B:70）文字，新宋体30点，平滑。

17、执行“图层→图层样式→描边”命令，给文字描绘“大小”为2的草绿色（R:0,G:255,B:12）边，效果如图10-17所示。

图10-17描边效果 图10-16放置标志并输入文字

18、利用“文字工具”输入如图10-18所示的蓝色（R:24,G:24,B:120）文字，华文琥珀48点、72点，平滑。利用“图层→图层样式→描边”命令，给文字描绘“大小”为5的白

色边。效果如图10-18所示。

19执行“图层→栅格化→文字”命令，将文字图层转化为普通图层，然后利用“矩形选框工具”选取文字后，利用“移动工具”将文字调整至如图10-19所示的组合形态。

图10-19调整后的文字形态

图10-18添加图层样式后的文字效果

20、利用“文字工具”在画面的下侧输入如图10-20所示的白色文字。隶书36点，平滑。执行“图层→图层样式→描边”命令，给文字描绘“大小”为3的黑色边。效果如图10-20所示。

21、执行“图层→栅格化→文字”命令，将文字图层转化为普通图层，再利用“渐变工具”为文字填充如图10-21所示的渐变颜色。

图10-20输入的文字

图10-21调整后的文字形态

22、执行“编辑→变换→透视”命令，将文字调整至如图10-21所示的透视形态。 23、使用“文字工具”在画面下边右侧输入如图10-22所示的白色文字。黑体24点，平滑。

图10-22输入的白色文字

10.2简历封面设计

在竞争日益激烈的今天，想要找到一份心仪的工作，做一份漂亮的简历尤为重要。这个简历封面采用黄色和咖啡色作为主色调。简历正面的设计颇有现代主义设计风格。整体效果如图10-23所示。

图10-23整体效果图 具体操作步骤：

1、新建文件，大小为842×595像素，分辨率为150像素/英寸，背景为白色。

2、打开素材图片“素材\\第10章\\素材1.tif”文件，将其移动复制到新建文件中,生成图层1，效果如图10-24所示。

3、打开素材图片“素材\\第10章\\素材2.tif”文件，将其移动复制到新建文件中,生成图层2，效果如图10-25所示。

图10-25复制素材2文件 图10-24复制素材1文件

4、利用“文字工具”，输入如图10-26所示的红色（R:212,G:0,B:0）文字，隶书24点，平滑。

5、新建“图层3”，选择“铅笔工具”，在属性栏中设置铅笔大小为1像素，前景色为白色，按住Shift键绘制如图10-27所示的直线，并设置图层3的不透明度为“71%”。

6、新建“图层4”，绘制小椭圆。选择“椭圆选框工具”，在画布上建立一个较小的椭圆，将前景色设置为白色，按Alt+Delete键填充前景色。将图层4复制5次，调整位置，得到如图10-28所示的效果。

7、新建“图层5”，绘制垂直竖线。选择“铅笔工具”，在属性栏中设置铅笔大小为1像素，前景色为白色，按住Shift键绘制如图10-29所示的垂直竖线。将图层5复制3次，调整位置，得到如图10-29所示的效果。

图10-27绘制线条后效果 图10-26添加文字后效果

图10-29绘制竖线后效果 图10-28绘制椭圆后效果

8、新建“图层6”，绘制白色矩形。选择矩形选框工具，在画布上绘制竖形的选区，并填充白色。并设置图层的不透明度为“80%”，得到如图10-30所示的效果。

9、选中图层6，复制一份，并将此图层重命名为：“图层7”，按Ctrl+T键调整图层7的大小与位置，并设置图层的不透明度为“60%”，得到如图10-31所示的效果。

10、选中图层7，复制一份，并将此图层重命名为：“图层8”，按Ctrl+T键调整图层8的大小与位置，并设置图层的不透明度为“40%”，得到如图10-32所示的效果。

11、选中图层8，复制一份，并将此图层重命名为：“图层9”，按Ctrl+T键调整图层9的大小与位置，并设置图层的不透明度为“20%”，得到如图10-33所示的效果。将以上的简历封面各图层编组，得到组1，并隐藏组1。

图10-30绘制第1个矩形后效果

图10-31绘制第2个矩形后效果

图10-32绘制第3个矩形后效果 图10-33绘制第4个矩形后效果

12、新建“图层10”，选择“钢笔工具”，在画布上建立如图10-34所示的路径，按

Ctrl+Enter键将路径转化为选区。并为选区填充咖啡色（R:70,G:29,B:2），如图10-35所示。

图10-32绘制第3个矩形后效果 图10-33绘制第4个矩形后效果

图10-34建立路径 图10-35填充颜色

13、选中图层10，单击“添加图层样式”按钮，为此图层添加“投影”样式，设置弹出的对话框如图10-36所示。应用效果如图10-37所示。

图10-36设置投影图层样式参数

图10-37应用投影图层样式效果

14、新建“图层11”，选择“自定形状工具”，在属性栏中单击“填充像素”按钮，将前景色设置为白色，绘制如图10-38所示的形状。然后将图层的混合模式设置为“柔光”，效果如图10-39所示。

图10-38绘制自定形状效果 图10-39应用图层混合模式后效果

15、选择“横排文字工具”，在画布上键入如图10-40所示的文字，设置文字选项如图10-41所示，然后设置图层的不透明度为“63%”，效果如图10-40所示。

图10-40添加文字后效果 图10-41设置文字属性

16、选择“横排文字工具”，在画布上键入如图10-42所示的文字，设置文字选项如

图10-43所示，效果如图10-42所示。

图10-42添加文字后效果 图10-43设置文字属性

17、将组1显示，选中组1的所有图层，按Ctrl+E键将这些图层合并，按Ctrl+T调整合并后图层的位置，如图10-44所示。

18、单击“添加图层样式”按钮，添加“投影”图层样式，设置弹出的对话框如前图10-36所示，应用效果如图10-45所示。

图10-44合并图层并调整角度 图10-45应用图层样式后效果

10.3证卡设计

证卡的功用和形式多样，如工作证、购物卡、贵宾卡、优惠卡、会员卡等。在设计时相对比较简单，设计的要素一般包括公司名称、服务内容、使用说明、编号、卡号、联系方式等。下面通过虚拟的“禾木家具”工作证来学习证卡的设计方法。整体效果如图10-46,10-47所示。

图10-47工作证背面 图10-46工作证正面

具体操作步骤：

1、新建宽度为20厘米，高度为35厘米，分辨率为200像素/英寸，背景为白色的文件。

2、选择“渐变工具”，设置前景色为浅绿色（R:223,G:238,B:181），背景色为淡绿色（R:236,G:244,B:211）。由上至下为背景图层填充“前景到背景”的线性渐变。

3、选择“钢笔工具”，绘制并调整出如图10-48所示路径。然后按Ctrl+Enter键将路径转换为选区。

4、新建“图层1”，为选区填充绿色（R:0,G:99,B:55），取消选区，填充颜色后的效果如图10-49所示。

图10-48绘制的路径 图10-49填充颜色后的效果

5、选择“钢笔工具”，绘制并调整出如图10-50所示路径。然后按Ctrl+Enter键将路径转换为选区。

6、选择“渐变工具”，设置前景色为浅绿色（R:74,G:148,B:59），背景色为绿色（R:5,G:109,B:59）。

7、新建“图层2”，在选区中由左至右填充从前景色到背景色的线性渐变色，然后取消选区，效果如图10-51所示。

图10-50绘制的路径 图10-51填充渐变色后的效果

8、将“图层1”复制成为“图层1副本”，然后执行“编辑→变换垂直翻转”命令，将复制出的图形垂直翻转。

9、将复制出的图形移到至画面的下方位置，再按Ctrl+T键为其添加自由变形框，并在垂直方向上拖曳将其稍微拖长一点，如图10-52所示。

10、新建“图层3”，同理，绘制路径并将路径转换为选区，然后为选区填充从深绿色（R:5,G:109,B:59）到浅绿色（R:87,G:1,B:58）的线性渐变色，效果如图10-53。

图10-52调整大小后的图形形态 图10-53填充渐变色后的效果

11、新建“图层4”，同理，绘制路径并将路径转换为选区，然后为选区填充从浅绿色（R:4,G:153,B:61）到绿色（R:3,G:124,B:44）的线性渐变色，效果如图10-。

12、同理依次绘制路径并将其转换为选区，在新建图层中填充渐变色，绘制出如图10-55所示的效果。

图10-填充渐变色后的效果

图10-55制作出的图形效果

13、打开素材图片“素材\\第10章\\花卉.psd”文件。将其移到并复制到新建文件中生

成“图层7”，然后调整至合适的大小放置到如图10-56所示的位置。设置“图层7”的不透明度为30%，效果如图10-56。

14、新建“图层8”，将前景色设置为白色，选择“圆角矩形工具”，单击属性栏中的“填充像素”按钮，在画面中绘制出如图10-57所示的白色圆角矩形。

图10-56降低不透明度后的效果 图10-57绘制的圆角矩形

15、打开素材图片“素材\\第10章\\禾木标志.psd”文件。将其移到并复制到新建文件中生成“图层8”，然后调整至合适的大小放置到如图10-58所示的位置。

16、选择“直排文字工具”，输入如图10-58所示的深绿色（R:18,G:93,B:6）文字。设置文字选项如图10-59所示。

图10-56花卉的最终效果 图10-58标志和文字效果 图10-59设置文字属性

17、单击“添加图层样式”按钮，为文字添加“投影”和“描边”图层样式，设置弹出的对话框如图10-60、10-61所示，应用效果如图10-62所示。

18、选择“文字工具”，输入如图10-63所示的白色文字。 19、同理，设计出如图10-47所示工作证的背面。

图10-60投影样式参数 图10-61描边样式参数

图10-62添加样式后的文字效果 图10-63输入的文字

10.4包装设计

包装装潢设计是商品及其外包装的艺术设计。在进行包装装潢设计时要根据不同的产品特性和不同的消费群体需求，分别采取不同的艺术处理和相应的印刷制作技术，其目的是向消费者传递准确的商品信息，树立良好的企业形象，同时对商品起到保护、美化、宣传和提高商品竞争力的作用。优秀的包装设计一般都具有科学性、经济性、艺术性、实用性及民族特色等特点。下面通过虚拟的“椰子酥”食品包装为例来学习包装设计。整体效果如图10-、10-65所示。

图图10-包装盒的平面图 10-65包装盒的立体效果

10.4.1设计包装平面展开图

具体操作步骤：

1、新建宽度为24厘米，高度为29厘米，分辨率为150像素/英寸的文件。为背景填充黄绿色（R:126,G:173,B:0）。

2、执行“视图→新建参考线”命令，在垂直方向的4.3厘米、11.8厘米、19.3厘米和水平方向的4.3厘米、24.8厘米添加如图10-66所示的参考线。

3、新建“图层1”选择“矩形选框工具”绘制选区并填充银灰色（R:238,G:238,B:238），如图10-67所示。

4、新建“图层2”、“图层3”，依次在画面中绘制如图10-68所示的白色和橘黄色（R:255,G:228,B:166）图形。

5、打开素材图片“素材\\第10章\\椰子树.psd”文件，将椰树、托盘和点心图像移动复制到文件中。

图10-66添加的参考线 图10-67绘制的图形

6、将“图层1”移到到最顶层，灰色图形遮盖住椰子树的左边，效果如图10-69所示。 图10-69调整图层后的效果 图10-68绘制的其他图形

7、打开素材图片“素材\\第10章\\茶具.psd”和“树叶.psd”文件，将茶具和树叶图像移到复制到文件中，如图10-70所示。

图10-70图像在画面中的位置

8、执行“图层→图层样式→投影”命令给叶子添加投影效果，设置弹出的对话框如图10-71所示。然后选择“移动”工具，在按住Alt键的同时再移动复制出两片叶子，分别调整大小后放置到如图10-72所示的位置。

图10-72复制出的叶子 图10-71投影样式对话框

9、新建“图层9”，选择“圆角矩形”工具，单击属性栏中的“填充像素”按钮，在画面中绘制出如图10-73所示的黄绿色（R:126,G:173,B:0）圆角矩形。

10、新建“图层10”，再绘制如图10-74所示的白色图形。

图10-72复制出的叶子

图10-73绘制的圆角矩形 图10-74绘制的白色图形 11、选择“直排文字工具”，在白色图形上输入如图10-75所示的深绿色（R:0,G:135,B:25）文字。

12、打开素材图片“素材\\第10章\\花纹.psd”文件，将花纹图像移到复制到文件中，生成“图层11”，如图10-76所示。

图10-75输入的文字 图10-76图像在画面中的位置

13、选择“矩形选框工具”，在图案的左边绘制选区，按 Delete键删除选区内的图像，效果如图10-77所示。

14、选择“移动”工具，按住Shift+Alt键的同时移动复制花纹图像，然后分别放置到画面中如图10-78所示的位置。

图10-77删除内容后的效果 图10-78复制出的图像

15、选择“移动”工具，将打开的“椰子树.psd”文件中的质量安全标志移动复制到文件中，再绘制一个白色的矩形，如图10-79所示。

16、在画面中输入如图10-80所示的白色文字。并复制“海南特产”文字层，将文字旋转角度后放置到如图10-80所示的位置。

17、选择“文字”工具在包装中输入侧面的文字内容。最终效果如图10-所示。

图10-79标志和白色矩形

图10-80复制出的文字

10.4.2食品包装立体效果

下面根据准备的包装盒型，把设计完成的椰子酥包装平面图贴到盒型上面，得到椰子酥包装立体效果。

具体操作步骤：

1、打开素材图片“素材\\第10章\\包装盒型.jpg”文件，如图10-81所示。

2、将设计完成的“椰子酥包装平面图.psd”文件，执行“图层→拼合图像”命令将图层合并。

3、选择“矩形选框工具”将包装平面图盒子的正面图形选取后移动到“包装盒型.jpg”文件中，按Ctrl+T键给图形添加变形框，按住Ctrl键的同时拖到控制点将正面图形调整并移动到包装盒型上面，效果如图10-82。

图10-81打开的素材图像 图10-82调整正面的透视形态

4、把立面图形复制后调整成如图10-83所示的透视形态。

5、同理把侧面图形也复制过来调整成如图10-84所示的透视形态。

6、按住Ctrl键的同时单击“图层3”的缩览图添加选区。在“图层3”下面新建“图层4”并填充黑色，然后将“图层3”的“不透明度”设置为70%，以降低侧面的透明度，效果如图10-85所示。

图10-83调整立面的透视形态 图10-84调整侧面的透视形态

7、同理，按住Ctrl键的同时单击“图层2”的缩览图添加选区。在“图层2”下面新建“图层5”并填充黑色，然后将“图层2”的“不透明度”设置为90%，将前面的立面也降低一下不透明度，效果如图10-85所示。

8、将背景图层设为工作层，然后利用“多边形套索工具”绘制如图10-86所示的选区，执行“图像→调整→去色”命令，将下面的红色改成灰色。

图10-85降低侧面、立面的明度效果 图10-86绘制的选区

9、选择“直线工具”，在选项中设置“粗细”值为5，在“图层3”上面新建“图层6”，在盒子的棱角位置绘制如图10-87所示的灰色线。

10、执行“滤镜→模糊→高斯模糊”命令，在弹出的对话框中设置“半径”值为1，使效果模糊一些。

图10-87绘制的灰色线