1 / 水晶按钮

在浏览网页或者在玩游戏时，会遇到各种各样的按钮，那么各种各样的按钮都是怎么制作出来的呢？是不是有些迫不及待地想要自己试一下了呢？接下来就让我们一起出发吧！

使用到的技术 椭圆工具、钢笔工具、图层样式、形状图层、椭圆选框工具

学习时间45分钟

视频地址 光盘/第1天/水晶按钮.swf

源文件地址 光盘/第1天/水晶按钮.psd

01执行【文件】→【新建】命令，在弹出的对话框中进行设置，单击【确定】按钮，新建一个空白文档。

02设置“前景色”为CMYK（79、74、71、74），按快捷键【Alt+Delete】，填充“前景色”。

03使用“椭圆工具”，按住【Shift】键，在画布中绘制一个正圆。

04双击该图层，在弹出的对话框中进行设置。

05选择“光泽”选项，进行相应的设置。

06用相同方法，选择“渐变叠加”、“描边”等选项，对其参数进行相关设置，得到图像效果。

07使用“椭圆工具”，在画布中绘制路径。

08将路径转化为选区，为选区填充黑白线性渐变，并设置该图层的“不透明度”。

09新建“图层2”，使用“椭圆选框工具”在画布中绘制正圆，为其填充黑色。

10用相同方法，为该图层添加相应的图层样式。

11设置该图层的“混合模式”和“不透明度”。

12用相同方法，完成相似内容的制作。

13新建“图层9”，使用“椭圆选框工具”绘制选区，为选区填充白色到透明的渐变。

14设置其“混合模式”为“颜色减淡”，“不透明度”为60%。

15载入“图层2”选区，新建“图层10”，为选区填充线性渐变。

16设置其“混合模式”为“柔光”，“不透明度”为35%。

17用相同方法，完成相似内容的制作。

18按快捷键【Ctrl+E】合并图层，并为该图层添加相应的图层样式。

19使用“钢笔工具”在画布中绘制路径。

20将路径转化为选区，新建“图层12”，为选区填充白色。

21取消选区，设置“混合模式”为“柔光”，“不透明度”为50%。

22用相同方法，完成相似内容的制作。

23调整图形大小，使用“矩形选框工具”，在画布中绘制选区，新建“图层13” 为选区填充白色。

24使用“椭圆选框工具”在画布中绘制正圆选区，将选区内的部分，按【Delete】键删除。

25为该图层添加图层蒙版，为蒙版填充黑白径向渐变。

26设置该图层的“不透明度”，并调整图层的顺序。

27用相同方法，完成相似内容的操作。至此完成水晶按钮制作。

2 / 时尚杂志封面

杂志封面是杂志设计的重要组成部分，也就是所谓的“脸面”。杂志封面的设计也有一定的设计原则，即遵循美的原则，可以充分地体现出杂志书籍的内涵。接下来就一起学习杂志封面的制作吧！

使用到的技术 画笔工具、钢笔工具、路径、横排文字工具

学习时间45分钟

视频地址 光盘/第1天/时尚杂志封面.swf

源文件地址 光盘/第1天/时尚杂志封面.psd

01执行【文件】→【新建】命令，弹出“新建”对话框，设置参数，单击【确定】按钮，新建一个空白文档。

02执行【视图】→【标尺】命令，在文档中显示标尺，在画布中拖出4条参考线为出血线。

03设置“前景色”为CMYK（5、18、32、0），按快捷键【Alt+Delete】，进行填充。

04打开素材“光盘/源文件/第1天/素材/001.tif”，拖入设计文档中，调整合适的位置，自动生成“图层1”。

05设置该图层“混合模式”和“不透明度”。

06新建“图层2”，设置前景色为CMYK（10、81、13、0），使用“画笔工具”，在画布中进行涂抹。

07用相同方法，完成相似内容的制作。

08打开相应的素材并调整到合适的位置。

09双击“图层5”，为该图层添加“投影”图层样式，对其参数进行设置。

10单击【确定】按钮，完成操作。

11用相同方法，完成相似内容的制作。

12使用“画笔工具”，打开“画笔”面板，进行相应的设置。

13选择“散布”选项，并对其参数进行设置。

14新建“图层10”，设置画笔颜色为白色，使用“画笔工具”在画布中进行涂抹。

15使用“自定形状工具”，打开“自定形状”拾色器，选择合适的形状。

16在画布中拖曳鼠标绘制路径，并将路径转化为选区，新建“图层11”，为选区填充白色。

17取消选区，按快捷键【Ctrl+T】对图像进行调整，并为该图层添加“外发光”图层样式，对其参数进行设置。

18选择“描边”选项，对其参数进行设置。

