先上效果图:i7WHTML5中文学习网 - HTML5先行者学习网

  Step 1.i7WHTML5中文学习网 - HTML5先行者学习网
  打开photoshop,新建一个1280×1024px的文件,背景直接填充任意颜色,在背景图层上双击打开混合选项面板,点击渐变叠加设置如下参数:i7WHTML5中文学习网 - HTML5先行者学习网

  然后你的背景层就是这样i7WHTML5中文学习网 - HTML5先行者学习网

  Step 2.i7WHTML5中文学习网 - HTML5先行者学习网
  现在新建一个图层,选择钢笔工具,勾勒出你喜欢的一个形状,跟随我的如下做法当然也行~然后填充任意颜色。i7WHTML5中文学习网 - HTML5先行者学习网
 
  Step 3.i7WHTML5中文学习网 - HTML5先行者学习网
  选择椭圆工具,按住shift键在这个图层上随意拖出一个圆,按下delete删掉,创建出圆孔。重复这样子做几个圆出来。i7WHTML5中文学习网 - HTML5先行者学习网

  Step 4.i7WHTML5中文学习网 - HTML5先行者学习网
  形状搞定!双击图层打开混合选项面板作如下设置。i7WHTML5中文学习网 - HTML5先行者学习网
 
 
  看看效果:i7WHTML5中文学习网 - HTML5先行者学习网

  Step 5.i7WHTML5中文学习网 - HTML5先行者学习网
  再次使用钢笔工具勾勒出一个形状,填充任意颜色然后挖出一个孔。i7WHTML5中文学习网 - HTML5先行者学习网

  Step 6.i7WHTML5中文学习网 - HTML5先行者学习网
  设置如下混合选项属性。i7WHTML5中文学习网 - HTML5先行者学习网
 
 
  看一看效果:i7WHTML5中文学习网 - HTML5先行者学习网

  Step 7.i7WHTML5中文学习网 - HTML5先行者学习网
  现在新建一个图层创建一个新的形状并打孔。你可以使用上你所有的高端技术O(∩_∩)Oi7WHTML5中文学习网 - HTML5先行者学习网

  Step 8.i7WHTML5中文学习网 - HTML5先行者学习网
  再次添加样式。i7WHTML5中文学习网 - HTML5先行者学习网
 
 
  大功告成!~/(   )/~i7WHTML5中文学习网 - HTML5先行者学习网