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

Photoshop
Photoshop 把素材转成火焰效果
Photoshop 漂亮的绿茶海报
Photoshop 非常华丽的透明玻璃文字
Photoshop 设计漂亮的极简派艺术壁纸
Photoshop 调色教程 怀旧的自行车
Photoshop 人物细腻的古铜色肤色
Photoshop 漂亮的绿色蝴蝶仙子
PS鼠绘水彩风格荷花图
Photoshop 创意的饮料海报
Photoshop 画笔绘制灼热的立体文字特效
photoshop 硬币的金属感
Photoshop 人物照片梦幻蓝色调
Photoshop 人物甜美的淡紫色
Photoshop 精致的反光光碟
Photoshop 简单的立体像素图
photoshop 为婚片打造一种拼图艺术效果
Photoshop mm非主流冷色调风格
photoshop 简单3步为美女纹身
phtoshop 偏灰照片的清爽糖水绿色调
Ps 绿盈荷园调成深蓝色效果

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 680 ::
收藏到网摘: 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