当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > PS绘制黑色质感开关按钮

Photoshop
Photoshop 漂亮的蓝红海景婚片
photoshop 快速调出人物照片柔美的蓝紫色
Photoshop 美女照片转淡红色手绘效果
photoshop 利用酒瓶制作创意的雪花图案
Photoshop 人物淡雅的青紫色
photoshop 利用素材图简单制作水墨画效果
photoshop 合成手握魔球的白衣天使
photoshop 鼠绘漂亮的绿色化妆瓶
photoshop 鼠绘女士化妆品 olay
photoshop 人物生活照片可爱的粉绿色
Photoshop 人物照片个性的暗绿色
photoshop 给美女加上彩妆及头饰
photoshop 合成梦幻的神的女儿
photoshop 照片高清的欧美流行艺术色
photoshop 合成精彩绝伦的模特艺术效果
Photoshop 一个漂亮的青苹果
Photoshop 灰色调性感美女
photoshop 性感花瓶美女合成
photoshop 打造梦幻的绿色外景婚片
photoshop 把模糊的人物照片转成可爱的淡紫色手绘效果

Photoshop 中的 PS绘制黑色质感开关按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 688 ::
收藏到网摘: n/a

  本例介绍使用PS来绘制一款黑色质感开关按钮,主要通过图层样式、图层以及图层混合模式的应用,适合新手朋友学习

  对PS常用工具的应用,希望朋友们喜欢~~

  效果图:

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  教程:

  新建一个800*700px的文档,然后填充背景色为黑色

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  1、画一个正圆充黑色[图层1],设置图层样式:外发光、渐变叠加。

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

  图层样式如图:

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  2、复制两个正圆[图层2、图层3],填充白色,先隐藏上面的白色正圆[图层3],将起下面的白色正圆[图层2]缩小1-2个象素,调整透明度为8%。

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

  3、显示刚隐藏的正圆[图层3],用矩形选框工具画个方形,调整角度,羽化20,按delete删除,调整透明度为15%。

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

  4、复制黑色正圆[图层1]填充白色为[图层4],置为顶层,按ctrl鼠标点该图层,得到选区,将选取缩小1-2个象素,按delete删除,得到一个圆形边框线[图层4]。用橡皮擦修改圆形边框线[图层4],如图效果。[在这里是为了更直观,才把改图层移动到旁边,实际中圆线[图层4],是不需要移动位置的。]

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  5、新建一个[图层5],画个同心正圆,填充黑色。

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

  6、复制圆形边框线[图层4],置为顶层,缩小如图。

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  7、复制[图层5]得到一个同心正圆,填充白色为[图层6],置为顶层,添加蒙板,利用渐变做出如图,调整透明度,这里为60%。

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

  8、再复制[图层5]得到一个同心正圆,填充白色为[图层7],按ctrl鼠标点该图层,得到选区,移动选取到适合位置,按delete删除,得到一个月牙[图层7],用橡皮擦修改月牙[图层7],如图效果。[在这里是为了更直观,才把改图层移动到旁边,实际中月牙(图层7)是不需要移动位置的。]

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

  9、新建一个[图层8],画2个小圆,然后虚化,如图,调整模式为柔光。

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  10、新建一个[图层9],画一个图形如图。

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

  11、对[图层9]外发光、渐变叠加,图层样式如图。[为了效果先隐藏图层9]

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  

  12、再复制[图层9]得到图形,填充白色为[图层10],按ctrl鼠标点该图层,得到选区,缩小选取1个象素,按delete删除,得到一个外框线[图层10],用橡皮擦修其外框线[图层10],如图效果。

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  13、显示隐藏的图层9。

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  14、画一个圆点虚化如图,调整模式为颜色减淡。

  

PS绘制黑色质感开关按钮-www.RuanChen.Com

 

  最终效果!

  

PS绘制黑色质感开关按钮-www.RuanChen.Com