以下是小编为大家准备的教你用Photoshop制作蓝色方形水晶按钮(共含9篇),希望对大家有帮助。同时,但愿您也能像本文投稿人“fixelf”一样,积极向本站投稿分享好文章。
先看看最终效果图:
1.创建背景
首先,我们必须新建ps文档.大小为200*200像素.
使用圆角矩形工具创建类似形状:
在新图层上更改样式如下:
使用椭圆选框工具选出如下形状:
现在选择你的第一个图层,运行 选择>载入选区,按确定键.然后选择你的白色图层,运行 选择>反选,按下delete键删除额外部分.将他的不透明度更改为15%.看起来应该是这样的:
2.最后的话
如果你已经完成,那么可以在按钮里面加上你的图标.你可以随便加.下面给一些例子参考:希望你喜欢本教程.
教程贴士:教你用Photoshop制作蓝色水晶按钮!
先看看最终效果图:
1.创建背景
首先,我们必须新建ps文档.大小为200*200像素.
使用圆角矩形工具创建类似形状:
在新图层上更改样式如下:
使用椭圆选框工具选出如下形状:
现在选择你的第一个图层,运行 选择>载入选区,按确定键.然后选择你的白色图层,运行 选择>反选,按下delete键删除额外部分.将他的不透明度更改为15%.看起来应该是这样的:
2.最后的话
如果你已经完成,那么可以在按钮里面加上你的图标.你可以随便加.下面给一些例子参考:希望你喜欢本教程.
本教程是向大家介绍利用Photoshop制作蓝色透明玻璃按钮,制作效果非常漂亮,教程难度一般,制作方法很简单,感兴趣的朋友可以学习这种制作方法
本教程是向大家介绍利用Photoshop制作蓝色透明玻璃按钮,制作效果非常漂亮,教程难度一般,制作方法很简单,感兴趣的朋友可以学习这种制作方法,
这个按钮分为两个大的部分来制作:中间的蓝色水晶及边缘透明度玻璃部分。制作方法基本相同,只需要找出相应的高光部分并渲染出来即可。
最终效果
1、新建一个800 * 600像素的文档,背景填充暗紫色:#752874,如下图。
<图1> 2、先来制作中间的蓝色水晶部分,需要完成的效果如下图。图1>
<图2>图2>
3、新建一个组,选择椭圆选框工具,按住Shift键拉出一个合适的正圆选区,然后给组添加图层蒙版。
<图3>图3>
4、在组里新建一个图层,选择渐变工具,颜色设置如图4,由上至下拉出图5所示的线性渐变作为底色。
<图4>图4>
<图5>图5>
5、新建一个图层,用钢笔勾出右下角边缘高光选区如下图,填充白色,不透明度改为:20%,取消选区后添加图层蒙版,用黑色画笔把顶部过渡擦出来。
<图6>图6>
6、新建一个图层,用钢笔勾出下图所示的选区,填充白色,再把图层不透明度改为:20%,同上取消选区后添加图层蒙版,用黑色画笔把边缘过渡擦出来。
<图7>图7>
7、新建一个图层,用透明度较低的白色画笔把下图选区部分涂上淡淡的白色,图层不透明度设置稍微低一点,如下图,
<图8>图8>
8、新建一个图层,用钢笔勾出左侧边缘高光选区,填充白色。不透明度改为:10%,如下图。
<图9>图9>
9、新建一个图层,用钢笔勾出下图所示的选区填充白色,不透明度改为:20%,添加图层蒙版,用黑色画笔把顶部过渡擦出来。
<图10>图10>
10、新建一个图层,用钢笔勾出左上部高光选区,羽化5个像素后填充白色,不透明度改为:60%,效果如下图。
<图11>图11>
11、新建一个图层,用钢笔勾出底部高光选区,羽化2个像素后填充白色。
<图12>图12>
12、新建一个图层,用钢笔勾出顶部高光部分的选区,羽化6个像素后填充白色,不透明度改为:30%,效果如下图。
<图13>图13>
13、新建一个图层,用钢笔勾出顶部中间位置的高光选区,填充白色。不透明度改为:30%,取消选区后添加图层蒙版,用黑色画笔把中间局部擦出来,如下图。
<图14>图14>
14、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充白色。取消选区后添加图层蒙版,用黑色画笔把边缘过渡擦出来,如下图。
<图15>图15>
15、新建图层,同上的方法制作底部及中间的其它高光,效果如图16,17。
<图16>图16>
<图17>图17>
16、在当前的组下面新建一个组,用椭圆选框工具拉出下图所示的正圆选区,给组添加图层蒙版。
<图18>图18>
上一页12 下一页
先看一下效果:
我将在这个教程里教大家做一个玻璃球.可能有些人在作完后过了一段时间不能记注里面所有的设置参数,但这个不重要.大家只要理解做的时候的一些技巧和图层样式的灵活运用就可以了.
教程分成5个主要部分:
准备一个背景素材图象和一个做出一个基本的球体形状.(步骤1.2)
用渐变工具填充选择区并设置图层样式.(步骤3-6)
添加球体高光部分.(步骤7)
添加球体的投影.(步骤8)
把球体投影变形以符合透视.(步骤9)
下面我们开始制作
1.素材的准备和选区的建立
先把我提供给你的这个报纸素材图象下载到你的计算机上(单击以下图片,右击目标另存为保存..)
图00
在PHOTOSHOP中打开这个图象,并建立一个新图层.用椭圆选框工具,按住SHIFTALT键在新图层中建立
一个选区而后把它放到图象中合适的位置,就象下面这样..
图01
用设定的前景色填充球体的选择区
双击前景色调板,打开拾色器面板,在最下面的“#”号框中输入D6D3C0这个数值;接着用油漆桶工具填充;
按CTRLD取消选择.
3.添加图层样式
现在双击图层1打开图层样式对话框,勾选内发光图层样式,把发光色设置为白色.其他具体设置参见下图
图02
结果如下图
图03
4.在球体中使用渐变工具
在图层1上新建立图层2,然后按CTRLG向下一层进行编组.(呆会你就会知道这么做的意思了).
现在把背景色改成65645F,在用渐变工具栏里的线性渐变,具体设置如下:
图04
现在开始在图层2中从红点开始到蓝点结束的2点之间做出线性渐变如图:
图05
结果如下
图06
接着按“D”键恢复前景色和背景色(黑和白色),在为图层2添加一个图层蒙板。在图层2的图层
蒙板中换用渐变工具组中的径向渐变,从球体中心向靠近球体边缘的部分拉出渐变。。
这此的结果如下图所示:
图07
5.进一步加入图层样式
选中图层1,按CTRLJ把图层1复制一份;在把图层1拖到最顶层,这时你注意到了球体的颜色变深了一些;
把图层1的填充度改成0,不是不透明度哦不清楚的请看下图:
图08
接着我们在来设置图层1的图层样式,具体设置参见下图:分别是内阴影和内发光
图09,图10
设置完后的图象效果如下
图11
6.修饰球体内部
在图层1上面建立一个新图层3,选用工具箱中的画笔工具,打开画笔工具设置对话框,设置画笔大小150象素,画笔硬度设置为0;设前景色为纯白色,
确定在图层3编辑后,在球体的正中间位置用画笔点下,在执行滤镜/模糊/高斯模糊,半径为25,点击确定。模糊球体后,图层3的面积可能回大于图层1的面积没关系我们继续下一步
确定在图层3编辑后,按CTRL鼠标左键点击图层1载入图层1不透明区域,在为图层3添加一个图层蒙板,这样一来,图层3中我们需要的图象象素就被图层蒙板保留起来了;在把图层3的不透明度设置为30%。此时你的图层调板应该象以下这样:
图12
7.添加球体高光
在图层3上新建立图层4,在用画笔工具,设置大小20象素,硬度100%;设置前景色的值为FFFFE8。在球体上点下,放到合适的位置。。
图13
接着执行屡镜/模糊/高斯模糊,半径0.5象素,点击确定。在为其设置外发光图层样式,设置如下:
图14
8.添加球体投影
现在回到图层1副本上来,设置填充度为25%。
图15
你会发现在做了这一步后它原来越接近最后的效果了。
图16
现在回到背静图层上在它之上,新建立图层5,按CTRL鼠标左键点击图层1副本载入图层1副本不透明区域。按“D”键恢复前景色和背景色(黑和白色);用渐变工具中的径象渐变在选择区由中心向外做出渐变,渐变
设置如下:
图17
同以上方法类似从选择区的中心位置有内向外做出渐变。。
现在我们用自由变换工具把图层5作成椭圆;按CTRLT后出现自由变换工具的8个调节节点,在把最上面的中心节点调到中心圆心的正中位置,做完后单击确定在点击好确定。
图18.19
在用移动工具把这个影子移动到图象中合适的位置,将其图层不透明度设置为50%;执行滤镜模糊/高斯模糊/,半径2,点击确定。。结果如下所示:
图20
9.扭曲球体内部和影子
确保当前的编辑图层是图层5后,按CTRL鼠标作键单击图层图层1副本,执行滤镜/扭曲/球面化,设置
数值为100%,模式为正常,点击确定。结果如下:
图21
在保持选择的情况下,回到背景能够图层上,按CTRLF把滤镜在执行一次。
图22
最后在回到图层4,就是高光的那个圆点,用CTRLT自由变换做下透视处理处理。全部完成了来看下结果吧。。
图23
最后我建议你去买个玻璃球以观察真实中的光影效果,这样以后我们做出的东西才会更加自然。
本教程是向大家介绍利用PS制作漂亮的蓝色圆形水晶按钮,制作方法很简单,且做出来的按钮非常漂亮有质感!喜欢的朋友快点来学习吧
水晶按钮的制作关键是把水晶质感渲染出来,教你用PS简单制作蓝色圆形内有音符的水晶按钮
。可能勾出的图层较多,注意好每一个图层都需要用图层样式等添加光感,然后再根据光源方向设定好高光位置,这样做出的按钮不仅质感好,而且比较合逻辑。 本文就为大家介绍用PS简单制作蓝色圆形内有音符的水晶按钮,希望大家喜欢!最终效果
1、新建文档,800x600像素,背景白色,画2个矩形,分别添加样式。
2、底部矩形样式。
3、上部矩形样式。
4、在画面右侧添加一个白色椭圆,图层模式柔光。
5、建新层,画一白色正圆。
6、添加图层样式,
7、建新层,画一个小些的黑色正圆,与大圆中心对齐。
8、添加图层样式。
9、建新层,前景色#204478画一音乐符号。
10、添加图层样式。
11、建新层,用自定义形状工具画一个白色正圆,然后用钢笔调整节点。
12、将填充归零,添加图层样式。
最终效果:
以上就是利用PS制作漂亮的蓝色圆形水晶按钮的方法,现在大家是不是已经学会了,希望这篇教程对大家有一定的帮助,尤其是新手朋友,感谢大家的观看!
这篇教程教的朋友们用PS制作水晶按钮,制作过程难度一般,主要运用到得是PS图层样式,希望大家通过这篇教程都能制作出漂亮的水晶按钮,先来看看最终的效果图:
FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html
制作步骤如下:
1、新建一个大小自定的文件,选择圆角矩形工具,半径设置为15像素,前景颜色设置为蓝色,拉出一个圆角矩形,然后双击图层调出图层样式,参数设置如下图,
PS制作水晶按钮
,
2、新建一个图层,给按钮添加高光效果。用圆角矩形工具再画一个较小的圆角矩形,如下图。3、把高光图层的透明度适当降低,图层混合模式改为“叠加”,效果如下图。4、调节图层效果,可以做出其他颜色的按钮,最后加上文字完成最终效果。
FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html
这篇教程是教大家如何用photoshop制作一款可以变换颜色的高光质感水晶按钮,制作方法主要用到了圆角矩形和图层样式,教程介绍的很详细,希望大家看完之后,不仅学会制作这款按钮的方法,而且能熟练掌握圆角矩形和图层样式
这篇教程是教大家如何用photoshop制作一款可以变换颜色的高光质感水晶按钮,制作方法主要用到了圆角矩形和图层样式。教程介绍的很详细,希望大家看完之后,不仅学会制作这款按钮的方法,而且能熟练掌握圆角矩形和图层样式,先看效果图。
新建文档500x300像素,背景黑色,新建图层,画一半径200的白色圆角矩形。
添加图层样式,
效果如下。
新建图层,再画一个小的白色圆角矩形,图层不透明度50%。
下面制作倒影,复制大的圆角矩形图层,新建图层1,然后合并2个图层得到图层1,ctrl+T垂直翻转挪到底部。
添加蒙版黑白直线渐变,图层不透明度80%左右,输入白色文字,效果如下。
如果你觉得蓝色不好看,想换个颜色,那就添加一个色相/饱和度调整层。
颜色随心换,只要你喜欢,其它效果如下。
本教程的重点是要做出按钮的立体感及光感,
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、最后再打上您需要的文字,这个范例就算完成啦,如下图: