Photoshop平面设计：积分卡操作案例

1.准备素材

搜集素材并进行处理，如图5.16所示。

2.制作积分卡的正面效果图

（1）新建文件并设置背景色

新建文件，设置大小为1561像素×987 像素，分辨率为300 像素/英寸，将文件以“积分卡正面.psd”为名保存。选择“圆角矩形工具”，设置填充颜色为粉红色，绘制圆角矩形，如图5.17所示。

图5.16　搜集素材

图5.17　新建文件并设置背景色

（2）制作彩条图案

新建图层，将图层命名为“彩条”。选择“钢笔工具”绘制路径，并为其填充不同的颜色。调整图片到合适的大小和位置，如图5.18所示。

（3）添加图片

打开素材图5.16，将其拖动到图像窗口中，按Ctrl+T组合键将图片调整到合适的大小和位置，如图5.19所示。

图5.18　制作彩条图案

图5.19　添加图片

（4）添加文字信息

选择“横排文字工具”，设置字体样式为黑体，大小为14 点，颜色为4 种不同的颜色，输入“快乐女孩”并为文字添加“图层样式/描边”，制作白色描边和咖色描边效果。输入积分卡卡号，设置文字颜色为黑色。输入“VIP”，选择“渐变工具”进行渐变填充，并为其添加“图层样式/描边”，制作玫红色描边效果，如图5.20所示。

（5）绘制LOGO

选择“自定形状工具”，设置颜色为玫红色，绘制“心形”图形并为其添加两次“图层样式/描边”效果。选择“横排文字工具”，输入“LOGO”并为其设置4 种不同的颜色。绘制心形路径，选择“画笔工具”，设置画笔大小和颜色，并进行路径描边，在“心形”图形的周围绘制简单的装饰图案，如图5.21所示。

图5.20　添加文字信息

图5.21　绘制LOGO

（6）绘制圆点图案

选择“画笔工具”，设置画笔的大小和前景色，绘制圆点图案，美化背景效果，保存图片。积分卡正面效果图制作完成，如图5.22所示。

3.制作积分卡的背面效果图

（1）新建文件并设置背景色

新建文件，设置大小为1561×987 像素，分辨率为300 像素/英寸，将文件以“积分卡背面.psd”为名保存。选择“圆角矩形工具”，设置填充颜色为玫红色，绘制圆角矩形，如图5.23所示。

图5.22　绘制圆点图案(www.xing528.com)

图5.23　新建文件并设置背景色

（2）绘制磁条图案

新建图层，将图层命名为“磁条”。选择“矩形工具”，设置填充颜色为黑色，绘制矩形，调整矩形到合适的大小和位置，如图5.24所示。

（3）绘制签名条图案

新建图层，将图层命名为“签名条”。选择“横排文字工具”，设置字体样式为黑体，大小为10 点，颜色为黑色，输入“持卡人签名”。选择“矩形工具”，设置填充颜色为白色，绘制矩形，调整矩形到合适的大小和位置，如图5.25所示。

图5.24　绘制磁条图案

图5.25　绘制签名条图案

（4）绘制圆点图案

选择“横排文字工具”，设置文字属性，输入如图5.26所示的文字，调整文字到合适的位置。选择“画笔工具”，设置画笔大小和颜色，绘制与“积分卡正面”相同的圆点图案，保存图片。积分卡背面效果图制作完成，如图5.26所示。

4.制作积分卡的效果图

新建文件，设置大小为600 像素×600 像素，分辨率为300 像素/英寸，将文件以“积分卡.psd”为名保存。设置背景色为白色，打开素材图5.19和图5.24，将其拖动到图像窗口中，调整其到合适的大小和位置。其效果如图5.27所示。

图5.26　绘制圆点图案

图5.27　最终效果

作品赏析

优秀积分卡设计如图5.28和图5.29所示。

图5.28　积分卡设计代表作品1

图5.29　积分卡设计代表作品2

巩固训练

使用提供的素材，设计一张积分卡。要求如下：

1）积分卡设计应与店铺风格统一；

2）积分卡文字醒目突出；

3）能熟练使用钢笔工具、圆角矩形工具、图层样式等。

考核评价