19复制“图层11”，调整图像大小位置。

20使用“钢笔工具”，在画布中绘制路径，新建“图层12”，设置“前景色”为白色。

21使用“画笔工具”，打开“路径”面板，单击“用画笔描边路径”按钮，完成对路径的描边操作。

22复制“图层12”，按键盘上的方向键，调整图像的位置。

23用相同方法，完成相似内容的制作，按快捷键【Ctrl+E】将图层合并。

24打开素材“光盘/源文件/第1天/素材/008.tif”，拖入设计文档中，调整合适的位置。

25使用“画笔工具”选择合适的笔触，打开“画笔”面板，进行相应的设置。

26使用“自定形状工具”，选择合适的形状，在画布中拖曳鼠标绘制路径，设置前景色为CMYK（18、63、0、0）。

27新建“图层14”，打开“路径”面板，单击“用画笔描边路径”按钮，完成对路径的描边操作。

28使用“横排文字工具”，在“字符”面板中进行设置，在画布中输入文字。

29用相同方法完成相似内容操作，得到最终效果。

3 / 竖版名片的制作

名片是让更多人认识你的媒介，所以，一张简单而大方的名片更能吸引人们的注意。接下来通过一个名片的制作为大家讲解相关的知识。准备好了吗？让我们一起出发吧！

使用到的技术 钢笔工具、横排文字工具

学习时间20分钟

视频地址 光盘/第1天/竖版名片的制作.swf

源文件地址 光盘/第1天/竖版名片的制作.psd

01执行【文件】→【新建】命令，在弹出的对话框中进行设置。

02在文档中显示标尺，在标尺中拖出4条参考线，定位4边的出血。

03设置“前景色”为CMYK（70、15、0、0），按快捷键【Alt+Delete】，填充“前景色”。

04使用“钢笔工具”，在画布中绘制路径。

05按快捷键【Ctrl+Enter】，将路径转换为选区，新建“图层1”，为选区填充白色。

06用相同方法，在画布中绘制路径，并转换为选区。

07新建“图层2”，为选区填充白色。

08用相同方法，完成相似内容的制作。

09在画布中绘制路径，并将其转换为选区。

10选中“图层1”，按键盘上的【Delete】键，将选区中的内容删除。

11用相同方法，完成相似内容的制作。

12使用“横排文字工具”，在“字符”面板中进行设置，在画布中输入文字。

13用相同方法，完成其他内容的制作。至此完成竖版名片的制作。

4 / 个人名片的制作

在商业场合中，名片是至关重要的，一张个性的名片，能让人过目不忘，下面是一张流线型的名片，接下来就让我们一起学习吧！

使用到的技术 钢笔工具、横排文字工具、直线工具、矩形选框工具

学习时间20分钟

视频地址 光盘/第1天/个人名片的制作.swf

源文件地址 光盘/第1天/个人名片的制作.psd

01执行【文件】→【新建】命令，在弹出的对话框中进行相应的设置。

02在文档中显示标尺，在标尺中拖出4条参考线，定位4边的出血。

03使用“渐变工具”，打开“渐变编辑器”，设置渐变颜色。

04使用鼠标在画布中拖动填充线性渐变。

05使用“钢笔工具”，在画布中绘制路径。

06将路径转换为选区，设置“前景色”为CMYK（69、14、9、0），新建“图层1”，为选区填充“前景色”。

07用相同方法，完成相似内容的制作。

08使用“矩形选框工具”，在画布中绘制矩形选区。

09新建“图层6”，设置“前景色”为CMYK（72、28、10、0），为选区填充“前景色”。

10按快捷键【Ctrl+T】对其进行变换操作。

11用相同方法，完成相似内容的制作。

12使用“横排文字工具”，在画布中输入文字。

13用相同方法，完成名片的制作。

5 / 网吧会员卡

随着社会的发展，会员卡走进了千家万户，为了吸引更多的消费者，各个商场、娱乐场所等都有属于自己的会员卡，接下来学习网吧会员卡的制作。

使用到的技术 横排文字工具、画笔工具、渐变工具、斜切

学习时间45分钟

视频地址 光盘/第1天/网吧会员卡.swf

源文件地址 光盘/第1天/网吧会员卡.psd

01执行【文件】→【新建】命令，在弹出的对话框中进行相应的设置。

02执行【视图】→【标尺】命令，在文档中显示标尺，在画布中拖出4条参考线为出血线。

03新建“图层1”，使用“渐变工具”，打开“渐变编辑器”，设置渐变颜色。

04单击鼠标左键，在画布中拖动鼠标填充径向渐变。

05使用“圆角矩形工具”，在画布中绘制路径，按快捷键【Ctrl+T】进行调整。

