当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

photoshop制作按钮 :Vista风格按钮

来源:未知 作者:空来风 学习:381人次
先看看最终效果:



以下是详细的photoshop教程步骤:
    今天我们制作一个Vista的黑色任务栏按钮效果。

    新建一张图,前景色选灰色(作为辅助色,可随意选一种较淡的颜色),用圆角矩形工具,设置圆角半径为 3 像素,画一个高 30 左右的矩形。





    新建图层,用矩形选择工具在按钮上部约50%的地方选择一个矩形。选区越靠上,按钮就越显得凸起。然后按住Ctrl+Alt+Shift,单击图层面板中第一步建立的形状图层,以选中按钮的上半部。





    选择前景色 rgb(200,200,200),背景色 rgb(90,90,90),使用渐变工具由上至下在选区中填充渐变色。





    按Ctrl+Shift+I反选,再按住Ctrl+Alt+Shift单击图层面板中第一步建立的形状图层,选择按钮下半部分。设置前景色为 rgb(24,24,24),按Alt+Del填充选区。





    按Ctrl键单击图层面板中的形状图层,然后选择减淡工具,宽度5像素,曝光度设置为50%,加亮按钮的边缘。特别是圆角部分可以适当加大高光区。





    保持前景色为 rgb(24,24,24),选择主菜单编辑- 描边,居中1像素。然后选择前景色为rgb(200,200,200),再次选择主菜单编辑- 描边,居外1像素。最后按Ctrl+D取消选区。





    效果还不错吧?最后可根据需要隐藏背景层和形状图层,输出成png格式,便于在网页上使用。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
axiao062011-03-18 09:10
来好好学习···········
冰雪阳光2010-11-03 04:06
很好,支持楼主~
fc4927042852010-11-01 05:31
``````````
lyaoyao2010-10-15 04:42
<给力>
www.23tt.net2010-10-11 04:19
不错不错不错
oiw2010-04-19 03:48
謝謝學習了
oiw2010-04-19 03:47
謝謝學習了
肥二圈2010-03-30 10:06
为什么还是看不到啊
肥二圈2010-03-30 10:06
我是来学习的

关注大神微博加入>>

网友求助,请回答!