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

Photoshop
Photoshop 制作一顶灰色的太阳帽
photoshop 鼠绘超酷的人物插画
Photoshop 简单给人物照片润色及加强肤色质感
Photoshop 人像转为黑白素描画
photoshop 多图合成经典的平面广告
Photoshop 整体美化偏暗的人物图片
photoshop 利用图层样式制作简单的纹理浮雕字效果
Photoshop 调出外景人物照片强对比的暗红色
Photoshop 打造一幅怀旧风格的文字插画
Photoshop 调出街景照片光亮的黄金色
photoshop 给人物加上另类的花纹彩妆
Photoshop 制作一串成熟的香蕉
photoshop 利用烟雾笔刷制作逼真的烟雾字效果
Photoshop 偏黄的中年妇女磨皮及美白
Photoshop 调出手机人物照片粉嫩的甜美色
photoshop 鼠绘空旷的高速路上的鼠绘
Photoshop 梦幻的古典手绘人物签名效果
Photoshop 调出可爱女孩淡粉的甜美色
Photoshop 制作梦幻绚丽3D字效果
Photoshop 打造梦幻的古典仿手绘美女

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


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