Photoshop轻松打造web2.0水晶风格按钮

英文原文:http://www.psdtuts.com/tutorial_mac.html

效果图:

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图

1. 创建透明背景图层,再新建一个图层(图层1),使用矩形工具绘制一个矩形路径,(这里我将矩形大小设置为1280*1024),在矩形路径上点击右键,选择建立选区。然后使用渐变工具,选取颜色相近的两种橙色对矩形进行线性渐变填充,再按Ctrl+D撤销选区。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图1

2. 新建一个图层(图层2),使用多边形工具,将边数设置为3,绘制一个如图所示的三角形路径,在三角形路径上点击右键,选择建立选区。然后将前景色设置为白色,选择画笔工具(大小设置为300像素),沿选区上边缘涂抹,注意画笔力度不要太硬,再按Ctrl+D撤销选区。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图2

3. 将图层2的图层混合模式设置为“叠加”。新建一个图层(图层3),再使用多边形工具绘制一个与图层2类似的三角形路径,并在此三角形路径上点击右键,选择建立选区。然后使用渐变工具,颜色由黑色到透明色,对选区进行渐变填充,按Ctrl+D撤销选区。再按Ctrl+T对三角形进行自由变换,效果如图所示。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图3

4. 将图层3的图层混合模式设置为“叠加”,图层不透明度设置为34%。
新建一个图层(图层4),使用钢笔工具绘制一条曲线。然后点击右键,选择建立选区。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图4

5. 现在得到了一个如图所示的选区,使用渐变工具,将颜色设置为由白色到透明色,对选区进行渐变填充,再按Ctrl+D撤销选区,并将图层4的图层混合模式设置为“叠加”。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图5

6. 新建一个图层(图层5),再次使用钢笔工具绘制图形,形状如图所示。在图形处点击右键,选择建立选区。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图6

7. 使用画笔工具(大小设置为300左右),将前景色设为黑色,沿着选区的上边缘进行涂抹,效果如图所示。注意不要撤销选区以备后面使用。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图7

8. 新建一个图层(图层6),选择选区工具,然后按住方向键的向下箭头,将选区向下移动10个像素(将向下箭头按10次)。然后按住Ctrl+Shift+I对选区进行反选,再用画笔工具(大小设置为300左右),将前景色设为黑色,沿着选区的下边缘进行涂抹,然后将图层的混合模式设置为“叠加”,图层不透明度设置为60%。

【亿码酷站-编程开发教程】收集全网优质教程及源码资源!

全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ymkuzhan.com!

 

9. 新建一个图层(图层7),再次按住Ctrl+Shift+I对选区进行反选,然后选择画笔工具(大小设置为300左右),设置前景色为白色,沿着选区的上边缘进行涂抹,再按Ctrl+D撤销选区。效果如图所示。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图8

10. 新建一个图层(图层8),使用椭圆选框工具在图层的左上方绘制圆形选区,然后使用渐变工具,颜色由白色到透明,对圆形选区进行径向渐变填充,再按Ctrl+D撤销选区,并将图层模式设置为“叠加”。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图9

11. 现在看来整体颜色不是很明亮,那么我们新建一个图层(图层9),使用矩形工具绘制一个矩形路径(大小为1280*1024),选择一个较为明亮的橙色进行填充,并将图层的混合模式设置为“颜色”,图层的不透明度设置为55%,这样看起来就明亮多了。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图10

12. 为了让它看起来更加漂亮,我们新建一个图层(图层10),使用钢笔工具勾出一个路径,然后点击右键,选择建立选区。效果如图所示。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图11

13. 使用线性渐变工具,颜色由白色到透明,对选区进行线性渐变填充,再按Ctrl+D撤销选区,并将图层混合模式设置为“叠加”。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图12

14. 新建一个图层(图层11),使用椭圆选框工具在图层的左下角绘制一个椭圆选区,然后使用渐变工具,颜色由白色到透明,对选区进行线性渐变填充,再按Ctrl+D撤销选区,并将图层混合模式设置为“叠加”。

苹果风格背景效果教程_亿码酷站___亿码酷站平面设计教程插图13

15. 最后,我在右下角加入了一点黑色渐变,在左上角加入了一点白色渐变,并将图层的混合模式设置为“叠加”。大家也可以根据自己的喜好ps一个苹果风格的背景。

下载声明:
  • 本站资源如无特殊说明默认解压密码为www.ymkuzhan.com建议使用WinRAR解压;
  • 本站资源来源于用户分享、互换、购买以及网络收集等渠道,本站不提供任何技术服务及有偿服务,资源仅提供给大家学习研究请勿作它用。
  • 赞助本站仅为维持服务器日常运行并非购买程序及源码费用因此不提供任何技术支持,如果你喜欢该程序,请购买正版!
  • 版权声明:
  • 下载本站资源学习研究的默认同意本站【版权声明】若本站提供的资源侵犯到你的权益,请提交版权证明文件至邮箱ymkuzhan#126.com(将#替换为@)站长将会在三个工作日内为您删除。
  • 免责声明:
  • 您好,本站所有资源(包括但不限于:源码、素材、工具、字体、图像、模板等)均为用户分享、互换、购买以及网络收集而来,并未取得原始权利人授权,因此禁止一切商用行为,仅可用于个人研究学习使用。请务必于下载后24小时内彻底删除,一切因下载人使用所引起的法律相关责任,包括但不限于:侵权,索赔,法律责任,刑事责任等相关责任,全部由下载人/使用人,全部承担。以上说明,一经发布视为您已全部阅读,理解、同意以上内容,如对以上内容持有异议,请勿下载,谢谢配合!支持正版,人人有责,如不慎对您的合法权益构成侵犯,请联系我们对相应内容进行删除,谢谢!