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

Photoshop
PhotoshopCS 简单制作墙上面的涂鸦文字
Photoshop 逼真的牛奶字特效
Photoshop 艺术花纹文字特效
Photoshop 制作中秋佳节月圆人圆中秋贺卡
photoshop 合成疯狂的水彩画
Photoshop 梦幻的翠绿色池景婚片
photoshop 鼠绘可爱的动漫女孩
Photoshop 魔幻的舞者照片
Photoshop 绚丽的真人潮流插画
photoshop 鼠绘一双水灵有神的眼睛
photoshop 图片合成 大海中有一个楼宇
photoshop 终极美容教程打造水嫩红润肌肤
Photoshop 漂亮的潮流3D字效果
Photoshop 一张时尚的促销牌
photoshop 三步调出人物照片暗灰的中性色
photoshop 合成颓废绚丽的舞者
Photoshop 打造怀旧的古典淡黄色婚片
Photoshop 清晰开阔的海景婚片
Photoshop 调出外景照片鲜艳的绿色调
Photoshop 调出美女照片可爱的淡红色

Photoshop鼠绘教程:绘制一款黑色质感开关按钮


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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

13、显示隐藏的图层9。

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

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

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网

Photoshop鼠绘教程:绘制一款黑色质感开关按钮_软晨学习网