|
先看一下看完成效果:

今日我们打造一Vista的黑色任务栏按钮效果。
创建一幅图,前景色选灰色(作为辅助色,可随便选一种很淡的色彩),用圆角矩形工具,设定圆角半径为 3 象素,画一高 30 左右的矩形。

创建图层,用矩形选取工具在按钮上部约50%的位置选取一矩形。选区越靠上,按钮就越显得凸起。之后按住Ctrl+Alt+Shift,点击图层面版中步骤1新建的外形图层,以选中按钮的上半部。

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

按Ctrl+Shift+I反选,再按住Ctrl+Alt+Shift点击图层面版中步骤1新建的外形图层,选取按钮下半部分。设定前景色为 rgb(24,24,24),按Alt+Del填充选区。

按Ctrl键点击图层面版中的外形图层,之后选取减淡工具,宽度5象素,暴光度设定为50%,加亮按钮的边上。特殊是圆角部分可恰当加大高光区。

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

效果还好吧?最终可依照想要隐蔽背景层与外形图层,输出成png格式,便于在网页上运用。 |
|