网页元素之按钮练习2
练习一、蓝色玻璃按钮
小结:利用钢笔工具勾划选区,渲染高光部分,重点是找准高光部分,构建合适形状的选区。
本练习做得较粗糙,钢笔需加强,对高光的感知欠缺。
练习二、橙色水晶按钮
小结:1、渐变颜色叠加,可塑造高光效果。
2、图形自由变换——变形——可自定义,也可选择预设的(本例用了扇形,做出弓形效果)。
3、在做图时尽量选择矢量填充,如本例制作图形做好用形状,而不是选区。
4、底部投影,可用钢笔工具,结合动感模糊。
练习三、蓝色透明水晶按钮
小结:1、本练习,没有添加图层样式,单纯用了图层叠加,颜色渐变。
2、复制图层,执行:选择 > 修改 > 收缩,再按Delete删除,可保留边框。
3、photoshop制作动画功能,还未掌握,找时间学习。
详细步骤见:http://www.poluoluo.com/jzxy/201012/99043.html
练习四、黑色质感按钮
小结:1、高光制作方法:用铅笔画直线(2px)——图层样式(内阴影、外发光)——添加蒙版——渐变工具(白-黑,由中间向左端拉)。
2、选区也可描边,执行:编辑——描边。
3、细节用心处理,如图层样式,左右黑色部分。