PS设计入门-快速制作商场积分卡

思路分析

本例设计的是商场积分卡，整体色调以黄色为主，搭配放大的花瓣图像，并添加投影、浮雕效果，使积分卡更显精致大气。

技术点睛

运用“渐变工具”制作背景以花瓣图形的渐变效果。运用图层样式制作投影、浮雕效果。

案例欣赏

教程正文

（1）启动Photoshop，按Ctrl+N组合键新建一个“商场积分卡”文件，具体参数设置如下图所示。

（2）选择“渐变工具”，然后打开“渐变编辑器”对话框，接着设置第1个色标的颜色为白色、第2个色标的颜色为（R:255，G:224，B:157），最后按照如下图所示的方向为“背景”图层填充使用径向渐变色。

（3）新建一个“图层1”，使用“矩形选框工具”绘制一个合适的矩形选区，然后打开“渐变编辑器”对话框，接着设置第1个色标的颜色为（R:246，G:242，B:217）、第2个色标的颜色为（R:255，G:214，B:97），最后按照如下图所示的方向为“背景”图层填充使用径向渐变色。

（4）新建一个“图层2”，然后使用“钢笔工具”绘制路径选区，接着设置前景色为（R:248，G:191，B:21），最后按Alt+Delete组合键用前景色填充路径选区，效果如下图所示。

（5）新建一个“图层4”，然后使用“钢笔工具”绘制一个路径选区，接着打开“渐变编辑器”对话框，设置第1个色标的颜色为（R:246，G:244，B:222）、第2个色标的颜色为（R:247，G:202，B:115），最后按照如下图所示的方向为选区填充使用径向渐变色。

（6）按Ctrl+Alt+T组合键进入自由变换并复制状态，然后调节自由变换中心点如下图所示位置，接着在选项栏中设置旋转为60°，最后按Enter键确认操作。

（7）连续按若干次Shift+Ctrl+Alt+T组合键按照上一步的复制规律继续复制图形，然后删除多余的部分，最后选中所有副本图层，并将其合并为“图层3”，效果如下图所示。

（8）执行“图层>图层样式>投影”菜单命令，打开“图层样式”对话框，然后设置投影颜色为（R:151，G:151，B:151）、“角度”90°、“距离”9像素、“大小”10像素，效果如下图所示。

（9）在PS中添加LOGO文件（这里只是示意，你可以添加你自己的LOGO文件），将其拖曳到“商场积分卡设计”操作界面中，然后调整大小和位置，接着将新生成的图层更名为“标志”图层，最后使用“横排文字工具”在标志右边输入文字信息，效果如下图所示。

（10）使用“横排文字工具”在绘图区域中输入文字信息，然后执行“图层>图层样式>渐变叠加”菜单命令，打开“图层样式”对话框，接着打开“渐变编辑器”对话框，设置第1个色标的颜色为（R:255，G:247，B:227）、第2个色标的颜色为（R:136，G:110，B:7），最后设置“角度”为-83°，效果如下图所示。

（11）继续使用“横排文字工具”在绘图区域中输入文字信息，然后执行“图层>图层样式>描边”菜单命令，打开“图层样式”对话框，接着设置“大小”为4像素、“颜色”为（R:101，G:62，B:2），效果如下图所示。

（12）按住Alt键将“会员”文字图层的“渐变叠加”样式拖曳到“积分卡”图层上，效果如下图所示。

（13）使用“横排文字工具”在绘图区域中输入文字信息，效果如下图所示。

（14）使用“横排文字工具”在绘图区域中输入文字信息，然后执行“图层>图层样式>斜面和浮雕”菜单命令，打开“图层样式”对话框，接着设置“大小”为5像素、高光不透明度为100%、阴影不透明度为100%，最后单击“斜面与浮雕”样式下面的“等高线”选项，打开“等高线”对话框，设置“范围”为27%，如下图所示。

（15）在“图层样式”对话框中单击“投影”样式，然后设置阴影颜色为（R:168，G:168，B:168）、“距离”为7像素、“大小”为5像素，如下图所示。

（16）新建一个“积分卡”图层组，然后将所有的图层拖曳进组中，接着按Ctrl+J组合键复制所有图层并合并，并将新生成的图层更名为“倒影”，最后执行“编辑>变换>垂直翻转”菜单命令，效果如下图所示。

（17）为“倒影”图层添加一个图层蒙版，接着使用“渐变工具”在蒙版中从下往上填充黑色到透明的线性渐变，最后设置该图层的“不透明度”为44%，最终效果如下图所示。

课后讲解

本课是一篇很基础的PS设计课程，难易指数：★★★☆☆，可以帮助初学者通过案例快速上手Photoshop的基本操作。

爱读微课（iread360.com）原创读物｜爱上PS