苹果配件半价疯抢-一个项目案例

该店铺主要销售各种苹果配件，其用户主要是20～35岁的年轻人，他们追求时尚潮品。此案例为店铺年终打折季宣传广告，横版方案（见图6-3-1）。

图6-3-1　苹果配件半价“疯”抢

1.客户要求

客户：苹果淘宝配件店。

主题内容：店铺打折促销广告。

客户要求：客户提供广告制作规格，为横版banner，主流苹果配件要得到展示，促销标题必须醒目惹眼。

设计思路：根据该店铺的主要消费群，方案设计采用直白简约的设计风格。方案设计以白色为底色，由于客户一再强调需出现产品展示图片，过于复杂的背景容易与产品本身抢镜，所以干净的背景、简单横排更为直观。文字采用了交叉选择的方式使用上下不同的色彩。

2.设计步骤解析

（1）启动Photoshop CS6软件，单击“文件”→“新建”，新建一个文档，尺寸大小为670像素×270像素，分辨率为默认值72像素/英寸，颜色模式为RGB，具体参数如图6-3-2所示。

（2）新建图层，并修改图层名称为“红色横线”，使用“矩形选框工具”，绘制横向矩形选区，如图6-3-3所示。

图6-3-2　具体参数

图6-3-3　矩形选区

（3）选择工具栏中的“渐变工具”，单击属性栏中的“渐变编辑器”图标（见图6-3-4），弹出“渐变编辑器”对话框。

图6-3-4　“渐变编辑器”图标

（4）如图6-3-5所示，单击A点，弹出拾色器，修改颜色（R：200。G：14。B：43）。单击B点，弹出拾色器，修改颜色（R：104。G：1。B：4）。然后单击“确定”，完成编辑。

图6-3-5　“渐变编辑器”对话框

（5）按住“Shift”键，使用“渐变工具”，从选区上方开始到选区底部结束，拖曳鼠标，完成垂直方向的红色渐变，然后取消选区，如图6-3-6所示。

（6）单击“视图”→“标尺”，打开标尺，并从横向及纵向的标尺中拖曳出三条辅助线与红色调上、下、右对齐，如图6-3-7所示。

图6-3-6　完成垂直方向的红色渐变

图6-3-7　对齐

（7）使用“矩形选框工具”选择红色横条右边的一部分，将选中的部分复制，这时会自动生成并激活一个图层，修改该图层名为“红色竖线”。再使用“自由变换”将其旋转90°，并移动至与竖向辅助线对齐，如图6-3-8所示。此时可以反复显示或隐藏辅助线来观察效果。

（8）按住“Shift”键的同时，使用“矩形选框工具”，绘制一个正方形选框，在选框内单击鼠标右键，在右键菜单中选择“变换选区”，进入选区的自由变换模式，将正方形选区旋转90°，再将选区移动至图6-3-9所示位置，与辅助线对齐。

图6-3-8　绘制红色竖线

图6-3-9　移动正方形选区

（9）选择“红色横线”图层，单击键盘上的“Delete”键删除选中的部分；再选择“红色竖线”图层，单击键盘上的“Delete”键删除选中的部分。取消选择。在图层面板中拖曳图层，将竖线图层拖曳至横线图层下，如图6-3-10所示。

（10）选择工具栏中的“单行选框工具”，在图像中单击鼠标左键，生成横向的单行选区。新建一个图层并修改图层名称为“黑色横线”，并在选框内填充黑色，然后取消选择。再使用“移动工具”调整黑线的位置，如图6-3-11所示。

图6-3-10　调整图层顺序

图6-3-11　调整黑线的位置

（11）将“黑色横线”图层复制，并调整位置，然后将两个黑色横线图层合并，如图6-3-12所示。

（12）选择“滤镜”→“模糊”→“高斯模糊”，弹出“高斯模糊”对话框，输入模糊半径“1”。细节如图6-3-13所示。

图6-3-12　黑色横线图层合并

图6-3-13　细节一

（13）按住键盘“Ctrl”键，鼠标左键单击“红色横线”图层面板缩略图，快速获得选区，如图6-3-14所示。

图6-3-14　快速获得选区

（14）单击“选择”→“反选”，获得反向选区，然后选择“黑色横线”图层，单击键盘上的“Delete”键删除选中的部分。最后取消选择，如图6-3-15所示。细节如图6-3-16所示。

图6-3-15　取消选择

图6-3-16　细节二

（15）使用相同的方式绘制竖向的黑色线条图层，并调整图层顺序，如图6-3-17所示。

（16）选择工具栏中的“画笔工具”，并在参数栏中选择边缘羽化的画笔，如图6-3-18所示（注意：画笔粗细的调整可用键盘上的方括号键“［”和“］”来控制）。

(www.xing528.com)

