网页设计水晶按钮怎么做(ps做水晶按钮)-九游娱乐

网页设计水晶按钮怎么做(ps做水晶按钮)

本文主要介绍网页设计如何制作水晶按钮(ps制作水晶)，下面跟着东辰网详细了解一下吧。

12.3.3网络水晶按钮

我们经常在浏览网页时看到一些漂亮的水晶按钮，所以让s利用ps选区、图层混合模式等工具制作这样一个网络水晶按钮。

1.首先，我们打开ps，新建一张图片，大小为500*500像素。CtrlR打开标尺，做两条辅助线，如图12327所示。

2.然后选择椭圆选框工具，按住ShiftAlt键，从辅助线的中心焦点开始画，如图12328所示。然后选择渐变工具，设置渐变颜色，然后填充，如图12329所示。

3.接下来，我们将选择选择菜单，修改并选择收缩。对话框收缩选择和弹出如图12330所示。

4.单击【确定】，选择将被缩小。我们将创建一个新的层，并选择渐变工具再次填充它。效果如图12331所示。让再次创建一个新层，执行上述操作。我们将这里的收缩设置为10个像素。我们选择淡紫色填充颜色，效果如图12332所示。

5.然后我们再次重复上述步骤，如图12333所示。让让我们开始制作按钮的高光。我们将移动选择，如图12334所示。

6.我们Ctrl打开色标并调整其色标值，如图12335所示。

1.我们选择椭圆选择工具，新建一个图层，画一个小椭圆填充，颜色为白色，填充后调整到合适的位置作为按钮的高光。如图12336所示。高光绘制完成后，我们选择钢笔工具新建一个图层，再次绘制高光形状，为图层3绘制高光，如图12337所示。

8.将路径转换为选区，用灰色填充，用模糊工具适当模糊。如图12338所示。我们继续使用【钢笔】工具新建一个图层来绘制按钮的反光面，绘制完成后再将其转化为选区，如图12339所示。

我们用白色和透明渐变填充这个选区，填充效果如图12340所示。

9.现在我们打开图层混合模式，逐个调整每个图层。我们选择【图层1】，右键选择【混合模式】，选择【投影】，设置【不透明度】为75，【距离】】为12，【扩展】值为0，【大小】为13，如图12341所示。

然后选择【倒角和浮雕】选项，参数设置如图12342所示。

10.设置好【开始层】后，让■设置【图层2】，打开【混合模式】对话框，设置参数，选择【投影】，【混合模式】正常，【不透明度】为70%，【角度】为124度，【距离】为5，【扩展】为0，【大小】

11.看【内影】的选项。【混合模式】为正叠加，【不透明度】为75%，【距离】为5像素，【大小】为5像素。如图12344所示。

接下来，选择内部照明的选项，设置不透明度为75%，改变颜色为灰色，块为27%，大小为13像素，范围为51%，其他使用默认值。如图12345所示。

12.最后，让s设置图层的【斜面和浮雕】选项，选择【样式】的外斜面，【方法】为平滑，【深度】为200%，【方向】为向下，【大小】为7像素，【角度】为129度，【不透明度】为75%。如图12346所示。

13.接下来，让我们■设定【第三层】。在【投影】选项中，【不透明度】为75%，【距离】为3像素，【延伸】和【大小】值均为0，如图12347所示。

外部光线与照明选项，颜色是白色的，而尺寸和尺寸是5个像素，那么等高线和样式设置为半圆，而范围和是30%。如图12348所示。

然后【内发光】的参数与外发光基本相同，【轮廓】样式改为凹浅，【范围】为24%，如图12349所示。

【倒角和浮雕】样式为外倒角，【深度】为32%，【方向】为下，【大小】为7，【光面轮廓】样式改为半圆，其他默认使用，如图12350所示。

14.设置【图层4】的混合选项。让■先设定【投影】。设置不透明度为10%，距离、扩展、大小分别为5、75、10。【轮廓线】呈倒锥形。如图12351所示。

【内影】不透明度45%，距离、遮挡、大小分别为20、0、30。默认值用于其他选项，如图12352所示。

设置完成后，单击[确定]。

15我们将选择[背景]层，然后点击新建按钮在背景上创建一个新层。，填充颜色为灰色，如图12353所示。

17.右键单击图层并选择栅格化文本选项，然后调整混合模式。打开图层样式后，选择外部亮度，设置不透明度为75%，延伸为0，大小为20，范围为30%，如图12355所示。

18.完成后，我们单击[确定]。取消辅助线，这样我们的Web水晶按钮就完成了，可以看到最终的效果。如图12356所示。