06新建“图层2”，将路径转化为选区，为选区填充线性渐变。

07复制“图层2”，设置“前景色”为CMYK（0、75、100、0），填充“前景色”，并调整图像的位置。

08用相同方法，完成相似内容的制作。

09使用“横排文字工具”，在“字符”面板中进行设置，在画布中输入文字。

10栅格化文字，命名为“图层3”，按快捷键【Ctrl+T】对文字进行变形操作。

11复制“图层3”，得到“图层3副本”，载入“图层3 副本”选区，填充相应的颜色，并调整文字的位置。

12双击“图层3”，在弹出的对话框中进行设置。

13用相同方法，完成相似内容的制作。

14打开素材图像“光盘/源文件/第1天/素材/010.tif”，拖入到设计文档中，调整合适的位置。

15复制“图层5”，按快捷键【Ctrl+T】对图像进行变换操作，并调整合适的位置。

16使用“画笔工具”，打开“画笔”面板，在面板中进行相应的设置。

17继续选择“散布”选项，并对其参数进行设置。

18新建“图层7”，设置“前景色”为白色，使用“画笔工具”在画布中进行涂抹。

19打开相应的素材并调整到合适的位置。

20复制并调整各个素材的大小。

21使用“横排文字工具”，在“字符”面板中进行设置，在画布中输入文字。

22输入其他文字。

23使用“矩形选框工具”，在画布中绘制选区。

24新建“图层9”，为选区填充白色。

25完成网吧会员卡的制作，得到最终效果。

6 / VIP卡

在商业发达的市场经济社会中，各种会员卡已经成为企业形象和文化宣传展示的重要手段之一，也是消费者身份的象征。相信你自己手中也有各种不同的会员卡吧！那么它们都是怎么制作的呢？让我们一起来学习下吧！

使用到的技术 渐变工具、图层蒙版、画笔工具

学习时间45分钟

视频地址 光盘/第1天/VIP卡.swf

源文件地址 光盘/第1天/VIP卡.psd

01执行【文件】→【新建】命令，在弹出的对话框中进行设置。

02执行【视图】→【标尺】命令，在文档中显示标尺，在画布中拖出4条参考线为出血线。

03使用“圆角矩形工具”，在“选项栏”中设置相关选项，在画布中进行绘制。

04将路径转化为选区，打开“通道”面板，单击“将选区存储为通道”按钮，创建模切。

05新建“图层1”，使用“渐变工具”，打开“渐变编辑器”，设置渐变颜色。

06单击鼠标左键，在画布中拖动鼠标填充径向渐变。

07打开素材“光盘/源文件/第1天/素材/012.tif”，拖入设计文档中，调整合适的位置。

08打开相应的素材并调整到合适的位置，执行【图层】→【剪贴蒙版】命令，得到图像效果。

09为该图层添加图层蒙版，使用“画笔工具”，在画布中进行涂抹，并设置该图层的“不透明度”。

10用相同方法，完成相似内容的制作。

11使用“横排文字工具”，在“字符”面板中进行设置，在画布中输入文字。并命名为“图层4”。

12复制“图层4”，设置文字的颜色为CMYK（40、98、0、0），按键盘上的方向键，调整文字的位置。

13用相同方法，完成相似内容的制作。

14新建“图层11”，使用“矩形选框工具”在画布中绘制选区，为选区填充白色。

15使用“自定形状工具”，打开“自定形状”拾色器，选择合适的形状。

16在画布中拖曳鼠标绘制路径，并将路径转化为选区。

17新建“图层12”，设置“前景色”为CMYK（45、71、25、14），为选区进行填充“前景色”。

18用相同方法，完成相似内容的制作。

19打开相应的素材，拖入设计文档中，调整合适的位置。

20复制“图层14”，按快捷键【Ctrl+T】对图像进行变换，并调整合适的位置。

21按住【Ctrl】键单击“图层14副本”缩览图，载入选区，设置“前景色”为CMYK(49、55、60、40)，进行填充。

22用相同方法，完成相似内容的制作。

23完成VIP卡的制作，得到最终效果。

☆ 总结扩展 ☆

上面的几个案例主要介绍了几种不同卡片、按钮、封面的设计方法，在设计制作过程中主要使用了椭圆选框工具、钢笔工具、横排文字工具等命令和工具，具体要求如下表：

今天是学习的第一天，平时那些看似精美而且复杂的设计，现在是不是觉得没那么难了？完成今天的学习后，需要能够掌握一些Photoshop的基本操作和设计的相关知识，通过自己的练习和努力，逐步提高自己在设计方面的水平。在接下来的一天中，我们将要学习各种logo的制作方法，你们都准备好了吗？让我们一起出发吧！