《手把手教你制作加强版的Apple风格按钮》由会员分享,可在线阅读,更多相关《手把手教你制作加强版的Apple风格按钮(4页珍藏版)》请在金锄头文库上搜索。
1、 手把手教你制作加强版的Apple风格按钮 1、实现这个效果,确实比你想象的要简单.只需几个渐变和一些特效. 在此例中,最终的结果是做一个胶囊型的按钮,如果你选用其它图形,别忘了使图形的角更平滑些,这样才能得到更好的效果.具体方法是: Gaussian Blur 你要平滑的地方并进行Brightness / Contrast调整. 开始. 新建一透明层, 画出一个黑色胶囊状的图形.方法是:先画一正圆切换移动工具(Move tool)按住Shift向右拖动鼠标, 将复制的圆形放在合适位置,接着画一长方形将两个原形连接起来并填充黑色.合并图层,这样你就得到了胶囊按钮的图形. . 2 新建一层,改变
2、图层混合模式为Screen. 选择合适的前景色和背景色,从按钮的顶部到底部拖一垂直渐变.在这里我用了0x2654A0 和0xAFCBEE做前景色和背景色. 注意:我所选用的颜色都不是网页安全色(web-safe colors).如果你要把此按钮放在网页上的话,可能需要寻找更好的颜色,否则别人看不到不是太可惜了吗. Right? 按住Ctrl+G将渐变层置入按钮图层中. . 3 Ctrl+点击黑色按钮图层, 将选择区域保存为通道. 选择你所创建的通道, 保持选择区域浮动, 收缩(contract)它(具体收缩的数量要看你图像的大小而定) 直到如图所示. 对于其它样式的图形, 例如文字一类有锐角的
3、图形, 你可能需要应用Select Modify Smooth 来平滑图形,具体的数量根据具体情况而定. 反转选择区域. . 4保持选择区域浮动按Q进入快速蒙版.在按钮的底步画一长方形并填充黑色,最终效果如图,其中红色部分 1、实现这个效果,确实比你想象的要简单.只需几个渐变和一些特效. 在此例中,最终的结果是做一个胶囊型的按钮,如果你选用其它图形,别忘了使图形的角更平滑些,这样才能得到更好的效果.具体方法是: Gaussian Blur 你要平滑的地方并进行Brightness / Contrast调整. 开始. 新建一透明层, 画出一个黑色胶囊状的图形.方法是:先画一正圆切换移动工具(Mo
4、ve tool)按住Shift向右拖动鼠标, 将复制的圆形放在合适位置,接着画一长方形将两个原形连接起来并填充黑色.合并图层,这样你就得到了胶囊按钮的图形. . 2 新建一层,改变图层混合模式为Screen. 选择合适的前景色和背景色,从按钮的顶部到底部拖一垂直渐变.在这里我用了0x2654A0 和0xAFCBEE做前景色和背景色. 注意:我所选用的颜色都不是网页安全色(web-safe colors).如果你要把此按钮放在网页上的话,可能需要寻找更好的颜色,否则别人看不到不是太可惜了吗. Right? 按住Ctrl+G将渐变层置入按钮图层中. . 3 Ctrl+点击黑色按钮图层, 将选择区域保存为通道. 选择你所创建的通道, 保持选择区域浮动, 收缩(contract)它(具体收缩的数量要看你图像的大小而定) 直到如图所示. 对于其它样式的图形, 例如文字一类有锐角的图形, 你可能需要应用Select Modify Smooth 来平滑图形,具体的数量根据具体情况而定. 反转选择区域. . 4保持选择区域浮动按Q进入快速蒙版.在按钮的底步画一长方形并填充黑色,最终效果如图,其中红色部分