PS按钮制作高级教程之制作蓝色水晶按钮
“hjhj99cn”通过精心收集,向本站投稿了10篇PS按钮制作高级教程之制作蓝色水晶按钮,下面小编给大家带来PS按钮制作高级教程之制作蓝色水晶按钮,希望能帮助到大家!
篇1:PS按钮制作高级教程之制作蓝色水晶按钮
本教程介绍非常简单的水晶按钮的制作方法,制作的时候只要用圆角矩形拉出按钮的大小,然后加上图层样式和高光即可。教程只是个参考,其他形状的按钮制作方法类似。
最终效果
1、新建一个大小自定的文件,选择圆角矩形工具,半径设置为15像素,前景颜色设置为蓝色,拉出一个圆角矩形,然后双击图层调出图层样式,参数设置如下图。
2、新建一个图层,给按钮添加高光效果,
用圆角矩形工具再画一个较小的圆角矩形,如下图。
3、把高光图层的透明度适当降低,图层混合模式改为“叠加”,效果如下图。
4、调节图层效果,可以做出其他颜色的按钮,最后加上文字完成最终效果。
篇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、新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置:
2、新建一个图层后,在画布上拉出一个长方形,就得到这样的结果,(为了更好的给大家讲解,这个图放大了400%显示)
如果大家得到这样的结果。
就需要将“对齐像素”的选项给勾上。
3、为这个图层添加图层样式。
得到结果如图所示,顺便在样式调板中存储着这个样式。
4、使用矩形选框工具,绘制出一个矩形的选区,
5、新建图层后,填充黑色到白色的径向渐变。
6、并将该图层的混合模式改为:柔光,不透明度:60%。
7、新建图层,再绘制出一个矩形选区。
8、填充成白色。
9、并将该图层的混合模式改为:线性减淡,不透明度:30%。
10、使用文字工具写上要的文字,注意在这里要将字体的边缘设置为:无。
11、之前我们创建过一个样式,还记得吗,给文字应用这个样式就可以了。
后面的工作就是换换颜色,改改文字就可以了。
篇5:PS按钮制作高级教程之透明水晶圆形按钮
最终效果图
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了:)
篇6:PS按钮制作高级教程之巧用图层制作漂亮水晶按钮
本教程介绍使用图层样式来制作水晶按钮,教程中用到的是矩形的按钮重点是学习简便色的使用和光感的调节,明白了做其他形状的按钮也就迎刃而解了!
最终效果
1.新建一个500 * 300像素的文件,背景填充为白色,新建一个图层命名为“按钮”,用矩形选框工具画一个长条的矩形填充为黑色。
2.双击“按钮”层,弹出图层样式对话框,选择渐变叠加参数设置如下图
3.设置渐变颜色
4.继续添加图层样式选择外发光
5.继续添加图层样式选择描边确定后完成最终效果,
其它颜色的按钮只要设置渐变的色彩就可以了。
篇7:PS按钮制作基础教程之制作蓝色圆形水晶按钮
本教程的重点是要做出按钮的立体感及光感,
PS按钮制作基础教程之制作蓝色圆形水晶按钮
。制作的时候需要多分几个图层。从底色渐变开始一步一步渲染效果。尤其是高光部分一定要自然,并与光源部分一致。最终效果
1、新增一个图层1,并用圆形选取工具画出一个圆形选区,如下图:
2、先将前景色和背景色分别设定为浅蓝和深蓝色,再用渐层工具拉出圆形渐层,如下图:
3、先按Ctrl + D取消选取,再使用图层样式功能加上阴影和描上黑边,如下图:
4、再新增一个图层2,并用圆形选取工具画出一个圆形选区,这个圆形选区要画的比蓝色的圆形小一点,如下图:
5、将渐层工具调整为白色到透明的色彩,如下图:
6、在图层2的圆形选区内拉出白色到透明的直线式渐层,如下图:
7、先按Ctrl + D取消选取,再使用:滤镜 >模糊 >高斯模糊,如下图:
8、将图层2的透明度调整到60%左右,如下图:
9、再新增一个图层3,再用圆形选取工具画出一个圆形选区,这个圆形选区要画更小一点,如下图:
10、在图层3的圆形选区内拉出白色到透明的直线式渐层,如下图:
11、再用圆形选取工具,选取图层3圆形部份的下方,再按滑鼠右键设定羽化,如下图:
12、羽化值设定大约在10左右,设定完羽化,直接按键盘的Delete键,就会将图层3圆形的下半部删除,如下图:
13、先按C trl + D 取消选取,再使用:滤镜 >模糊 >高斯模糊,这次的高斯模糊不用设太大,如下图:
14、将图层3的透明度调整到80%左右,如下图:
15、最后再打上您需要的文字,这个范例就算完成啦,如下图:
篇8:PS按钮制作基础教程之制作蓝色圆形水晶
水晶按钮的制作关键是把水晶质感渲染出来,
PS按钮制作基础教程之制作蓝色圆形水晶
。可能勾出的图层较多,注意好每一个图层都需要用图层样式等添加光感,然后再根据光源方向设定好高光位置,这样做出的按钮不仅质感好,而且比较合逻辑。最终效果
1、新建文档,800x600像素,背景白色,画2个矩形,分别添加样式。
2、底部矩形样式。
3、上部矩形样式。
4、在画面右侧添加一个白色椭圆,图层模式柔光。
5、建新层,画一白色正圆,
6、添加图层样式。
7、建新层,画一个小些的黑色正圆,与大圆中心对齐。
8、添加图层样式。
9、建新层,前景色#204478画一音乐符号。
10、添加图层样式。
篇9:PS按钮制作高级教程之制作导航按钮
网页设计中按钮的制作非常重要,精致的按钮会给网页增色不少,
PS按钮制作高级教程之制作导航按钮
。下面的教程介绍一款非常不错的按钮的制作方法。制作过程比较简单:先用图形工具制作出按钮的形状,然后加上一些简单的图像样式做底色。然后再加上高光及文字等即可完成效果。最终效果
1、打开photoshop,然后新建一个文档250*150,并填充背影:#252a38。
2、在工具箱上选择椭圆图标并设置如图。
3、新建一个图层,然后填充一个颜色。
4、在调色板上设置如下。
5、使用渐变拉出线性渐变,渐变效果如下。
6、双击图层,打开图层样式,给图层添加阴影和描边,参数及效果如下图。
7、在工具箱上选择加深和减淡工具,设置如图。
8、然后在图所标识的地方,涂沫如下,
9、选择椭圆选区,作出效果如下。
10、添加渐变,设置如图,从上而下线性渐变。
11、按ctrl+D取消选区,并更改图层的不透明度:40%,,混合模式为“叠加”。
12、现在使用文字工具,添加文字并设置图层样式,参数及效果如下图。
13、添加下面的文字,效果如下。
14、在文字前面加上自己喜爱的图标,按ctrl+U调整色相/饱和度,设置如下,再把图层混合模式改为“叠加”,完成最终效果。
其它颜色的按钮制作方法相同。
篇10:PS按钮制作高级教程之制作木头风格按钮
最终效果图
1.新建文件,使用矩形选区工具绘制一个矩形按钮,前景色设置为#990000 ,背景色设置为#660000,选择反射渐变工具,填充,并使用自由变换工具对按钮进行扭曲,效果如下:
2.选择按钮底层,调出选区,将选区缩进5个像素(选择-修改-缩小)。新建层,命名为按钮皮肤。按下X键将前景色和背景色进行调换。依旧选择渐变工具从上到下进行渐变。
3.执行滤镜――杂色――添加杂色,数量:15.54,分布:高斯分布。如下图:
4.再执行滤镜――模糊――动感模糊,角度:0,距离:18像素,还有图层样式中的阴影及外发光,参数如下设置:
图层样式中的阴影,参数如下设置:
图层样式中的外发光,参数如下设置:
5.点击滤镜-纹理-纹理化,参数如下进行设置:
最终效果就出来了~你可以自己在上面添加文字
另一个效果:)希望你也能做出自己的木风格按钮
【PS按钮制作高级教程之制作蓝色水晶按钮】相关文章:
10.PS制作超酷文字效果






文档为doc格式