PS五种水晶按钮制作教程集合

P S五种水晶按钮制作教

程集合

The final revision was on November 23, 2020

圆形水晶按钮制作教程

1.新建文件，宽、高都为5，单位cm，分辨率200，模式为RGB，白色背景。

2.用圆形选框工具画出圆形选框，在选区内点鼠标右键，选“通过拷贝的图层”项（图层1）。

3.新建图层（图层2），使用渐变工具，设置成“前景色到透明渐变”，前景色设置为R：

255，拉出如图渐变。

4.新建图层（图层3），在新图层上用喷笔画出阴影（也可填充颜色，然后用椭圆选区羽化后删

除，但是那样效果没有用喷笔来得自然好看，小魔星就不在此赘述：P）

5.新建图层（图层4），在新图层上画出椭圆选区。

6.在图层4上使用渐变工具，前景色设置为R：255；G：255；B：255。

7.新建图层（图层5），使用钢笔工具任意画一个图形。

8.在路径工作区中点选“将路径作为选区载入”，将钢笔路径转换成选区。

9.填充前景色。

10.将图层5拉至图层4之下。

11.图层属性设置为“叠加”。

12.把工作区换到图层1（通过拷贝的白色圆形），双击图层，跳出图层样式框，参数设置如

图。

13.现在就是大功告成拉~~哈哈哈~~~如果想再做其他颜色的水晶按钮不必再一个个重复做~只要

点ctrl+U调整色相就OK了：）

金属边框按钮

一.背景的制作:

1.打开photoshop 新建一个400*400的文件最好是"RGB"颜色用黑白圆形渐变绘制如<图2>所示渐变

<图1>?

<图2>

2.选择滤镜 > 杂色> 添加杂色数值如 <图3> 所示?

<图3>

3.选择滤镜 > 艺术效果 > 底纹效果数值如 <图4> 所示?

<图4>

背景效果图如图5(第一步大功告成):

<图5>

一.水晶部分的制作:

1.新建一个图层命名为“水晶--底1”，按 Ctrl + R 调出标尺拉两条如图所示参照线，以参照线的交点为圆心，用椭圆选取工具按住 ALT + Shift 绘制图6 所示的正圆。

<图6>

2.按Ctrl + ’ 隐藏参照线，选择渐变工具在“水晶--底1”这层绘制渐变，渐变颜色：黑白渐变，渐变方式：放射性渐变，渐变路线：由选区的左上角按住 Shift 向右下方渐变如图7

<图7>

3.按 Ctrl + D 取消选区渐变的效果如图8

<图8>

4.双击图层“水晶--底1”调出图层样式分别选择描边和投影相关参数如图9 图10 效果如图11?

<图9>

<图10>

5.用椭圆选取工具在刚绘制圆形上绘制如图12所示的椭圆，按 Ctrl + Alt + D 羽化，数值为25，再按 Ctrl + M 把所选的区域调成高光如图13

<图12>

<图13>

6.按Ctrl + D 取消选区，在“水晶--底1”上面新建一层命名为：“水晶--底2”,再按Ctrl + ’ 调出参照线，然后用椭圆选取工具绘制图14所示的正圆。

<图14>

7.用渐变工具绘制渐变：渐变颜色：黑白渐变，渐变方式：放射性渐变，渐变路线：由选区的右下角按住 Shift 向左上角方渐变渐变效果如图15。

<图15>

8.不要取消选区，在图层“水晶--底2”上再新建一层命名为：“水晶--底3”，选择：选择 > 修改 > 收缩数值为：3 如图16。

<图15>

<图16>

9.在图层“水晶--底3”绘制渐变：渐变颜色：深绿（R:0 G:63 B:41）白渐变，渐变方式：放射性渐变，渐变路线：由选区的右下角按住 Shift 向左上角方渐变按Ctrl + ’ 取消参照线渐变效果如图17。

<图17>

10.双击“水晶--底3”调出图层样式，选择描边，数值为1，颜色为黑色，透明度为25%，在“水晶--底3”上面新建一层命名为：“水晶--内阴影” 调出“水晶--底3”的选区，（方法：用鼠标点击图18红色部分位置，下同）填充黑色。

<图18>

11.选择菜单：选择 > 修改 > 收缩数值为：3 再按Ctrl + Alt + D 羽化，数值为5，按删除键删掉选择部分，取消选区（按 Ctrl+D）效果如图19。

<图19>

12.在“水晶--内阴影”上新建一层命名为“水晶--内发光”调出“水晶--底3”的选区（方法参照第9步下同），填充白色，选择菜单：选择 > 修改 > 收缩数值为：3，再按Delete 删除中心部分如图20。

<图20>

13.选择橡皮工具，设置如图21，把白圈的部分地方擦除，效果如图22。

<图21>

<图22>

14.在“水晶--内阴影”上新建一层命名为“水晶--底高光”调出“水晶--底3”的选区（方法参照第9步下同），用椭圆选取工具按住ALT键，在选区切出如图23所示的选区，按 Ctrl + Alt + D 羽化数值为3，再填充白色，取消选区，把图层的透明度调为30% 如图24。

<图23>

<图24>

15.在“水晶--底高光”上新建一层命名为“水晶--大光圈”，按Ctrl + ’ 调出参照线，在中心绘制一个正圆填充白色，取消选区，把这层的透明度调为10% 效果如图25。

<图25>

16.在“水晶--大光圈”上新建一层命名为“水晶--顶高光”，按Ctrl + ’ 调出参照线，在中心绘制一个正圆填充白色，取消选区，再添加蒙版如图26。

<图26>

17.选择黑白渐变，方向：从上到下渐变，效果如图27。

<图27>

18.在“水晶--大光圈”上新建一层命名为：“水晶--底高光1”，调出“水晶--底3”的选区，选择菜单：选择 > 修改 > 收缩数值为：4,再用椭圆选区工具按住 ALT 键切出图28所示的选区，然后填充白色。

<图28>

19.取消选区，用钢笔工具把尖角的地方勾出圆角,按Ctrl + Enter 调出选区再按 Delete 删除选区部分。如图29,30。

<图29>

<图30>

20.取消选区，添加蒙版，用黑白渐变按图31所示方向渐变。

<图31>

21.在“水晶--底高光1”上新建一层命名为：“水晶--底高光2”,用椭圆选取工具绘制一个小椭圆，填充白色如图32所示，再按 Ctrl + T 调出变形工具，把椭圆略向上倾斜,按 Enter 键应用变形如图33所示。

<图32>

<图33>

22.在“水晶--底高光2”上新建一层命名为：“水晶--顶反光1”,用钢笔工具绘制如图34所示的图形，按Ctrl + Enter 调出选区，再填充白色，然后按 Ctrl + D 取消选区。

<图34>

23.添加蒙版，用黑白渐变按图35所示方向渐变。

<图35>