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

来源:太平洋电脑网时间:2011-05-09 16:04:08

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

  我们先看看效果图

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

最终效果图

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

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

图1

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

图2

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

 图3

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

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

图4

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

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

图5

  4、新建立一个图层,命名为车身,选择前景色,参数设置如图6,按住Alt+Delete填充前景色如图7,接着用圆形选区在车身选出一部分如图8,用加深工具加深工具,加深工具参数设置如参数设置,画出车身下面的暗面如图9

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

  图6

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

 图7

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

图8

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

图9

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

  如图11,效果如图12所示,用钢笔工具在车身上方画出车座,如图12

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

 图10

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

图11

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

 图12 用钢笔工具画出车座

   6.新建图层,载入车座选区,选择前景色#565555填充,然后选择加深工具和减淡工具在车座上涂抹,参数设置参考图13和图14

参数设置

图13

参数设置

图14

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

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

图15

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

图16画好高光的车座

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

图17

#p#副标题#e#

  7.绘制车座的高光效果,首先用钢笔工具在车座画出高光范围如图18,新建立一个图层,载入高光选区,填充白色,为高光图层添加图层蒙板如图19,改变高光的透明度,显得高光自然,用同样的方法画出车尾的高光,如图20

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

图18

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

  图19

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

   图20

  8.新建图层,用钢笔工具绘制车把的形状,如图21,载入选区,填充前景色#7F7F7F,用减淡和加深工具,参数设置如图22和图23,绘制出车把的高光和质感,如图24和图25

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

  图21

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

图22

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

图23

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

    图24

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

  图25

  9,新建图层放在车把下面,命名为车闸,载入选取,填充前景色#666666,然后根据前面设置的加深减淡工具,画出车闸的高光

  和立体感,过程和效果图可以参照图26到图29,到这步,自行车的上面部分就已经绘制完毕,可以看看效果图30。

 

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

 图26

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

 图27

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

 图28

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

    图29

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

  图30

  10.新建图层,用钢笔工具绘制出下方的车链盖如图31,用前面的方法选择前景色#DF2F01,然后选择减淡工具以图33参数设置在车链盖

  前方画出高光,突出立体感,同时为车链盖添加高光,如图034

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

图31

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

   图32

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

  图33

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

   图34

  11.制绘车盘,新建图层,用椭圆形工具画出车盘的形状如图35,载入选取,填充前景色如图36,用减淡工具(参数设置如图38)画出车盘的高光如图39,用同样的方法画出车盘下方的托盘和车脚踏如图41和图44

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

 图35

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

图36

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

  图37

PS体现二维效果:鼠绘概念自行车图38

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

图39画好高光的车盘

#p#副标题#e#

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

  图40

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

  图41

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

图42 

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

图43

  12.绘制后车轮,按住Shift键同时拉出一个正圆形选取,填充灰色,将选取缩小,按键盘上Delete键,删除多余部分,得出车轮

  形状如图45,然后用前面 减淡加深工具的设置,涂抹出车轮外框的高光,如图46,绘制完毕后在后车轮外面在画一个外框做车胎如图,如果可以可以加上几条先装饰车轮,后轮绘制完毕

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

  图44

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

  图45

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

 图46

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

  图47

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

  图48

  绘制车柱,填充灰色,如图49

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

图49

  选择减淡工具,参数设置如图50,涂抹出车柱的高光。

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

图50

  选择渐变工具,画出车柱的内陷效果如图51

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

图51

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

  图52 是画好内效果的车柱

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

  图53 用同样方法拉出一个正方形的选取,填充灰色

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

图54 收缩选取,按删除键,得到前轮的外框

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

  图55 选择减淡工具,参数设置如图

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

图56 用前面的减淡加深工具画出前轮的高光和暗面的立体感。

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

图57 画好高光和立体感的前轮

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

图58 在前轮的外面画出一个车胎,用加深工具画出车胎的齿轮。

#p#副标题#e#

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

图59 画出前轮内陷的铁矿,铁框的图层样式设置如

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

图60

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

图61 画好内框的前轮

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

图62 画出前轮的车外壳,用钢笔工具画出如图62的选取

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

图63 将选取羽化2像素

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

图64 用加深工具画出外壳的暗面

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

图65 画出外壳的高光

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

  图66 画好高光的前轮,同时为外壳做好投影效果

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

  图67 画出前轮里面的孔板,

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

  图68 如图,用较小的圆形画出孔的距离和大小

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

  图69 孔板的 图层样式参数

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

 图70 画好孔板的前轮,

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

图71 用钢笔工具画出外壳的支柱填充黑色并添加图层样式,图层样式的参数设置如图72和73

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

图72

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

图73

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

图74用小白色的圆点画出螺丝钉的立体感,螺丝钉的图层样式设置如图75和图76

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

图75

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

 图76

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

图77

  画出另外的支柱杆,图层样式一样的,画好后在中间弄几个孔,这样更逼真些.

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

图78

  最后别忘记画上自行车的投影,这样立体感才出来,至于标志和文字就由个人喜欢和设计了。

#p#副标题#e#

文章内容来源于网络,不代表本站立场,若侵犯到您的权益,可联系我们删除。(本站为非盈利性质网站) 联系邮箱:9145908@qq.com