PS按钮制作高级教程之网页常用水晶按钮（推荐5篇）由网友“瞬间泡泡”投稿提供，下面是小编整理过的PS按钮制作高级教程之网页常用水晶按钮，希望对大家有所帮助。
篇1：PS按钮制作高级教程之网页常用水晶按钮
最终效果图
1、新建一个文件，在工具箱中选择圆角矩形工具，如下图所示设置：
2、新建一个图层后，在画布上拉出一个长方形，就得到这样的结果，（为了更好的给大家讲解，这个图放大了400%显示）
如果大家得到这样的结果。
就需要将“对齐像素”的选项给勾上。
3、为这个图层添加图层样式。
得到结果如图所示，顺便在样式调板中存储着这个样式。
4、使用矩形选框工具，绘制出一个矩形的选区，
5、新建图层后，填充黑色到白色的径向渐变。
6、并将该图层的混合模式改为：柔光，不透明度：60%。
7、新建图层，再绘制出一个矩形选区。
8、填充成白色。
9、并将该图层的混合模式改为：线性减淡，不透明度：30%。
10、使用文字工具写上要的文字，注意在这里要将字体的边缘设置为：无。
11、之前我们创建过一个样式，还记得吗，给文字应用这个样式就可以了。
后面的工作就是换换颜色，改改文字就可以了。
篇2：PS按钮制作高级教程之制作常用水晶按钮
本教程主要是介绍水晶按钮的制作，主要难点是要把按钮的高光和暗调调和谐！
最终效果
1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 120
2.复制圆角矩形图层并缩小
3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了，
4.这是是具体的简便颜色设置
5.给上边的矩形添加样式
6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下图
7.载入上部矩形为选区并新建图层用白色描边，并给该图层添加一个蒙版用渐变工具作出下图效果
8.隐藏背景图层，盖印图层，并用自由变换工具做成倒影，
9.加上文字。
10.最后添加一个色相饱和度可以调成自己喜爱的颜色。
篇3：PS按钮制作高级教程之美女水晶按钮
最终效果图
制作工具：Photoshop CS
制作过程：
1、打开一幅图片，效果如图01所示做为底图，
图01
2、设置前景色为蓝色1E5F96。选择工具箱中的“圆角矩形工具”，设置半径为150，在窗口中绘制如图02所示的形状，命名生成图层为图层1。
图02
3、双击图层1，打开图层样式对话框，选择“投影”样式，设置参数如图03所示，图像效果如图04所示。
图03
图04
4、创建新图层，命名为图层2。设置前景色为亮蓝色00DDFE，背景色设置为深蓝色0260AA，如图05所示。选择工具箱中的“渐变工具”，选择图层2，按Ctrl键单击图层1，载入图层1的选区，从下至上拖动鼠标绘制渐变，取消选择，效果如图06所示。
图05
图06
5、单击图层面板下方的“添加图层蒙版”按钮，为图层2添加蒙版。然后设置背景色和前景色为黑色和白色，选择渐变工具，选择前景色到透明，从左至右，从右至左各拖动一次，图像效果如图07所示。
图07
6、新建图层，命名为图层01，
按住Ctrl键单击图层2，载入选区。设置前景色为白色，按Alt+Delete键填充白色，如图08所示。
图08
7、为图层01添加图层蒙版，选择工具箱中的渐变工具，设置成从黑色到透明，从右到左绘制渐变，使左边显示为纯白色，效果如图09所示。
图09
8、选择菜单栏中的“编辑”“自由变换”命令，在属性栏中设置W为95%，H为95%，然后按确认，效果如图10所示。
图10
9、单击工具箱中的移动工具，再按向左键2次，效果如图11所示。
图11
10、设置该图层的不透明度为70%，效果如图12所示。
图12
11、复制图层01，命名为图层02。按Ctrl+T键，将选择图像的大小缩小为97%，再将图像向左移动2像素，对准到图层01的左侧部分，图像效果如图13所示。
图13
12、复制图层01，命名为图层03，并移动到图层的最上方。选择菜单栏中的“编辑”“变换”“水平翻转”命令，向右移动2像素，并将不透明度设置为40%，效果如图14所示。
图14
篇4：PS按钮制作高级教程之制作蓝色水晶按钮
本教程介绍非常简单的水晶按钮的制作方法，制作的时候只要用圆角矩形拉出按钮的大小，然后加上图层样式和高光即可。教程只是个参考，其他形状的按钮制作方法类似。
最终效果
1、新建一个大小自定的文件，选择圆角矩形工具，半径设置为15像素，前景颜色设置为蓝色，拉出一个圆角矩形，然后双击图层调出图层样式，参数设置如下图。
2、新建一个图层，给按钮添加高光效果，
用圆角矩形工具再画一个较小的圆角矩形，如下图。
3、把高光图层的透明度适当降低，图层混合模式改为“叠加”，效果如下图。
4、调节图层效果，可以做出其他颜色的按钮，最后加上文字完成最终效果。
篇5：PS按钮制作高级教程之制作人像网页按钮
最终效果图
1、新建一个文档，填充自己喜欢的颜色，
2、按Shift+M，直到切换到随圆选框为止，按住Shift键不放，在文 拖出一个圆形选区，如图所示：
3、打开一幅素材图，最好是人物表情生动的，然后全选。如图所示：
注：第一张新建的圆形选区保持不变。
4、回到第一张图（保持选区），将美女图全选后，同时按Shift+Ctrl+V三个键，美女就被粘贴到圆圈中了，面且您还可以随意移动，直到您最舒服的角度。如图所示：
5、进入美女图的通道，找到“图1蒙版”点下面的小圆键，将载入选区，然后回到图层，这时，大图中的美女的边己经被选中，成蚂蚁线状，如图所示：
6、先点图层0，按Ctrl+J复制圆圈部分两次，如图所示，得到图层2及图层2副本后，均保持选区不变，将四个图层的顺序如下图排列。
7、将在最上面的图层圆圈进行“斜面和浮雕”操作，调整值如图所示，您也可根据自己的喜好进行设置，
这时仅作一个参考。
8、紧接上一步骤，效果如图所显示。
9、点“选择”菜单中的“修改”然后“收缩”，收缩量约为12像素左右，这时，我们看到选区己从原先的在圆圈边缩进了一部分，效果如图。
10、按Shitt+M，直到出现矩形工具为上，然后按Alt键，用光标在你觉得合壬适的位置拖出一个矩形，当您释放鼠标左键时，该矩形区域将被从圆形选区中删除，只留下顶部约一半多的部分被选中，这就是我们要把美女放在这里的位置。
11、对话框1中：点图层2，然后选编辑中的“清除”，刚才那个半圆部分被删走了，如对话框2所示，这时，还是不能看到美女，别急，回到最顶的图层，将“填充”100%降低到0%，呵呵，美女马上对您笑了。
注：操作时，一定要保留半圆形的选区。
12、除图层0外（点图层前的小眼睛），合层所有图层，然后添加阴影，设置的值自定，最后在按钮的空处加上喜欢的文字，完成。
★ 如何制作文件夹
★ ps教学设计
★ 学习计算机技巧
★ PS制作网页界面
★ 简历制作样式
★ HTC教程
【PS按钮制作高级教程之网页常用水晶按钮（推荐5篇）】相关文章：
初中基础入门英语口语2023-09-06
PHOTOSHOP教案2022-06-11
PS鼠绘质感玻璃按钮2023-06-23
PS图像处理常用手法和参数介绍2023-09-11
新手：PS人像后期皮肤柔化详细解析教程2022-05-04
FLASH制作个性的旋转圆形网页导航2022-05-06
PS人像皮肤古铜色调后期调色教程2022-07-10
PS画笔预设的应用详解2023-03-21
PS鼠绘精致质感水晶球2023-09-15
使用Photoshop制作金色华丽的端午节艺术字的方法2023-09-27