福特少普ps 发表于 2009-9-8 18:09:30

photoshop制作开关按钮

作者uthin 出处:中国教程网

原图:
http://pic.16xx8.com/allimg/090904/1T50a402-0.jpg新建一个800*700px的photoshop文档,然后填充背景色为黑色http://pic.16xx8.com/allimg/090904/1T5095V6-1.jpg1、画一个正圆充黑色[图层1],外发光、渐变叠加,图层样式如图。http://pic.16xx8.com/allimg/090904/1T5093127-2.jpghttp://pic.16xx8.com/allimg/090904/1T50aM5-3.jpghttp://pic.16xx8.com/allimg/090904/1T5091C3-4.jpg

,                                        **** Hidden Message ***** 4、复制黑色正圆[图层1]填充白色为[图层4],置为顶层,按ctrl鼠标点该图层,得到选区,将选取缩小1-2个象素,按delete删除,得到一个圆形边框线[图层4]。用橡皮擦修改圆形边框线[图层4],如图效果。[在这里是为了更直观,才把改图层移动到旁边,实际中圆线[图层4],是不需要移动位置的。]http://pic.16xx8.com/allimg/090904/1T5094524-11.jpghttp://pic.16xx8.com/allimg/090904/1T50a2J-12.jpghttp://pic.16xx8.com/allimg/090904/1T5096402-13.jpg5、新建一个[图层5],画个同心正圆,填充黑色。http://pic.16xx8.com/allimg/090904/1T5092060-14.jpg

,                                          6、复制圆形边框线[图层4],置为顶层,缩小如图。http://pic.16xx8.com/allimg/090904/1T5095336-15.jpg7、复制[图层5]得到一个同心正圆,填充白色为[图层6],置为顶层,添加蒙板,利用渐变做出如图,调整透明度,这里为60%。http://pic.16xx8.com/allimg/090904/1T5091245-16.jpghttp://pic.16xx8.com/allimg/090904/1T5092461-17.jpg

,                                       8、再复制[图层5]得到一个同心正圆,填充白色为[图层7],按ctrl鼠标点该图层,得到选区,移动选取到适合位置,按delete删除,得到一个月牙[图层7],用橡皮擦修改月牙[图层7],如图效果。[在这里是为了更直观,才把改图层移动到旁边,实际中月牙(图层7)是不需要移动位置的。]http://pic.16xx8.com/allimg/090904/1T50945B-18.jpghttp://pic.16xx8.com/allimg/090904/1T5091244-19.jpghttp://pic.16xx8.com/allimg/090904/1T5096323-20.jpghttp://pic.16xx8.com/allimg/090904/1T5091557-21.jpg

,                                       9、新建一个[图层8],画2个小圆,然后虚化,如图,调整模式为柔光。http://pic.16xx8.com/allimg/090904/1T50922C-22.jpghttp://pic.16xx8.com/allimg/090904/1T509C00-23.jpg10、新建一个[图层9],画一个图形如图。http://pic.16xx8.com/allimg/090904/1T5095438-24.jpg

,                                       11、对[图层9]外发光、渐变叠加,图层样式如图。[为了效果先隐藏图层9]http://pic.16xx8.com/allimg/090904/1T5093C6-25.jpghttp://pic.16xx8.com/allimg/090904/1T50964A-26.jpghttp://pic.16xx8.com/allimg/090904/1T509D23-27.jpg12、再复制[图层9]得到图形,填充白色为[图层10],按ctrl鼠标点该图层,得到选区,缩小选取1个象素,按delete删除,得到一个外框线[图层10],用橡皮擦修其外框线[图层10],如图效果。http://pic.16xx8.com/allimg/090904/1T50aN2-28.jpg

,                                          13、显示隐藏的图层9。http://pic.16xx8.com/allimg/090904/1T5094J2-29.jpg14、画一个圆点虚化如图,调整模式为颜色减淡。http://pic.16xx8.com/allimg/090904/1T50955C-30.jpghttp://pic.16xx8.com/allimg/090904/1T5094120-31.jpg
页: [1]
查看完整版本: photoshop制作开关按钮