水晶按钮制作(免费)

《水晶按钮制作(免费)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、水晶按钮的制作方法第一种：首先打开Photoshop，新建一个文件，选择：文件→新建菜单命令，会出现如图所示的对话框。由于按钮的制作尺寸不需要太大，这里预设的宽度和高度分别为271、46。单位选择为像素，分辨率设置为72像素/英寸，颜色模式为RGB，这也是网页的规定颜色模式。再按住矩形工具下面的小三角形展开工具，选择“圆角矩形工具”，然后在画布上画一个长110、宽32的圆角矩形，图像自动填充为前景色，如下图：单击图层→图层样式，选择投影，再如图的对话框中拔不透明度设置为75%（根据个人喜爱），距离

2、设置为2像素。改变设置所生成的效果，可以在右侧预览串口中看到效果。1然后添加一个图层效果，单击“颜色叠加”，在“混合模式”中选择“颜色叠加”，根据个人喜好选取一个颜色（如R：255，G：0，B：51），单击确定，选择颜色后，把“不透明度”设置为57%。如下图：2单击“内发光”，切换到相应的位置，选择一个内发光的颜色，与之前的“颜色叠加”操作一样，选择一个颜色（R：153，G：0，B：0），这是就出现了一个有边缘向内简便的效果。然后设置大小为10像素（改变这里的数值，就会改变由边缘向中心渐变效果的大

3、小）。如下图：3下面来叠加真正的渐变，这个样式会使按钮出现一个深度感。单击“渐变叠加”，切换到相应的位置。选择“反向”，“角度”设置为90度，不透明度设置为78%。现在方形有了一个自上而下、由深及浅的渐变效果。如下图：4最后制作一个高亮反光。单击“斜面和浮雕”，切换到相对应的设置，改变设置选项——样式、深度、大小、软化，就会在方形上得到一个白色高光。5为按钮添加文字，单击”文字“按钮，输入文字：唐人游”，字体根据个人喜欢，字号为18，文字距离为75，颜色为R：0，G：102，B：255。6用移动工

4、具，把文字放在按钮的合适位置上。再给文字做点修饰，单击“图层样式”，选择“图层叠加”叠加一个白色（R：255，G：255，B：255）。然后单击“外发光”，给文字作一个发光效果。这样就完成了水晶按钮的制作。7第二种：1．打开photoshop，在新建的画布上用形状画一个圆角矩形为了操作方便可可以将矩形栅格化，并填充上您喜欢的颜色。如图1所示。8图12．按住”Ctrl“键单击圆角矩形所在的图层，获得选区。然后单击“选择――>>修改――>>收缩”在弹出的对话框中输入“2”（具体值可以根据需要来调整）于

5、是便得到如下效果9图23．从“工具面板中选择“渐变工具”然后选择“透明渐变”并将渐变颜色调为白色。如图3所示。10图34．新建一个图层『名称为图层1』(这点很重要，方便以后得修改),然后用“透明渐变”工具拉个渐变，效果如图4所示，然后在新建一个图层2，拉个反相得渐变，效果如图411图45．选中图层1，删除图层1的部分渐变效果，从按钮上方1/3处，再调节一个各图层的透明度，加上点文字最终得到如下效果(附按钮的效果图解说明,按钮最终效果可以按自己的需要调节12第三种：1、新建一个120*50的文档，背

6、景填充颜色：#838383，选择圆角矩形工具，半径设置为10像素。然后拖曳出一个大小适当的圆角矩形，位置偏上，因为最后将添加投影。圆角矩形的颜色为：#111111。2、双击形状图层或者通过右键菜单进入图层样式选项，参数设置如下图。131415大致效果图。3、新建一个图层，选择铅笔工具，设置铅笔大小为2像素，前景颜色设置为：#eee1cd，如下图所示画一条高光线。双击或右键此图层进入图层样式选项，参数及效果如下图。164、依然选中铅笔图层，点击图层下面的蒙蔽按钮，添加图层蒙版，然后选择渐变工具，颜色

7、设置及渐变方式如下图，由中间向左拉出透明渐变，效果如下图。175、选择钢笔工具，绘制下图所示的梯形，执行：滤镜>模糊>高斯模糊，此时被询问“是否栅格化图层”。选择“是”，然后输入数值：0.6。6、按住Ctrl的同时单击形状1，此时出现形状1的选区，按Ctrl+Shift+I反选选区，然后按Delete删除形状2图层的多余部分，效果如下图。用复制+水平翻转得到另一半的圆形，效果如下图。186、按住Ctrl的同时单击形状1，此时出现形状1的选区，按Ctrl+Shift+I反选选区，然后按Delete删

8、除形状2图层的多余部分，效果如下图。用复制+水平翻转得到另一半的圆形，效果如下图。7、在最顶部新建一个图层，按Ctrl+单击形状1得到选区，然后选择菜单：编辑>描边，参数设置如下图。取消选区，然后使用与步骤4同样的方法设置蒙版然后如下图所示拉渐变。确定后把图层不透明度改为：55%，19效果如下图。8、接下来制作文字图层。选择文字工具，打上文字，字体颜色为：#e7e7e7，之后设置图层样式，参数设置如下图。20第四种：1、打开photoshop，然后新建一个文档250*150，并填充