您的位置: 首页 > 软件教程 > Photoshop按钮制作教程专题 > PS按钮制作高级教程之制作左侧导航按钮

PS按钮制作高级教程之制作左侧导航按钮

8.0分
出处:思缘设计 时间:2011-05-17

您可能感兴趣的话题: Photoshop  

核心提示:本教程介绍非常漂亮的导航图示按钮制作方法。按钮的效果非常大气及精美,利用图示图形来制作提示效果,感觉非常的生动。

  11、使用自定义形状工具,选中一个形状:

PS按钮制作高级教程之制作左侧导航按钮 

  12、为之前的质感轮廓添加一个图形,颜色为白色:

PS按钮制作高级教程之制作左侧导航按钮

  13、现在完成了图形的制作,我们将来制作右边的文字按钮,先用圆角工具,颜色为黑色,半径为7px,制作如下区域,只需要保证区域不要超过我们的图形轮廓高度。

PS按钮制作高级教程之制作左侧导航按钮

  14、为其增加图层样式。

PS按钮制作高级教程之制作左侧导航按钮

PS按钮制作高级教程之制作左侧导航按钮

PS按钮制作高级教程之制作左侧导航按钮

PS按钮制作高级教程之制作左侧导航按钮

PS按钮制作高级教程之制作左侧导航按钮

  15、添加文字。

PS按钮制作高级教程之制作左侧导航按钮 

  16、为文字增加图层样式,使文字效果与左边的图标效果相似。

PS按钮制作高级教程之制作左侧导航按钮

PS按钮制作高级教程之制作左侧导航按钮

PS按钮制作高级教程之制作左侧导航按钮

PS按钮制作高级教程之制作左侧导航按钮

  17、在大标题下增加小文字,颜色为#1d70e1。

PS按钮制作高级教程之制作左侧导航按钮

  18、为小文字添加阴影样式:

PS按钮制作高级教程之制作左侧导航按钮

网友评论
多特网友 2011-12-07 01:04:15 回复
  看不懂    最好有视频
多特网友 2011-12-07 01:04:15 回复
  看不懂    最好有视频
精品软件课程
更多 >
photoshop教程让你从入门到精通,从新... [详细]
AutoCAD是美国Autodesk公司开发... [详细]
CorelDRAW是一款由Corel公司开发... [详细]
美图秀秀是一款很好用的图片处理软件,不用学习... [详细]
Photoshop从头学起,从新手快速到高手... [详细]
光影魔术手(nEO iMAGING)是一款对... [详细]