仲夏 发表于 2009-5-3 17:52:26

超强:PS体现二维效果——鼠绘概念自行车

  本例子是关于photoshop鼠绘一辆概念自行车的教程,通过详细的步骤,完整再现了一张二维产品的效果图。在绘制的过程中,笔者综合运用了多种技术,这些技术对于表现产品的外观造型、质感和光感都有很大的作用,也是本例学习重点。
  我们先看看效果图

www.ad119.cn/bbs/attachments/photoshop/20090504/20095317514115677801.jpg

最终效果图

  
  1.按Ctrl N键新建一个文件,设置弹出的对话框如图1所示。设置前景色#19161C如2所示,背景色为白色,选择线性渐变工具,在背景上方到下方绘制一条渐变,得到如3图所示

www.ad119.cn/bbs/attachments/photoshop/20090504/20095317514120377802.jpg

图1


www.ad119.cn/bbs/attachments/photoshop/20090504/20095317514125077803.jpg

图2


www.ad119.cn/bbs/attachments/photoshop/20090504/20095317514129677804.jpg

 图3
  2.用钢笔工具,将自行车的车身画出来,如图4

www.ad119.cn/bbs/attachments/photoshop/20090504/20095317514134377805.jpg

图4
  3.按住Ctrl Enter,载入选区,接下来的选区做法都是相同,如图5

www.ad119.cn/bbs/attachments/photoshop/20090504/20095317514139077806.jpg

图5
  4、新建立一个图层,命名为车身,选择前景色,参数设置如图6,按住Alt Delete填充前景色如图7,接着用圆形选区在车身选出一部分如图8,用加深工具
www.ad119.cn/bbs/attachments/photoshop/20090504/20095317514143777807.jpg
,加深工具参数设置如
www.ad119.cn/bbs/attachments/photoshop/20090504/20095317514148477808.jpg
,画出车身下面的暗面如图9   

www.ad119.cn/bbs/attachments/photoshop/20090504/20095317514153177809.jpg

  图6


www.ad119.cn/bbs/attachments/photoshop/20090504/200953175141578778010.jpg

 图7


www.ad119.cn/bbs/attachments/photoshop/20090504/200953175141625778011.jpg

图8

www.ad119.cn/bbs/attachments/photoshop/20090504/200953175141671778012.jpg

图9
  5.新建图层,用钢笔工具在车身前面画如图010所示形状,载入选区,选择前景色#D2D1D0填充,并设置图层样式,图层样式参数
  如图11,效果如图12所示,用钢笔工具在车身上方画出车座,如图12

www.ad119.cn/bbs/attachments/photoshop/20090504/200953175141718778013.jpg

 图10

www.ad119.cn/bbs/attachments/photoshop/20090504/200953175141765778014.jpg

图11

www.ad119.cn/bbs/attachments/photoshop/20090504/200953175141812778015.jpg
 
图12   用钢笔工具画出车座
 
  6.新建图层,载入车座选区,选择前景色#565555填充,然后选择加深工具和减淡工具在车座上涂抹,参数设置参考图13和图14

www.ad119.cn/bbs/attachments/photoshop/20090504/200953175141859778016.jpg

图13

www.ad119.cn/bbs/attachments/photoshop/20090504/200953175141906778017.jpg

图14

  最后车座的高光和暗面如图15和图16所示,最后在车座和车身再用减淡加深工具进行细化处理,如图17

www.ad119.cn/bbs/attachments/photoshop/20090504/200953175141906778018.jpg

图15

www.ad119.cn/bbs/attachments/photoshop/20090504/2009531751420778019.jpg
<B
页: [1]
查看完整版本: 超强:PS体现二维效果——鼠绘概念自行车