最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

Photoshop制作一个夜光的立体按钮

日期:11-10    来源:中国设计秀    作者:cnwebshow.com

  这篇Photoshop教程中我们将设置图层样式中的“外发光”和“斜面与浮雕”图层样式效果,来制作一个暗调金属风格按钮效果,制作中按钮表面的锐利棱角是通过设置“斜面与浮雕”中的“方法”选项制作而成的。具体的制作方法各位网友可跟随教程同步制作。XDy中国设计秀

  XDy中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作一个夜光的立体按钮

 XDy中国设计秀

  开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。XDy中国设计秀

  (1)运行Photoshop CS5,打开素材文件“黑色背景.psd”文件。XDy中国设计秀

  XDy中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作一个夜光的立体按钮

 XDy中国设计秀

  (2)设置前景色,使用“椭圆”工具进行绘制。XDy中国设计秀

  XDy中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作一个夜光的立体按钮

(3)为“形状 1”添加图层样式。XDy中国设计秀

 XDy中国设计秀

  XDy中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作一个夜光的立体按钮

 XDy中国设计秀

  XDy中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作一个夜光的立体按钮

 XDy中国设计秀

  XDy中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作一个夜光的立体按钮

 XDy中国设计秀

  XDy中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作一个夜光的立体按钮

(4)使用“椭圆”工具绘制出“形状 2”。XDy中国设计秀

 XDy中国设计秀

  XDy中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作一个夜光的立体按钮

 XDy中国设计秀

  (5)复制“形状 2”,