图6-3-17　竖向黑色线条图层

图6-3-18　选择边缘羽化的画笔

（17）使用鼠标左键在图层面板中单击“红色竖线”图层的缩略图，获得选区，如图6-3-19所示。

（18）在“红色横线”和“红色竖线”两个图层间新建一个空白图层，并修改图层名为“横线投影”，使用“画笔工具”在选区中绘制阴影的部分。效果如图6-3-20所示，细节如图6-3-21所示。

图6-3-19　获得选区

图6-3-20　绘制阴影效果

（19）打开素材图像“Ipad.jpg”，并用“移动工具”将其拖曳至编辑文档中，并修改图层名称为“IPAD”。选择“编辑”→“自由变换”，或用快捷方式“Ctrl+T”，修改素材图像“Ipad”的大小，如图6-3-22所示。

图6-3-21　细节三

图6-3-22　修改素材图像的大小

（20）在工具栏中选择“矩形选框工具”，沿着素材图像“Ipad”的最下方绘制一个矩形选框，务必与素材图像“Ipad”的底端对齐，如图6-3-23所示。

（21）在工具栏中选择“魔棒工具”，并在参数栏中选择“减少选定区域”模式，在素材图像“Ipad”的最下方单击被矩形选区覆盖的红色三角形区域，减选素材图像“Ipad”下方的红色三角形区域。最后单击键盘上的“Delete”键删除底端的白色部分，并调整位置。效果如图6-3-24所示。

图6-3-23　绘制矩形选框

图6-3-24　添加素材图像“Ipad”的效果

（22）绘制投影。新建一个图层，修改图层名称为“IPAD投影”，在工具栏中选择画笔工具，并选择边缘羽化的画笔，调整画笔的粗细，颜色为黑色，在新建的图层中单击鼠标左键，绘制一个黑点，如图6-3-25所示。

（23）使用快捷方式“Ctrl+T”修改黑点的大小（压扁），并调整位置，如图6-3-26所示。

图6-3-25　绘制一个黑点

图6-3-26　调整黑点位置

（24）打开素材图像“耳机.jpg”，并用“移动工具”将其拖曳至编辑文档中，修改图层名称为“耳机”。选择“编辑”→“自由变换”，或用快捷方式“Ctrl+T”，修改素材图像“耳机”的大小。使用“魔棒工具”，选择白色的区域，如图6-3-27所示。

图6-3-27　选择白色的区域

（25）使用快捷方式“Ctrl+Shift+I”进行反选，然后在图层面板的最下方单击“添加图层蒙版”按钮，给“耳机”图层添加一个图层蒙版，用来隐藏白色的区域。完成后取消选择。效果如图6-3-28所示。

图6-3-28　添加素材图像“耳机”的效果

（26）在“耳机”图层的蒙版图标上单击鼠标左键，激活该图层蒙版，以保证当前是在蒙版中进行编辑。使用白色的边缘羽化画笔在素材图像“耳机”下方进行涂抹，将刚才隐藏的底部投影显示出来。前后效果对比如图6-3-29所示。

图6-3-29　前后效果对比

（27）调整位置后，整体效果如图6-3-30所示。

（28）打开“耳机2.jpg”和“键盘.jpg”两个素材图像，并拖曳至文档内，分别修改图层名称为“耳机2”和“键盘”。修改素材图像大小及位置，效果如图6-3-31所示。

图6-3-30　整体效果

图6-3-31　添加素材图像“耳机2”“键盘”的效果

（29）分别输入“苹果配件”“半价”“疯”和引号。选择“窗口”→“字符”，打开“字符”对话框，调整文字大小、位置、颜色等参数。字体选择“方正粗倩简体”，红色为“R：201。G：14。B：44”，灰色为“R：204。G：204。B：204”。效果如图6-3-32所示。

（30）在工具栏中选择钢笔工具，在图像中按顺序绘制一个路径，顺序如图6-3-33所示（注意：1、3、4、5号锚点在创立的时候都是单击鼠标左键，2号点是拖曳鼠标左键）。

图6-3-32　添加文字效果

图6-3-33　顺序

（31）移动鼠标到1号点的位置，钢笔工具图标会出现一个小圆框，单击鼠标左键，以保证绘制的是一个封闭的路径。单击路径面板下方图标，将路径作为选区载入，效果如图6-3-34所示。

（32）使用快捷方式，按住键盘中的“Ctrl+Shift+Alt”键的同时，鼠标左键单击“疯”字图层的图层缩略图，获得交叉选区，如图6-3-35所示。

图6-3-34　载入路径

图6-3-35　获得交叉选区

（33）在“疯”字图层之上新建一个空白图层，填充蓝色（R：0。G：204。B：255）。完成后取消选区。本案例最终效果如图6-3-36所示。

图6-3-36　最终效果