论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Photoshop教程
Tag:photoshop cs,照片,非主流,水晶,效果,画笔,圣诞,滤镜,艺术,手绘,蒙版,抠图,风景,特效,人像,矢量,国画,图像,数码,合成,玻璃,美女,图案,鼠绘,调色,婚纱,插画,图层,山水,漫画,透明,水粉,光线,笔刷,工具,实例,入门,人物,头发,签名,视频,壁纸,水墨,相框,海报,立体,动画,文字,换头,视频教程

photoshop制作发光的电源按钮

文章类别:Photoshop | 发表日期:2010-4-22 9:45:28

这个PS教程将会为大家介绍使用photoshop制作一个发光的电源按钮。

Photoshop绘制作一个立体发光电源按钮

  1、运行Photoshop创建一个500*500px的新文档,由于我们是制作一个图标按钮,所以在形状上一定要使用标准对称的几何图案。选择“编辑—首选项—参考线、网格和切片”,如图所示。

Photoshop绘制作一个立体发光电源按钮

  2、打开首选项窗口后我们开始设置网格作为辅助。由于前面创建了500px的文档,所以我们可以设置网格线间隔:100像素、子网格:4,如图所示

Photoshop绘制作一个立体发光电源按钮

  3、完成设置后,按下Ctrl+'快捷键,就可打开网格了,如图所示。

Photoshop绘制作一个立体发光电源按钮
  4、选择“椭圆工具”,然后按着Shift+Alt,在图片的中心处按下左键并拖动,得到一个黑色的圆形,如图所示。
Photoshop绘制作一个立体发光电源按钮
  5、使用想同的方法,再创建一个白色的同心圆,如图所示。
Photoshop绘制作一个立体发光电源按钮
  6、在属性栏中选择“排除重叠形状”按钮,如图所示。
Photoshop绘制作一个立体发光电源按钮
  7、以前面步骤创建的圆心下面一格的位置作为圆心,再创建一个圆形,效果如图所示。
Photoshop绘制作一个立体发光电源按钮
  8、右键单击图层面板中的“形状2”图层,选择“删格化图层”,然后使用“矩形选框工具”选择下方的弧形,并清除,如图所示。
Photoshop绘制作一个立体发光电源按钮
  9、选择“滤镜—模糊—高斯模糊”,设置半径为11像素,如图所示。
Photoshop绘制作一个立体发光电源按钮
  10、设置形状2的不透明度为30%左右,效果如图所示。
Photoshop绘制作一个立体发光电源按钮
  11、单击形状1的图层调色板,打开拾色器,设置颜色,然后添加“内阴影”图层样式,如图所示。
Photoshop绘制作一个立体发光电源按钮
 
Photoshop绘制作一个立体发光电源按钮
 12、使用钢笔工具,创建下图所示的路径。
Photoshop绘制作一个立体发光电源按钮
  13、单击右键,选择“建立选区”命令,设置羽化为0,选择消除锯齿,如图所示。
Photoshop绘制作一个立体发光电源按钮
  14、在弧形图层的上方新建一个图层,并使用“渐变工具”在选区内拉出白色到透明的渐变效果,如图所示。
Photoshop绘制作一个立体发光电源按钮
  15、按着Ctrl键单击形状1的蒙板缩略图载入圆形选区,按下Ctrl+Shift+I反选,按下Delete清除图层1中选区的内容,如图所示。
Photoshop绘制作一个立体发光电源按钮
  16、设置图层1的不透明度为40%,如图所示。
Photoshop绘制作一个立体发光电源按钮
  17、双击“形状1”图层,打开图层样式对话框,设置“投影”图层样式,如图所示。
Photoshop绘制作一个立体发光电源按钮
  18、把电源素材复制到图片中,你也可以使用自定形状工具自己制作一个,如图所示。
Photoshop绘制作一个立体发光电源按钮
 19、最后为电源素材图层添加“外发光”、“内发光”两种层样式,如图所示。
Photoshop绘制作一个立体发光电源按钮
 
Photoshop绘制作一个立体发光电源按钮
 
Photoshop绘制作一个立体发光电源按钮
  加上背景素材,这个发光的电源按钮就完成了,photoshop教程完毕。
Photoshop绘制作一个立体发光电源按钮
上一篇:Photoshop图层样式制作文字效果 人气:2411
下一篇:Photoshop制作闪电特效 人气:2224
视频教程列表
文章教程搜索
 
Photoshop推荐教程
Photoshop热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058