PS五种水晶按钮制作教程集合
水晶按钮的制作
水晶按钮的制作方法第一种：首先打开Photoshop，新建一个文件，选择：文件→新建菜单命令，会出现如图所示的对话框。
由于按钮的制作尺寸不需要太大，这里预设的宽度和高度分别为271、46。
单位选择为像素，分辨率设置为72像素/英寸，颜色模式为RGB，这也是网页的规定颜色模式。
再按住矩形工具下面的小三角形展开工具，选择“圆角矩形工具”，然后在画布上画一个长110、宽32的圆角矩形，图像自动填充为前景色，如下图：单击图层→图层样式，选择投影，再如图的对话框中拔不透明度设置为75%（根据个人喜爱），距离设置为2像素。
改变设置所生成的效果，可以在右侧预览串口中看到效果。
然后添加一个图层效果，单击“颜色叠加”，在“混合模式”中选择“颜色叠加”，根据个人喜好选取一个颜色（如R：255，G：0，B：51），单击确定，选择颜色后，把“不透明度”设置为57%。
如下图：单击“内发光”，切换到相应的位置，选择一个内发光的颜色，与之前的“颜色叠加”操作一样，选择一个颜色（R：153，G：0，B：0），这是就出现了一个有边缘向内简便的效果。
然后设置大小为10像素（改变这里的数值，就会改变由边缘向中心渐变效果的大小）。
如下图：下面来叠加真正的渐变，这个样式会使按钮出现一个深度感。
单击“渐变叠加”，切换到相应的位置。
选择“反向”，“角度”设置为90度，不透明度设置为78%。
现在方形有了一个自上而下、由深及浅的渐变效果。
如下图：最后制作一个高亮反光。
单击“斜面和浮雕”，切换到相对应的设置，改变设置选项——样式、深度、大小、软化，就会在方形上得到一个白色高光。
为按钮添加文字，单击”文字“按钮，输入文字：唐人游”，字体根据个人喜欢，字号为18，文字距离为75，颜色为R：0，G：102，B：255。
用移动工具，把文字放在按钮的合适位置上。
再给文字做点修饰，单击“图层样式”，选择“图层叠加”叠加一个白色（R：255，G：255，B：255）。
PS制作水晶纽扣
PS制作水晶纽扣如何绘制逼真的高光?如何创造立体的感觉?今天小编分享一个简单水晶纽扣的教程，仅仅利用图层样式跟画笔就可以绘制出精美的高光+3D感，最适合UI设计刚入门的同学了，练习的时候要不断去思考高光和阴影的关系，以及实物的状态，这样才能短期内快速进步呦!下面跟小编一起琢磨一下吧!PS制作水晶纽扣或许入门的PS学徒们都曾经试图制作过诸如一滴水、一个气球或一只苹果这样的拟物玩意儿的设计。
通常让人感到迷惑的是，为什么我们要画一个苹果而不是用照片拍下一个苹果再把它抠出来?我的答案是，学习是没有捷径可走的。
比较快速的做法当然同样可以达到效果，但它带来的收获远没有你用心画一只苹果来得更多。
今天我们要制作的是水晶状的纽扣，它是拟物感觉的，你要在学习的过程中不断去思考高光和阴影的关系，以及实物的状态，这是美术课的内容，但就在你熟练操作了PS的时候，也同样需要这样的基本知识去增强你的设计。
1、新建文件打开PS，新建一个文件(W：800px，H：600px)，背景色填充为深灰色#242424，然后略微给背景填充上径向渐变，让中心看上去更“亮”。
再在该背景层上增加一个圆形，这就是纽扣的”身体”了。
圆形的色彩随大家各自喜欢，我选用的是绿色。
2、图层样式接下来，我们要对纽扣的“身体”运用图层样式。
图层样式的使用，靠的是不断的尝试，而每一次的运用都要当做一次积累，才能更好的理解和掌握它。
那么，今天我们要用到哪些样式呢?由于要让纽扣变得立体，因此我们可以尝试用一下内阴影。
在此过程中，你的大脑中一定要出现一副作品完成后你想要达到的效果，在你不断对其进行调试中你才有可能逐渐接近你的目标。
不熟悉内阴影的同学，右戳学习，包你会!《PS技巧学起来!帮你快速的彻底搞懂内阴影功能》这是我的面板数值，以及在此数值下的图层效果。
我要使用内发光，让它的边缘具有水晶的光泽。
运用光泽图层样式，让它更具光泽感上图看上去已经接近我想要的效果了，接下来为纽扣增加一点投影和描边。
应用着色器制作水晶效果
应用着色器制作水晶效果在PhotoShop软件中，我们可以利用不同的工具和特效来创建各种各样的效果。
其中一个非常受欢迎的效果就是水晶效果。
水晶效果可以为图像增添独特的美感和神秘感。
在本教程中，我们将学习如何使用着色器来制作水晶效果。
步骤一：创建新图层首先，打开你要应用水晶效果的图像。
然后，在图层面板中点击新建图层按钮，或者使用快捷键Ctrl+Shift+N（或者Cmd+Shift+N）。
这样就会在图像上创建一个新图层。
步骤二：使用着色器接下来，在工具栏中选择画笔工具（即快捷键B）。
确保选中的颜色是白色，你可以在颜色面板中设置。
然后，在选项栏中，选择一个适合的刷子。
在形状选项中，你可以选择一种带有不规则边缘的刷子，以模拟水晶的外观。
步骤三：调整着色器设置在图像上使用刷子工具，开始涂抹水晶的形状。
你可以通过调整刷子的不透明度和流量来实现透明度的变化。
这样，水晶的边缘看起来更加柔和。
你还可以根据需要调整刷子的大小，以便更好地控制水晶的形状。
步骤四：添加颜色一旦形状完成，可以根据个人喜好为水晶添加颜色。
你可以通过选择颜色，并将其应用到水晶上来进行尝试。
选择不同的颜色，可以为水晶带来多样的效果。
你还可以使用渐变工具来添加渐变效果，使水晶更加鲜艳且立体感更强。
步骤五：调整图层效果为了使水晶效果更加突出，我们可以调整图层的混合模式。
在图层面板中，选择新建的水晶图层，并从下拉菜单中选择混合模式。
尝试不同的模式，比如“叠加”、“颜色加深”或“柔光”，找到最适合你的水晶效果的模式。
步骤六：添加光晕效果如果你想要为水晶添加一些光晕效果，可以创建一个新的图层。
选择“桶形渐变工具”（快捷键G），选择适当的梯度，并在新图层上绘制渐变。
然后，调整图层的不透明度，使光晕效果更加逼真。
步骤七：保存和导出一旦你满意了水晶效果，点击文件菜单，选择“保存”或“导出”，将图像保存到你的计算机上。
你可以选择不同的文件格式，如JPEG或PNG，根据你的需要进行保存。
制作水晶效果的详细步骤
制作水晶效果的详细步骤PhotoShop 是一个功能强大的图像处理软件，可以实现许多独特的效果。
其中之一就是制作水晶效果。
本教程将为你详细介绍制作水晶效果的步骤。
让我们直入主题。
第一步：准备工作1. 打开 PhotoShop 软件，并导入你想要应用水晶效果的图像。
2. 创建一个新的图层，以便在上面制作效果，以免影响原始图像。
第二步：选择图层形状1. 在工具栏中选择“形状工具”。
2. 在选项栏中选择你喜欢的形状。
水晶效果通常使用几何形状，如三角形、方形或六边形。
第三步：绘制形状1. 在图层中选择一个合适的位置，并使用鼠标绘制你选择的形状。
2. 选择适当的颜色，填充形状。
第四步：应用滤镜效果1. 在图层面板中，右键单击形状图层，并选择“复制图层样式”。
2. 在同一图层面板中，右键单击另一个图层，选择“粘贴图层样式”。
3. 在图层面板中选择水晶效果的图层，并转到“滤镜”菜单。
4. 选择“噪点”-> “添加噪点”，以给水晶效果增加纹理。
5. 调整“噪点量”和“分布”选项以达到你想要的效果。
6. 使用“渐变映射”效果，选择“渐变映射”-> “渐变映射”，可以为水晶效果添加光线和阴影。
7. 根据你的需求调整渐变和其他选项，直到效果满意。
第五步：调整透明度和模式1. 在图层面板中，调整水晶效果图层的透明度和混合模式，以使其与原始图像相匹配。
2. 尝试不同的透明度和混合模式，看哪一种效果最好。
第六步：效果叠加1. 如果你想要更多的水晶效果，可以在不同的位置复制和粘贴形状图层。
2. 调整每个图层的大小、颜色和透明度，以创造出更加多样化的效果。
第七步：保存和导出1. 当你对水晶效果的外观感到满意后，你可以保存你的作品。
2. 转到“文件”-> “另存为”并选择你喜欢的文件格式。
以上就是制作水晶效果的详细步骤。
通过使用 PhotoShop 的形状工具、滤镜和调整选项，你可以轻松创建出漂亮的水晶效果。
不断尝试不同的形状、纹理和混合模式，以创造出独特而令人惊叹的效果。
Photoshop经典应用实例0206：用实色渐变制作水晶按钮
Photoshop经典应用实例0206：用实色渐变制作水晶按钮
Step01：选择渐变工具，在工具选项栏中单击渐变颜色条，打开“渐变编辑器”，如图13-108所示。
图13-108 “渐变编辑器”对话框
Step02：在“预设”选项中选择一个预设的渐变，对话框中就会出现一个渐变条，如图13-109所示。
单击渐变条先的色标，可以将其选择，如图13-110所示。
图13-109 选择渐变条图13-110 选择色标
（提示：渐变条中最左侧的色标代表渐变的起点颜色，最右侧的色标代表渐变的终点颜色。
）
Step03：选择一个色标并拖动它，或在下面“位置”文本框中输入数值，可以改变渐变色的混合位置，拖动两个渐变色标之间的菱形可以调整该点两侧颜色的混合位置，如图
13-111所示。
Step04：在渐变条下方单击可以添加新色标，如图13-112所示。
选择一个色标后，单击“删除”按钮，或直接将它拖到渐变颜色条外，可以删除该色标。
图13-111 改变渐变色的位置上图13-112 添加新色标
Step05：采用前面介绍的方法设置如图13-113所示的渐变颜色，单击“确定”按钮关闭对话框，打开素材图像13.6.2，如图13-114所示。
图13-113 设置渐变颜色图13-114 素材图像
Step06：选择“图层1”，在图像中按住Shift键单击并拖动鼠标拉出一条直线，放开鼠标后可以创建渐变，如图13-115所示。
渐变的起点和终点位置不同，渐变的外观也会随之变化。
图13-115 最终图像效果。
ps制作透明按钮
PS打造透明质感按钮几乎没有哪种按纽的受欢迎程度能与透明质感按纽相比。
自这种风格的按纽一问世，立刻风靡全球，从庞大的商务网站到简单的个人小站，处处都能看到剔透的风采。
这种漂亮按纽最大的作用就是修饰网页，仅仅使用几个这样的按纽，就会给你的网页像水晶糖果一样诱人。
透明质感的按钮种类之多，制作方法之广，无法尽数。
在这里，我总结了几种较为好看的却又比较简单的，供大家作为参考。
第一款：Aqua按纽第一款：这是最常见的一种透明按纽了，如果运用的好的话，效果是非常理想的。
这种按纽的做法有很多种，有些真的是相当相当的麻烦。
当然，效果也是相当相当的漂亮，漂亮到你会不舍得把它用于网页按钮。
实际上，如果用那种耗费大量时间做成的按钮装饰网页的话，需要小心喧宾夺主：游客会不自觉的把注意力集中到漂亮夺目的按纽上，网页最重要的内容却会被忽略掉。
说了这么多，好像偷懒是理所当然的了。
那么这一次，我们应用图层样式来打造这个按钮，这样我们就可以一劳永逸，以后都可以坐享其成了。
更重要的是，我们制作的是可以装饰你的网页的按纽，它仅仅起到了点缀的作用，就像是做菜时使用的鸡精，一点足以勾出鲜味，过多反而不好了。
1. 新建文档，RGB模式，白色背景。
建立图层1，设置前景色为RGB（51，143，20 6）。
然后选择圆角矩形工具，在工具选项中，设置绘图方式为填充像素，将矩形的圆角半径设为50像素，选择消除锯齿。
点击几何选项，将矩形的大小设为91×27像素，在画布正中点击一下，即会出现一个蓝色的圆角矩形。
（图01）2.现在我们开始添加图层样式了。
首先选择投影：将投影的不透明度降低为33％，取消全局光，角度为134度，距离和大小均为1像素，扩展为0，品质不变；然后是内阴影样式：将内阴影的颜色设为RGB（0，56，113），不透明度为100％，取消全局光，角度为90度，距离为6像素，阻塞为15％，大小为16像素，品质保持不变，这样，按纽就具有了立体感。
用Photoshop怎样做水晶按钮-14页文档资料
第一步首先建立新建文件300px*80px 分辨率为72（大小可以自己定根据自己需求）。
第二步利用圆角矩形工具画出圆角矩形（用此工具不用建立新的图层，当你画的时候会自动出现一个新图层），然后此工具的属性里有个半径，该值调为5PX,也可以根据自己的需要调节大小，颜色随意。
第三步1.双击你刚刚填充黑色圆形的新建图层呼叫出图层样式对话框。
分别将外发光、内发光、渐变叠加、描边进行勾选操作。
2.先加个渐变，好增加立体感，混合模式为正常模式，颜色选择自己需要的颜色。
3.再加了个描边。
一个像素就够了，颜色选择黑色，透明一点,透明度为45%。
为什么不直接用灰色呢？那是因为考虑到以后应用的时候，透明的黑色会更容易融入其它环境的。
灰色会显得很生硬，记住拉，用半透明的黑色，更容易融入背景的。
4.现在还差点什么呢？还欠个阴影。
那么，我们给它加个阴影吧,，这次的做法是用外发光代替阴影是一样地，混合模式照样是正常，透明度调为40%，颜色选择黑色。
这样看上去是不是更有立体感那！5.现在的按钮好像光的质感还不够，再加一个内发光！让它在边缘发光，这样质感就很强。
第四步1.用钢笔工具画出按钮的玻璃质感的高光，记住画之前必须建立新图层哦2.钢笔画完图形后用快捷键Ctrl+Enter将钢笔画出的路径转换为选区，在将选区内添加白色（编辑-填充）。
填充后将选区去掉（快捷键Ctrl+D）。
3.将该图层属性的透明度值改为40%，这样高光就能融入按钮中，看起来很自然，然后再双击该图层，出现了图层样式，选择渐变叠加，混合模式为正常、透明度为20%、颜色是从黑到白、样式为线性、角度为90度。
第五步最后用文本工具将你想要的内容打上去，然后给字加上图层样式，选择阴影，调为你想要的效果，让文字也突出些。
最后作品效果图1.PS下建立一个400*400的图像，背景设置为白色。
2.新建层，使用椭圆选择工具，按住SHIFT拉一个正圆出来，填充白色。
3.对“圆”这层加载图形样式。
Photoshopo制作简单的水晶按钮
Photoshopo制作简单的水晶按钮先看看最终效果图
1.创建背景
首先,我们必须新建ps文档.大小为200*200像素.
使用圆角矩形工具创建类似形状:
在新图层上更改样式如下:
使用椭圆选框工具选出如下形状:
现在选择你的第一个图层,运行选择>载入选区,按确定键.然后选择你的白色图层,运行选择>反选,按下delete键删除额外部分.将他的不透明度更改为15%.看起来应该是这样的:
2最后的话
如果你已经完成,那么可以在按钮里面加上你的图标.你可以随便加.下面给一些例子参考:希望你喜欢本教程.。
ps水晶立体按钮教程_ps怎么制作漂亮的水晶按钮
ps水晶立体按钮教程_ps怎么制作漂亮的水晶按钮
ps图层样式制作漂亮的水晶按钮方法，制作出来的水晶按钮非常漂亮，主要是通过图层样式来实现的。
下面由店铺为大家整理的ps水晶立体按钮教程，希望大家喜欢!
ps水晶立体按钮教程
1、首先我们新建(Ctrl+N)一个600*400的画布，然后用圆角工具在画布中间绘制一个圆角矩形，填充前景色为#1786fc;
2、然后我们打看图层样式，选择内发光，设置图素大小为10像素，等高线为锯齿
3、选择渐变叠加，混合模式设为正常，不透明度：100%，渐变颜色：#1849a3——#06c0f1，样式：对称，角度-160°，缩放：150%
4、选择光泽，设置混合模式为柔光，等高线为画圆步逐，光泽为#64aaf4
5、选择投影，设置角度90°，距离：3，大小：5，给按钮添加阴影效果增加立体感
6、然后我们选择文本工具，在按钮中间写上文字button，这里选择的字体是Alexis，你也可以根据自己喜好选择
7、然后新建图层，用钢笔工具在按钮上部画一个不规则图形，然后填充白色，设置不透明度为20，给按钮增加高光效果。
Photoshop打造晶莹剔透的水晶按钮
Photoshop打造晶莹剔透的水晶按钮最终效果步骤1 文件》新建，设置如下步骤2 视图》标尺，使标尺显示在画布中，使用鼠标工具拉出两条直线交于画布中央步骤3 打开“路径面板”，新建“路径1”;单击“椭圆工具”，使鼠标位于画布中央。
同时按下Alt 键和Shift键，绘制两个直径不同的两个同心圆步骤4 回到“图层面板”，对“渐变工具”设置如下步骤5 新建“图层1”，在渐变属性栏中选择“线性渐变”，在水平方向拉出编辑好的渐变色步骤6 对“图层1”，执行滤镜》扭曲》极坐标，在对话框中选择“平面坐标到极坐标”步骤7 使用“画笔工具”修复一下极坐标滤镜产生的中间接缝步骤8 载入“路径1”的选区，为“图层1”添加一个图层蒙板。
效果如下步骤9 在“图层1”的下方新建“图层2”，单击“椭圆选框工具”，按下Alt 键和Shift键，在画布中央绘制一个圆形，执行视图》清除参考线命令，去除参考线步骤10 对“渐变工具”设置如下;选择“线性渐变”，垂直拉出渐变，效果如下步骤11 载入“图层1”蒙板的选区，执行选择》修改》扩展，扩展量为5步骤12 对“图层1”执行图层》新建》通过拷贝的图层，得到“图层3”步骤13 把“图层3”移到“图层1”的下方，载入“图层2”的选区，执行图象》调整》色阶菜单命令，把中间滑块向左拖动步骤14 选择》反向，执行图象》调整》色阶菜单命令，把中间滑块向右拖动步骤15 回到“路径面板”，复制“路径1”得到“路径1副本”，单击“直接选择工具”，选择外部的大圆路径，按Delete将其删除步骤16 载入“路径1副本”的选区，执行选择》修改》收缩，设置收缩量为15步骤17 保持选区，执行选择》修改》羽化，设置羽化半径为5，步骤18 保持选区，对“图层2”执行图层》新建》通过拷贝的图层，得到“图层4”步骤19 载入“图层4”的选区，执行选择》修改》收缩，设置收缩量为5步骤20 保持选区，执行选择》反向步骤21 单击“减淡工具”选择柔性画笔，设置“中间调”，“曝光度”为20%，减淡下部受光部分，形成高光步骤22 回到“图层2”，单击“加深工具”选择柔性画笔设置“中间调”，“曝光度”为20%，加深下部受光部分，形成暗部步骤23 在“图层4”的上方新建“图层5”，单击“椭圆选框工具”绘制椭圆，使用绿色(渐变色)进行填充步骤24复制“图层5”得到“图层5副本”，把图层5副本”拖到“图层5”的下方，执行图象》调整》色阶，把中间滑块向左拖动，选择“图层5”，按动键盘上的方向键向下移动一些步骤25 对“图层4”执行图象》调整》色阶，把中间滑块向左拖动，使水晶球的颜色丰富步骤26 滤镜》渲染》光照效果，设置如下步骤27 选中“图层5”执行图层》向下合并，得到“图层5副本”，将图层的混合模式改为“滤色”，并调整图层“透明度”步骤28 打开路径面板，新建“路径2”，使用“钢笔工具”绘制如图所示形状步骤29 回到图层面板，对“图层4”执行图层》新建》通过拷贝的图层，得到“图层6”步骤30 载入“路径2”的选区，对“图层6” 执行图象》调整》色阶，把中间滑块向右拖动步骤31 复制“图层1”得到“图层1副本”，把该层的图层混合模式改为“点光”，执行编辑》自由变换，使金属光泽更加丰富步骤32 回到路径面板，选中“路径1”单击“直接选择工具”选择内部小圆，按Delete键删除步骤33 在“背景层”上方新建“图层7”，载入“路径1”的选区，填充黑色步骤34取消选区，滤镜》模糊》高斯模糊，设置模糊半径为20，使用“移动工具”把阴影向下移动一些步骤35 载入“图层7”的选区，执行选择》修改》收缩，设置收缩量为30步骤36 保持选区，执行图象》调整》色相/饱和度，并调整图层的透明度为50%步骤37 打开路径面板，新建“路径3”使用“钢笔工具”绘制出如图所示形状步骤38在图层顶层新建“图层8”，载入“路径3”的选区，使用嫩绿色进行填充步骤39 保持选区，按动键盘上的方向键把选区向下移动一些，载入“路径3”的选区，选择》反向，图象》调整》色阶，把中间滑块向左拖动步骤40 载入“图层8”的选区，在“图层8”的下方新建“图层9”，使用黑色填充，编辑》自由变换，调整位置，作为叶片的阴影部分步骤41 对“图层9”执行滤镜》模糊》高斯模糊，设置模糊半径为5，并调整图层的透明度为40%左右步骤42 合并“图层8”和“图层9”，载入“路径1副本”的选区，为合并后的“图层9”添加图层蒙板步骤43 载入“图层9”的选区，执行选择》修改》收缩，设置收缩量为10，在执行选择》修改》羽化，羽化半径为10步骤44 保持选区执行选择》反向，再图象》调整》色阶，把中间滑块向左拖动步骤45 把“图层9”的“图层混合模式”改为“柔光”，把“不透明度”改为50%左右。
教你如何用PS制作多款按钮UI设计教程
教你如何⽤PS制作多款按钮UI设计教程LV. ★初⼊设计，学做按钮。
只会套个底⾊，加个阴影，字体纯⽩，⼩聪明的弄个圆⾓。
LV. ★★（描边、字体、内阴影）看了很多案例，学会了⼀些⼩技巧，内描边1PX深⾊描边使效果有所提升。
注意描边要贴近按钮⾊，不要⽤纯⿊和纯⽩。
其次，字体的颜⾊也同样不要⽤纯⽩，要⽤贴近按钮⾊的单⾊最佳。
当学会了内阴影这项技能后，你就发现⾼光的按钮看起来⾮常美好。
LV. ★★（渐变叠加）渐变叠加可以让按钮产⽣更多de的质感效果，多多尝试，会有新的发现。
LV. ★★★（1像素的⾼光）如果这是渐变的⼀种，明暗清晰。
其次，这⾥要说的是利⽤⽮量图做出1px的⾼光，伴起左、右、上，让按钮质感更加强烈。
LV. ★★★（叠加的模糊光）这是常⽤的⼀种⽹页按钮，很懂看起来绚丽的⾼光，如此技法。
甚⾄在红⾊的按钮叠加黄光，⿊⾊的按钮叠加紫光等等，具体⼤家⾃由发挥。
LV. ★★★（图案叠加）图案叠加更多的是加强纹理，⽐如贴上⽪⾰、⾦属、⽊纹等素材，强调按钮的与众不同。
这⾥的叠加，扩展了纹理。
LV. ★★★★（外发光）利⽤⽂字的外发光，让按钮看起来更富有光感，注意发光de的颜⾊要贴近按钮⾊，不要有太⼤的差异。
LV. ★★★★（投影）不要总使⽤默认的投影，多尝试他们的数值，会有不⼀样的感觉。
还有在字体上加⼊1px的内阴影，让字体更加凸起。
LV. ★★★★（1px的内阴影和投影）了解了内阴影和投影的使⽤，就多玩玩1px的威⼒。
它会让你的按钮看起来凹陷感更强烈。
LV. ★★★★（逆渐变）⼤部分的这种技能⽤在按钮触碰效果，使其和静态按钮拥有很⼤的反差，提醒⽤户⿏标悬浮于此。
LV. ★★★★★（斜⾯和浮雕）这个技能⽤得好也是⼀神技，他能让按钮效果⽚刻出结果，也同样能制作⾦属质感，当然，这需要调整它的曲线，你可以试试。
LV. ★★★★★★（外围辅助）这种外围的辅助，让按钮看起来更是掉到了坑⾥。
更加的吸引眼球，引起注意。
项目十五水晶风格按钮
7
Alt+Delete快捷键，快速填充白
色，如图所示。
将“图层1”图层的不透明度设
8
置为“15%”。
15 项目十五
水晶风格按钮
项目实训十二：制作下载按钮
点击工具箱中的“椭圆选取”按钮， 9
在操作界面中如图a所示绘制一个椭圆， 然后按Delete键删除不需要的部分，再 后按Ctrl+D快捷键取消选区。
02
任务三：为字母增加特效
在弹出的“图层样式”对 话框中，依次勾选“混合选项： 自定”、“投影”、“内投 影”、“内发光”、“斜面和 浮雕”、“等高线”、“光 泽”、“外发光”选项，分别 如图（a）~（h）所示进行参 数设置。
水晶风格按钮
a b c
15 项目十五
02
任务三：为字母增加特效
d
h e
水晶风格按钮
15 项目十五
任务三：为字母增加特效
水晶风格按钮
执行“文件/置入”命 令，下载资料文件夹中 “项目十五＼素材＼底 纹.jpg”文件，按回车键。
5
b
主要贡献
6
a
在“图层”面板中， 将“底纹”图层拖至 “背景”上，如图所示。
15 项目十五
01 02
03
知识点与技能
变形
变形是指扭曲或变形对象，包括路径、文本、网格、混 合以及位图图像。选择一种预定义的变形形状，然后选择 混合选项所影响的轴，并指定要应用的混合及扭曲量。
03
按照上述相同的 操作步骤，复制其余 几个字母和圆角矩形， 最终效果如图所示。
15 项目十五
任务三：为字母增加特效
01
选中“图层”面板中的“形 状1”图层，点击“图层”面 板下方的“创建新的图层样式” 按钮，在弹出的快捷菜单中选 择“颜色叠加”命令，如图所 示进行参数设置。
制作华丽的水晶效果利用Photoshop制作华丽的水晶特效
制作华丽的水晶效果利用Photoshop制作华丽的水晶特效制作华丽的水晶效果：利用Photoshop制作华丽的水晶特效Photoshop作为一款功能强大、广泛应用于图像处理与设计的软件，提供了丰富的特效工具，使得创作者能够制作出精美绝伦的效果。
其中，水晶特效是一种非常受欢迎的效果，其华丽、透明、有光泽的外观，给作品增添了独特的魅力。
本文将介绍利用Photoshop制作水晶特效的详细步骤和技巧，帮助读者实现华丽的水晶效果。
第一步：新建画布与准备工作首先，打开Photoshop软件，点击“文件”->“新建”在弹出的对话框中设置画布大小，根据需要选择宽度和高度，并选择背景色。
建议选择透明背景，这样可以更好地展示水晶特效。
点击“确定”创建新画布。
第二步：绘制水晶形状在新建的画布上，使用选择工具选择“多边形工具”或“自定义形状工具”，在工具栏中选择一个适合的水晶形状，例如六边形或棱形，也可以通过调整形状工具选项来创建特定形状。
在画布上点击并拖动，绘制出水晶的主体形状。
第三步：添加渐变色选中刚刚绘制的水晶形状，在工具栏中选择渐变工具。
接下来，点击“渐变”选项，弹出渐变编辑器窗口，选择适合的渐变颜色。
可以选择使用单一颜色的渐变或多种颜色的渐变效果，根据个人创作需求进行调整。
然后，在水晶形状上点击并拖动，绘制出水晶的渐变色效果。
第四步：添加高光与阴影为了让水晶形状看起来更加真实，我们需要添加一些高光和阴影效果。
选择水晶形状的图层，点击“图层样式”->“颜色叠加”，在弹出的对话框中选择合适的颜色并调整混合模式和不透明度，使其产生高光效果。
接着，点击“图层样式”->“阴影”，设置阴影颜色、角度、混合模式和不透明度，调整阴影参数，使水晶形状看起来更加有立体感。
第五步：添加纹理效果为了增加水晶形状的质感，我们可以添加一些纹理效果。
选择水晶形状的图层，点击“图层样式”->“纹理”，在弹出的对话框中选择纹理样式，可以选择内置纹理或导入自定义纹理图像。
制作逼真水晶效果的Photoshop秘籍
制作逼真水晶效果的Photoshop秘籍Photoshop是一款功能强大的图像处理软件，可以实现各种令人惊叹的效果。
其中，制作逼真水晶效果是一项常见而有趣的技巧。
本篇文章将分享一些实用的Photoshop秘籍，帮助你轻松制作出令人惊叹的水晶效果。
第一步：准备工作在开始之前，首先确保你已经安装了Adobe Photoshop软件，并打开一个想要应用水晶效果的图像。
第二步：创建水晶形状选取“形状工具”（Shape Tool）并选择“多边形工具”（Polygon Tool）。
在工具选项栏中选择“路径”（Path），并设置边数为6。
在图像中点击并拖动，创建一个六边形形状。
第三步：渐变填充选取“渐变工具”（Gradient Tool），在工具选项栏中选择一个合适的渐变，例如从白色到透明。
将渐变工具应用于六边形形状，从中心向外边缘拖动，使渐变色彩逐渐消失。
第四步：加入亮点和阴影选取“笔刷工具”（Brush Tool），选择一个适合的笔刷，并在六边形形状的一侧绘制一些亮点和阴影。
笔刷的颜色可以根据个人喜好来选择，通常亮点使用白色，阴影使用深灰色。
使用不同的笔刷大小和不透明度，使亮点和阴影看起来自然而逼真。
第五步：调整图像属性选取“图像”（Image）菜单中的“调整”（Adjustments）下的“色彩平衡”（Color Balance）选项。
根据个人喜好和效果需求，微调水晶的颜色和色调，使其看起来更加逼真。
第六步：添加纹理打开一张水晶纹理图片。
选取“编辑”（Edit）菜单中的“复制”（Copy）选项。
返回到原始图像，选取“编辑”菜单中的“粘贴”（Paste）选项。
在图像上选择合适的位置，将水晶纹理粘贴到原始图像中。
第七步：调整透明度选取水晶纹理图层，并降低其透明度，使其与原始图像融合，创造出更加真实的水晶效果。
可以尝试不同的透明度值，找到最佳效果。
第八步：添加光效选取“滤镜”（Filter）菜单中的“渐变映射”（Gradient Map）选项。
ps如何制作水晶质感按钮？
ps如何制作⽔晶质感按钮？
⼤家都知道，ps是⾮常实⽤的修图软件，怎么制作⽔晶质感按钮，主要是背景和按钮形状的颜⾊要相同，⼀起看看吧
Adobe Photoshop CC 2019 20.0 简体中⽂安装版 32/64位
类型：图像处理
⼤⼩：1.73GB
语⾔：简体中⽂
时间：2019-12-04
查看详情
⽅法
1、我们点击【渐变⼯具】，把颜⾊设置为蓝⾊渐变【#00c6fb】→【#005bea】，给画布填充上【径向】渐变的背景
2、背景填充好渐变颜⾊之后，我们⽤【椭圆⼯具】在画布中间画出⼀个圆形
3、我们选中椭圆1的图层，点击【FX 】选择【渐变叠加】
4、我们把渐变颜⾊设置和背景相同的颜⾊，样式选择【径向】
5、接着，我们添加【投影】，把投影颜⾊设置为深蓝⾊，然后根据⾃⼰的需要调整参数，点击【确定】
6、接下来，我们⽤【椭圆⼯具】画出⼀个⽩⾊的椭圆形状
7、我们把⽩⾊的椭圆叠放在圆形上⾯，然后把形状设置为【渐变填充】⽩⾊到透明
8、最后，我们选中椭圆2的图层，把不透明度调整为【22%】就完成了。
水晶效果制作 用 Photoshop 制作如水晶般透明的图片
水晶效果制作：用 Photoshop 制作如水晶般透明的图片Photoshop 是一款功能强大的图像编辑软件，可以实现许多令人惊叹的效果。
在本教程中，我们将学习如何使用 Photoshop 制作如水晶般透明的图片。
步骤一：打开图片首先，在 Photoshop 中打开您想要制作水晶效果的图片。
您可以使用菜单栏中的“文件”选项，或者直接拖动图片到 Photoshop 工作区来打开图片。
步骤二：创建图层接下来，我们需要创建一个新的图层来制作水晶效果。
在“图层”面板中，点击底部的“新建图层”按钮。
我们将在该图层上进行后续操作。
步骤三：选择形状工具在工具栏中，找到形状工具。
它通常表示为一个矩形或者椭圆的小图标。
点击并长按形状工具按钮，选择“自定义形状工具”选项。
步骤四：选择水晶形状在顶部的选项栏中，可以看到一个形状选择框。
点击该框，弹出形状选择菜单。
在菜单中，选择一个水晶形状。
如果没有水晶形状可用，可以通过点击菜单右上角的设置按钮，从弹出的菜单中下载更多形状。
步骤五：绘制水晶使用形状工具在新的图层上绘制水晶形状。
您可以按住 Shift 键来绘制等边形状。
如果需要改变形状大小，可以使用“变换”工具（键盘快捷键：Ctrl+T）进行调整。
确保水晶形状与图片相适应，并且不覆盖重要的图像内容。
步骤六：添加图层样式选中水晶形状图层，在“图层样式”选项卡中，选择“内投影”。
调整内投影的参数以实现透明水晶效果。
例如，将距离和大小值设置得比较小，增加不透明度以达到透明度的效果。
您还可以尝试其他图层样式选项，如渐变叠加、外发光等，以增加水晶效果的真实感。
步骤七：调整颜色现在，我们可以通过调整图层的颜色来进一步增强水晶效果。
在“图层样式”选项卡中，选择“颜色叠加”。
调整叠加的颜色、不透明度和模式，以使水晶形状看起来更加透明和闪耀。
步骤八：合并图层在完成水晶效果制作后，将水晶图层与原始图片图层合并。
在“图层”面板中，选中水晶图层，然后按下键盘快捷键：Ctrl+E（Windows）或者Command+E（Mac），即可合并图层。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
圆形水晶按钮制作教程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>24.在“水晶--顶反光1”上新建一层命名为：“水晶--顶反光2”,用椭圆选取工具绘制一个小椭圆，填充白色,再按Ctrl + T 调出变形工具，把椭圆略向上倾斜，按一下Enter 键，再把这层的透明度调为60，如图36所示。
<图36>25.按Ctrl + J 把“水晶--顶反光2”复制一层命名为“水晶--顶反光2top”,再回到“水晶--顶反光2”这层，选择菜单：滤镜> 模糊> 高斯模糊数值为效果如图37。
<图37>26.到这一步为止水晶部分的效果就算完成了，不过有些不满意的地方，我们自己可以适当的再调整一下，尽量让自己满意。
<图38>二.文字部分的制作:1.在图层的最上面新建一个图层用文字工具打上"68ps"几个字如图39。
<图39>2.双击图层，调出图层样式依次进行：投影、外发光、斜面和浮雕及描边的设置，设置参数如下图。
<投影><外发光><斜面浮雕><描边><效果>3.删格化图层，并锁定图层，具体设置如图。
<图40>4.选择渐变工具设置如图41，渐变方向如图42。
<图41><图42>5.用喷枪工具，压力为20%左右，适当的用黑色和白色喷出文字的暗光和高光，整体效果如图43。
<图43>最后给整个按钮制作一点小装饰，最终效果就做好了！最终效果方形水晶按钮1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 1202.复制圆角矩形图层并缩小3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了。
4.这是是具体的简便颜色设置5.给上边的矩形添加样式6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下图7.载入上部矩形为选区并新建图层用白色描边，并给该图层添加一个蒙版用渐变工具作出下图效果8.隐藏背景图层，盖印图层，并用自由变换工具做成倒影。
9.加上文字。
10.最后添加一个色相饱和度可以调成自己喜爱的颜色。
最终效果图1、首先，填充一个浅灰的底，目的是为了突出按钮的高光位置，有其是边缘的。
我现在把文字和高光的图层给去掉了，只留下最重要的部分。
这个图层，就只有样式，你看到的效果，全都是样式做出来的。
看到了吗都用了那几种样式PS制作水晶长形按钮2、有了基本认识，接下来，新建一个图层，偶先画了一个倒角的方形，偶比较喜欢倒角的，如果你喜欢其它形状，随便画好了。
如果你不知道怎么画，请看之前的教程。
画好后，随便填个颜色，什么颜色都没关系。
双图层，调出图层样式窗口。
为了让按钮更明显一些，偶先加了个描边。
一个像素就够了，颜色选择黑色，透明一点。
为什么不直接用灰色呢那是因为考虑到以后应用的时候，透明的黑色会更容易融入其它环境的。
灰色会显得很生硬，记住拉，用半透明的黑色，更容易融入背景的。
PS制作水晶长形按钮3、有了描边，再加个渐变，好增加立体感，看看，怎么是正片叠加的其实，你也可以用正常模式的，但为什么偶要选择正片叠加先买个关子，等一下再告诉你吧～现在先选择好你喜欢的颜色先拉！加了颜色后，先不急着调整，留待其它效果添加了再调整会容易很多的。
PS制作水晶长形按钮4、现在还差点什么呢阿，对了，还欠个阴影。
那么，我们给他加个阴影吧～看偶的！夷为什么不用阴影，而用外发光呢怎么混和模式又不是正常的呢呵，别急，下一步告诉你为什么。
先选好黑色的发光，表示阴影吧～PS制作水晶长形按钮5、好拉，现在看看效果怎样在一个阴影的基础上，就仅仅是多了一条白色的线，但就因为这条小线，令按钮突出来了，细节的东西，可不要忽略了阿。
当你发觉你做的东西不对劲的时候，要考虑一下，是否有某些细节给忽略了。
PS制作水晶长形按钮6、但现在的按钮好像光的质感还不够，我再加一个内发光！让他在边缘发光，这个也就只是一些细节，当然，你可能不会一下子发现，你可以在到制作到后期的时候添加和修改也行的。