网页元素之按钮练习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

转载于:https://www.cnblogs.com/staceydesign/archive/2013/05/14/3077417.html