水晶给人以晶莹剔透的视觉印象，本实例制作的水晶材质的按钮，就要抓住水晶本身特殊的质感，模拟水晶的外观材质特征，做出光润透明的按钮效果。如图3-2所示，为本实例的完成效果。
图3-2 本实例完成效果技术提示
在本实例的完成效果中可以看到模拟水晶质感的按钮晶莹剔透，惹人喜爱。在绘制前应先来分析物体的色彩、明暗、光影变化和光泽变化，然后再通过绘制局部形状、设置颜色、添加透明效果的方法来制作。在绘制过程中要注意光线的统一，这样整幅画面不会出现太乱的情况。如图3-3所示，为本实例的制作流程。
图3-3 本实例制作流程制作步骤1. 创建主体图像和长条按钮
（1）启动Photoshop，执行“文件”→“新建”命令，参照图3-4所示对打开的“新建”对话框进行设置，完毕后单击“确定”按钮，创建一个名为“水晶材质按钮”的新文档。
图3-4 设置“新建”对话框
（2）设置前景色为天蓝色（R55、G162、B255），按下<Alt+Delete>键，使用前景色填充背景。接着单击“图层”调板底部的
图3-5 绘制路径
（3）按下<Ctrl+Enter>键，将路径转换为选区，设置前景色为深蓝色（R0、
图3-6 填充颜色
（4）执行“图层”→“图层样式”→“斜面和浮雕”命令，打开“图层样式”对话框，参照图3-7所示设置对话框，为图像添加图层样式效果。
图3-7 设置“图层样式”对话框
（5）新建“图层
2”，使用
图3-8 绘制渐变图像
（6）保持选区的浮动状态，执行“选择”→“变换选区”命令，对选区的大小进行调整，调整完毕后，按下<Enter>键，完成变换选区操作，如图3-9所示。
提示：另外一种变换选区的操作是，保持选区浮动，右击鼠标，从弹出的快捷菜单中选择“变换选区”命令，然后对选区进行调整。
图3-9 变换选区
（7）依次执行“选择”→“修改”→“收缩”命令和“选择”→“羽化”命令，参照图3-10所示对其进行设置，将选区收缩并羽化。
图3-10 设置“收缩选区”和“羽化选区”对话框
注意：在使用画笔进行绘制的时候，应将图像想象成一个立体的圆球。这样再去绘制，就会根据球体在整个画面中所处的位置及光照角度，有选择地绘制受光面和背光面。
图3-11 绘制图像
（9）按下<Ctrl>键的同时单击“图层 2”前的图层缩览图，将该图层中的图像作为选区载入，按下<Ctrl+Shift+I>键，将选区反转，确定“图层 3”为当前可编辑状态，按下<Delete>键，将选区内的图像删除并取消选区，如图3-12所示。
图3-12 删除多余图像
（10）单击“图层”调板底部的
提示：对图像执行斜面和浮雕命令使得图像出现自然的高光效果。
图3-13 设置图层样式
（11）新建“图层 4
图3-14 绘制亮部图像
（12）接下来使用同样方法，在视图右侧制作出如图3-15所示的图像效果。
图3-15 绘制其他图像
（13）使用工具箱中的
提示：根据图像弧度的大小来调节路径的弧度，在调整的过程中要注意彼此间的透视关系。
图3-16 绘制并调整路径
（14）在“图层”调板中，新建一个图层（即“图层 7”），按下<Ctrl+Enter>键，将路径转换为选区，使用灰蓝色（R99、G146、B176）填充选区，如图3-17所示。
图3-17 填充颜色
（15）保持选区浮动状态，执行“选择”→“修改”→“收缩”命令，将选区收缩2个像素，接着新建“图层 8”，再次使用同样的灰蓝色填充选区，然后再将选区取消。如图3-18所示。
图3-18 修改选区并填充颜色
（18）将“图层 7”和“图层 8”的混合模式均设置为“叠加”，然后为“图层 7”添加“内阴影”图层样式效果，如图3-19所示。
图3-19 设置“内阴影”效果
提示：设置图层的混合模式为“叠加”，图案或颜色将在现有像素上叠加，同时保留底层基色的明暗对比。
（19）按下<Ctrl>键的同时单击“图层 8”前的图层缩览图，将该图层中的图像作为选区载入，然后在“通道”调板中，单击调板底部的
图3-20 创建Alpha 1通道
（20）选择工具箱中的
图3-21 编辑通道
（21）执行“滤镜”→“模糊”→“高斯模糊”命令，打开“高斯模糊”对话框，
图3-22 设置“高斯模糊”对话框
（22）按下<Ctrl>键的同时单击Alpha 1通道，将该通道作为选区载入，然后切换到“图层”调板，新建“图层 9”，使用白色将选区填充并取消选区，效果如图3-23所示。
提示：通道是存储不同类型信息的灰度图像，创建Alpha通道，将选区存储为灰度图像。可以使用 Alpha 通道创建并存储蒙版，对于一个新的 Alpha 通道，可以使用绘画工具、编辑工具或者滤镜向其中添加蒙版，这些蒙版使用户可以处理、隔离和保护图像的特定部分。
图3-23 制作高光图像
（23）选择工具箱中的
图3-24 创建变形文字
（24）对“home”文字图层进行复制，创建“home
副本”图层，将该图层的混合模式设置为“叠加”，并将创建的副本文字的颜色设置为白色。接着使用
图3-25 制作文字立体效果
提示：在“图层”调板中创建出文字的副本图层之后，当对其副本文字的属性进行更改时，副本文字的所在图层名称会自动更新，并且“副本”二字自动消失。
图3-26 制作其他文字
（26）将“图层 8”中的图像作为选区载入，接着在“图层”调板的顶端再新建一个图层，使用深蓝色填充选区，并将选区取消，如图3-27所示。
图3-27 制作深蓝色图像
（27）单击“图层”调板底部的
图3-28 编辑蒙版
（28）新建一个图层，使用工具箱中的
图3-29 制作斑点图像
（29）参照图3-30所示复制出其他斑点图像，并分别调整图像的大小和位置。
图3-30 制作斑点图像
2、制作圆形按钮
（1）使用工具箱中的
图3-31 为图像添加发光效果
（2）创建一个新图层，设置前景色为蓝色（R40、G37、B152），使用
图3-32 绘制正圆图像
（3）将刚绘制的正圆图像作为选区载入，接着再新建一个图层，将前景色设置为淡蓝色（R186、G230、B248），使用
注意：保持选区的浮动状态，在绘制按钮反光时，根据按钮的材质特征，绘制高反光的效果。
图3-33 绘制反光图像
（4）新建一个图层，使用
图3-34 制作高光图像
（5）使用同样方法，制作出其他色调的按钮图像，如图3-35所示。
图3-35 制作其他按钮图像
（6）打开本书附带光盘\Chapter-03\“管道装饰.psd”文件，使用
图3-36 添加管道装饰图像
（7）最后在视图中添加相关的文字信息和装饰图像，完成本实例的制作，如图3-37所示。如果读者在制作过程中遇到什么问题，可打开本书附带光盘中的源文件进行查看，其路径为：附带光盘\Chapter-03\“水晶材质按钮.psd”。
图3-37 实例完成效果
推荐阅读-Photoshop分类教程
联系客服
