网页元素之按钮练习2

练习一、蓝色玻璃按钮

小结:利用钢笔工具勾划选区,渲染高光部分,重点是找准高光部分,构建合适形状的选区。

本练习做得较粗糙,钢笔需加强,对高光的感知欠缺。

 

练习二、橙色水晶按钮

小结:1、渐变颜色叠加,可塑造高光效果。

2、图形自由变换——变形——可自定义,也可选择预设的(本例用了扇形,做出弓形效果)。

3、在做图时尽量选择矢量填充,如本例制作图形做好用形状,而不是选区。

4、底部投影,可用钢笔工具,结合动感模糊。

 

练习三、蓝色透明水晶按钮

小结:1、本练习,没有添加图层样式,单纯用了图层叠加,颜色渐变。

2、复制图层,执行:选择 > 修改 > 收缩,再按Delete删除,可保留边框。

3、photoshop制作动画功能,还未掌握,找时间学习。

详细步骤见:http://www.poluoluo.com/jzxy/201012/99043.html

 

练习四、黑色质感按钮

小结:1、高光制作方法:用铅笔画直线(2px)——图层样式(内阴影、外发光)——添加蒙版——渐变工具(白-黑,由中间向左端拉)。

2、选区也可描边,执行:编辑——描边。

3、细节用心处理,如图层样式,左右黑色部分。

详细步骤见:http://www.poluoluo.com/jzxy/201003/80835.html

posted @ 2013-05-14 17:48  StaceyDesign  阅读(206)  评论(0编辑  收藏  举报