Photoshop CS5制作非常剔透的玻璃按键

2016-04-05 17:34 4 1 收藏

下面图老师小编要向大家介绍下Photoshop CS5制作非常剔透的玻璃按键,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - PS 】

Photoshop CS5制作非常剔透的玻璃按键

   Photoshop CS5玻璃按钮的暗部非常少,重点是高光部分的渲染,可以先用图层样式做出内侧边缘高光及底部的投影;再用手绘的方法加上顶部的高光;其它部分可以加上一些环境光或倒影等即可。

  最终效果

  

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

  1、新建一个画布(我的是1000*1000px,新手可以效仿),背景颜色(个人喜好,我的背景是图片模糊处理过的,我会在专门发一篇关于背景的,这次先添加颜色就好)

  新建一个你认为合适的导航,我这里是圆角为17px / 600*80px 的圆角矩形。

  2、首先填充为( 0 ),内发光(颜色:#ffffff - 效果:叠加 - 不透明度90% - 大小12px )其余不用设置。很棒!感觉来了有木有。

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

  内阴影 (颜色:#e5e5e5 - 效果:叠加 - 不透明(www.tulaoshi.com)度45% - 距离1px 其余为0 全局光全为90度)。

  接下来是投影:

  颜色:#4c4c4c 效果:叠加 不透明度:50% 距离:2px 大小:3px 扩展:0。

  3、这里画一个椭圆 (做高光用)。

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop CS5制作非常剔透的玻璃按键(2)

  4、蒙版羽化16.8px。

  5、效果:叠加 不透明度35% 剪切蒙版 看一下Photoshop CS5效果。

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

&nbTulaoshi.Comsp;

  6、椭圆并未显示,因为这个:

  我们把椭圆要剪切进去的圆角矩形(是被剪切的圆角矩形哦!) ,将内部效果混合成组勾上,将剪贴图层混合成组取消勾选。看一下效果:

  7、我们回到这步。

  8、Photoshop CS5椭圆的羽化调好后,右键 - 栅格化图层。

  9、然后点击圆角矩形,调出选区(调选区不用教了吧! ctrl+鼠标左键 点击),然后ctrl+shift+I 反选再点击椭圆图层按Delete,看下效果吧。

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop CS5制作非常剔透的玻璃按键(3)

  10、然后 ctrl+d 取消选区,效果:叠加,不透明度:35%,效果如下。

  11、再次画一个椭圆。

  12、PhotuLaoShi.comtoshop CS5做法同上一个椭圆,自己回想一下蒙版羽化:3px - 栅格化 - 调选区 - 反选 - 删除 - 效果:叠加 - 不透明度15%。然后呢给这个椭圆加一个蒙版。

  13、还是画椭圆,这次是在下方哦。

Photoshop CS5制作非常剔透的玻璃按键(4)

  14、蒙版羽化 18px左右,效果还是叠加,不透明度15%,效果如下。

  加上文字,效果如下图。

tuLaoShi.com  Photoshop CS5最终效果:

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

来源:https://www.tulaoshi.com/n/20160405/2127202.html

延伸阅读
标签: PS
快速了解Photoshop CS5应用技巧 TuLaoShi.com   快速复制技巧:在同一个文档中,确定当前为移动工具(或暂时为移动工具),按下键的同时,拖移对象,即可复制,按住键,可保证按45度角的倍数移动;在不同的文档间,移动时按住键,如果两个文档的大小相同,则对象复制到新文档的相同的位置,如果文档大小不同,那么对象被复制到新文档的...
photoshop CS5简单修图方式          按照以往的经验,大家可能第一个反应是用仿制图章工具提取周围的草地进行修补。但CS5增强了这一强大的功能,这一切将变得十分简单!  原图 效果        首先将木桥用套索工具抠出,羽化2像素    &nb...
标签: PS PS教程
樱桃的构造不是很复杂,不过高光及暗部区域还是比较难画的,每一部分都需要用钢笔或图形工具画出来,然后用蒙版来控制大小,绘制的时候要有耐心和细心。 最终效果 1、建立一个 720×1050像素的文档,然后新建一个空白图层,用圆角形状工具画一个圆出来。 2、画好之后按Ctrl+T 自由变换,右键变形。把圆形调整一下形状,让它接近实物形状自...
标签: PS PS基础
在平时拍摄过程中,发现照片中的人像姿势不合理,如本来应该抬起的手臂却垂下了而显得缺乏活力,本应该弯曲的双腿却因为直立而显得比较呆板。在前期拍摄不理想,会造成不少的麻烦。我们可以利用 Photoshop CS5的操控变形 功能在后期对照片中的人物姿势进行适当的处理,得到更完美的效果。 更真实的动作变形 Photoshop从早期的3D变换滤镜...
标签: PS效果 PS PS基础
水晶字的制作可能并不复杂。不过要做出好看的水晶字还是要花费一定心思的,首先要从文字的造型上下功夫,把普通的文字艺术化,增加一些漂亮的花纹装饰等。然后就是水晶效果的制作,尽量把文字渲染的剔透一点。最后就是装饰元素的添加,可以根据需要增加一些自己喜欢的装饰元素。 制作过程中有任何疑问可以加作者的 QQ:1050702421 。 最终效...

经验教程

536

收藏

36
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部