photoshop打造苹果风格的按钮
2013-04-23 15:27
316 查看
一、建立文件,文件大小200px*200px,72dpi,前景背景都为白色;
二、选择圆角工具,固定大小114px*114px,半径10px,建立选区,填充任意色,命名按钮背景,如下设置图层属性;
1、 投影:混合模式:正片叠底,颜色:黑色,角度:90,距离:1px,大小:1px,如下图:
2、 渐变叠加:混合模式:正常,不透明度:100%,颜色从# d7d7d7到#ffffff到# d7d7d7(白色定位在75%的位置),样式:线性,角度:90,其他默认,如下图:
3、 描边:大小:1px,位置:内部,混合模式:正常,不透明度:100%,填充类型:渐变,颜色从#aeaeae到白色到#aeaeae,白色定位在中间,样式:线性,角度:90度,其他默认,如下图:
三、找出自己的LOGO图片,拉至合适大小,放在按钮背景的上方,去除背景,命名为LOGO;
四、矩形工具画一个刚好能盖住按钮背景的选区,在LOGO的上面建立图层,选择渐变工具,颜色从白色到透明,从上至下渐变,如下图:
五、选择这个图层,按住ctrl+左键点击按钮背景,反选,删除;
六、在中间偏上的地方勾一个弧度,去除下面的部分,往下移动2px,就是最终效果了,如下图:
二、选择圆角工具,固定大小114px*114px,半径10px,建立选区,填充任意色,命名按钮背景,如下设置图层属性;
1、 投影:混合模式:正片叠底,颜色:黑色,角度:90,距离:1px,大小:1px,如下图:
2、 渐变叠加:混合模式:正常,不透明度:100%,颜色从# d7d7d7到#ffffff到# d7d7d7(白色定位在75%的位置),样式:线性,角度:90,其他默认,如下图:
3、 描边:大小:1px,位置:内部,混合模式:正常,不透明度:100%,填充类型:渐变,颜色从#aeaeae到白色到#aeaeae,白色定位在中间,样式:线性,角度:90度,其他默认,如下图:
三、找出自己的LOGO图片,拉至合适大小,放在按钮背景的上方,去除背景,命名为LOGO;
四、矩形工具画一个刚好能盖住按钮背景的选区,在LOGO的上面建立图层,选择渐变工具,颜色从白色到透明,从上至下渐变,如下图:
五、选择这个图层,按住ctrl+左键点击按钮背景,反选,删除;
六、在中间偏上的地方勾一个弧度,去除下面的部分,往下移动2px,就是最终效果了,如下图:
相关文章推荐
- Photoshop超级轻松打造web2.0水晶风格按钮
- photoshop制作黑色风格的网页按钮教程
- 注重细节!Photoshop打造Web2.0风格…
- Photoshop 打造一张潮流风格女孩桌面
- Photoshop 打造一幅怀旧风格的文字插画
- 注重细节!Photoshop打造Web2.0风格…
- Photoshop打造简单的红色水晶苹果
- Adobe AI:AI打造清新苹果风格图标一:形状的建立
- Photoshop 打造漂亮的潮流风格文字插画
- lc_switch插件实现苹果IOS风格单复选框样式按钮
- 跟我学PS:打造Vista风格按钮
- Photoshop打造成漫画风格忍者海报特效
- CSS3 打造超炫按钮风格
- Silverlight 下苹果(Mac OS)风格按钮的实现
- Silverlight 下苹果(Mac OS)风格按钮的实现
- Photoshop巧用图层样式反复叠加打造一层风格的咖啡杯教程
- Photoshop打造出逼真的古典针织风格圣诞贺卡
- clayui界面库系列教程之一:做一个苹果风格的按钮
- 用Photoshop打造Android 风格的Icon
- Photoshop 打造超酷的抽象风格光影海报效果