gggds 发表于 2009-12-7 21:16:27

Photoshop绘制三维立体Chrome浏览器图标_photoshop鼠绘教程新中国展示论坛

这篇教程是我刚刚在ADOBE的网站上看到的,教程教我们制作一个三维立体感极强的Chrome浏览器图标,对于我们学习PS鼠绘很有帮助,转发到飞特,希望对飞特的朋友们有所帮助!

先看看绘制效果图:


http://plan.fevte.com/uploadfile/2009/0819/20090819114101601.jpg
  先新建画布(文件>新建),大小854x854 px,分辨率72.用椭圆工具(U)画出一个Google Chrome浏览器图标的底层(译者:别忘了选定形状图层模式)

http://plan.fevte.com/uploadfile/2009/0819/20090819114101405.jpg


图1  


  右键单击此图层,混合选项,图层样式中选择渐变叠加

http://plan.fevte.com/uploadfile/2009/0819/20090819114102160.jpg


图2 
  渐变设置如下(颜色:#DED8D8--#7F7777,样式:径向):

http://plan.fevte.com/uploadfile/2009/0819/20090819114102445.jpg


图3  

http://plan.fevte.com/uploadfile/2009/0819/20090819114103218.jpg
 

图4


  再用椭圆工具重复上一步骤,画一个同样的圆边缘与之前的重合(译者:或直接复制一层去掉图层样式),然后用钢笔工具(P)在其内部切出我们需要的形状(译者:选择\"从形状区域减去\"或按住Alt键),然后利用转换点工具进行调整

http://plan.fevte.com/uploadfile/2009/0819/20090819114103176.jpg
  

图5

http://plan.fevte.com/uploadfile/2009/0819/20090819114103223.jpg
  

图6
  设置图层样式,选择斜面和浮雕(参数如下)

http://plan.fevte.com/uploadfile/2009/0819/20090819114104636.jpg
  

图7

http://plan.fevte.com/uploadfile/2009/0819/20090819114104720.jpg


图8


  将此图层复制一份,使用自由变换工具,选择保持长宽比,均匀的缩小图层,去掉图层样式.选择颜色#4E4A4A,然后把这个复制层放在原图层的下方.这将作为阴影效果层

http://plan.fevte.com/uploadfile/2009/0819/20090819114104922.jpg
  

图9
  新建图层,使用标准画笔工具(B)为图标的表面扇叶部分上色,按住Alt键,再左键点击新图层和形状图层之间创建剪贴蒙版(具体参数如下):

http://plan.fevte.com/uploadfile/2009/0819/20090819114105425.jpg
 

图10

http://plan.fevte.com/uploadfile/2009/0819/20090819114105665.jpg
 

图11 



http://plan.fevte.com/uploadfile/2009/0819/20090819114105503.jpg


图12  
  把带有斜面和浮雕效果的图层复制一份,用转换点工具改变一下它的形状位置,去掉图层样式(斜面和浮雕),然后把它放在形状层和阴影层之间

http://plan.fevte.com/uploadfile/2009/0819/20090819114106704.jpg


图13  
  再创建一个新图层,重复之前给扇叶上色时的步骤,为上一步骤复制的形状图层上色,具体参数如下图:

再创建一个新图层,重复之前给扇叶上色时的步骤,为上一步骤复制的形状图层上色,具体参数如下图:

http://plan.fevte.com/uploadfile/2009/0819/20090819114414896.jpg


图14




http://plan.fevte.com/uploadfile/2009/0819/20090819114414397.jpg


图15




http://plan.fevte.com/uploadfile/2009/0819/20090819114414939.jpg


图16
  将为表面扇叶上色时的颜色图层复制一份,使用加深和减淡工具画上一些高光和阴影(如图):

http://plan.fevte.com/uploadfile/2009/0819/20090819114415750.jpg
  

图17

http://plan.fevte.com/uploadfile/2009/0819/20090819114415725.jpg
  

图18


  使用椭圆工具(U)在图标的中心画一个圆形,将它放在顶层之下。  
http://plan.fevte.com/uploadfile/2009/0819/20090819114415306.jpg
  

图19   图层参数设置为:填充:0%

  图层样式(参数如图):

  投影

http://plan.fevte.com/uploadfile/2009/0819/20090819114416293.jpg
  

图20
  内阴影

http://plan.fevte.com/uploadfile/2009/0819/20090819114416580.jpg
 

图21


  渐变叠加

http://plan.fevte.com/uploadfile/2009/0819/20090819114417103.jpg
 

图22 
  渐变设置如图(颜色:#B1DEF4--#2D8EDF,样式:径向)

http://plan.fevte.com/uploadfile/2009/0819/20090819114417473.jpg
 

图23 

http://plan.fevte.com/uploadfile/2009/0819/20090819114418812.jpg
 

图24 


  接下来试着在图标中心位置画上环状的高光,使用开始时的方法,用椭圆工具(U)画上圆形路径,然后按住Alt键进行切割(如图):

http://plan.fevte.com/uploadfile/2009/0819/20090819114418543.jpg
 

图25 
  图层设置:填充:40%

  图层样式:渐变叠加

http://plan.fevte.com/uploadfile/2009/0819/20090819114419351.jpg
 

图26 
  渐变参数设置

http://plan.fevte.com/uploadfile/2009/0819/20090819114419983.jpg


图27

http://plan.fevte.com/uploadfile/2009/0819/20090819114419894.jpg


图28



http://plan.fevte.com/uploadfile/2009/0819/20090819114420497.jpg
  

图29   将图层移至刚才制作高光阴影的那一层之上,按住Alt键点击两图层之间,创建剪贴蒙版.


http://plan.fevte.com/uploadfile/2009/0819/20090819114420541.jpg


图30
  接下来这一步,我们将画一道底部的高光,选择椭圆工具(U),沿着图标的底部画出高光的外边,再按住Alt键清除掉不必要的部分,图层颜色为白色

http://plan.fevte.com/uploadfile/2009/0819/20090819114421571.jpg
 

图31 
  图层设置:填充:25%

  叠加模式:颜色减淡

http://plan.fevte.com/uploadfile/2009/0819/20090819114421285.jpg


图32  
页: [1]
查看完整版本: Photoshop绘制三维立体Chrome浏览器图标_photoshop鼠绘教程新中国展示论坛