正在阅读:挑战你想象!PS鼠绘概念自行车挑战你想象!PS鼠绘概念自行车

2007-05-11 09:28 出处:PConline 作者:钟百迪 责任编辑:chenzhenjia
1Photoshop鼠绘概念自行车(1)回顶部

  更多精彩平面及网站设计图文教程、视频教程,尽在PConline创意设计栏目

 

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

  我们先看看效果图

Photoshop鼠绘概念自行车
最终效果图


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

Photoshop鼠绘概念自行车
图1

Photoshop鼠绘概念自行车
图2

Photoshop鼠绘概念自行车
 图3

2Photoshop鼠绘概念自行车(2)回顶部

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

Photoshop鼠绘概念自行车
图4

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

Photoshop鼠绘概念自行车
图5

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

Photoshop鼠绘概念自行车
  图6

Photoshop鼠绘概念自行车
 图7

Photoshop鼠绘概念自行车
图8

Photoshop鼠绘概念自行车
图9

  

3Photoshop鼠绘概念自行车(3)回顶部

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

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

Photoshop鼠绘概念自行车
 图10

Photoshop鼠绘概念自行车
图11

Photoshop鼠绘概念自行车 
图12   用钢笔工具画出车座

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

参数设置
图13

参数设置
图14

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

Photoshop鼠绘概念自行车
图15

Photoshop鼠绘概念自行车
图16画好高光的车座

Photoshop鼠绘概念自行车
图17

4Photoshop鼠绘概念自行车(4)回顶部


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

Photoshop鼠绘概念自行车
图18

Photoshop鼠绘概念自行车  
图19

Photoshop鼠绘概念自行车   
图20

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

Photoshop鼠绘概念自行车  
图21

Photoshop鼠绘概念自行车
图22

Photoshop鼠绘概念自行车
图23

Photoshop鼠绘概念自行车    
图24

Photoshop鼠绘概念自行车  
图25

5Photoshop鼠绘概念自行车(5)回顶部

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

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

 Photoshop鼠绘概念自行车 
图26

Photoshop鼠绘概念自行车 
图27

Photoshop鼠绘概念自行车 
图28

Photoshop鼠绘概念自行车    
图29

Photoshop鼠绘概念自行车  
图30

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

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

Photoshop鼠绘概念自行车
图31

Photoshop鼠绘概念自行车   
图32

Photoshop鼠绘概念自行车  
图33

Photoshop鼠绘概念自行车   
图34

6Photoshop鼠绘概念自行车(6)回顶部

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

Photoshop鼠绘概念自行车 
图35

Photoshop鼠绘概念自行车
图36

Photoshop鼠绘概念自行车  
图37

Photoshop鼠绘概念自行车
图38

Photoshop鼠绘概念自行车
图39画好高光的车盘

Photoshop鼠绘概念自行车  
图40

Photoshop鼠绘概念自行车  
图41

Photoshop鼠绘概念自行车
图42
 
Photoshop鼠绘概念自行车
图43

7Photoshop鼠绘概念自行车(7)回顶部


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

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

Photoshop鼠绘概念自行车  
图44

Photoshop鼠绘概念自行车  
图45

Photoshop鼠绘概念自行车 
图46

Photoshop鼠绘概念自行车  
图47

Photoshop鼠绘概念自行车  
图48

8Photoshop鼠绘概念自行车(8)回顶部


  绘制车柱,填充灰色,49

Photoshop鼠绘概念自行车
图49

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

Photoshop鼠绘概念自行车
图50

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

Photoshop鼠绘概念自行车
图51

Photoshop鼠绘概念自行车
  图52 是画好内效果的车柱


Photoshop鼠绘概念自行车  
图53  用同样方法拉出一个正方形的选取,填充灰色

Photoshop鼠绘概念自行车
图54  收缩选取,按删除键,得到前轮的外框

Photoshop鼠绘概念自行车  
图55  选择减淡工具,参数设置

Photoshop鼠绘概念自行车
图56  用前面的减淡加深工具画出前轮的高光和暗面的立体感。

Photoshop鼠绘概念自行车
图57  画好高光和立体感的前轮

Photoshop鼠绘概念自行车
图58  在前轮的外面画出一个车胎,用加深工具画出车胎的齿轮。

9Photoshop鼠绘概念自行车(9)回顶部

Photoshop鼠绘概念自行车
图59  画出前轮内陷的铁矿,铁框的图层样式设置如

Photoshop鼠绘概念自行车
图60

Photoshop鼠绘概念自行车
图61  画好内框的前轮

Photoshop鼠绘概念自行车
图62  画出前轮的车外壳,用钢笔工具画出62的选取

Photoshop鼠绘概念自行车
图63  将选取羽化2像素

Photoshop鼠绘概念自行车
图64  用加深工具画出外壳的暗面

Photoshop鼠绘概念自行车
图65 画出外壳的高光

10Photoshop鼠绘概念自行车(10)回顶部

Photoshop鼠绘概念自行车  
图66 画好高光的前轮,同时为外壳做好投影效果

Photoshop鼠绘概念自行车  
图67 画出前轮里面的孔板,

Photoshop鼠绘概念自行车  
图68 用较小的圆形画出孔的距离和大小

Photoshop鼠绘概念自行车  
图69 孔板的 图层样式参数

Photoshop鼠绘概念自行车 
图70 画好孔板的前轮,

Photoshop鼠绘概念自行车
图71 用钢笔工具画出外壳的支柱填充黑色并添加图层样式,图层样式的参数设置72和73

Photoshop鼠绘概念自行车
图72

Photoshop鼠绘概念自行车
图73

Photoshop鼠绘概念自行车
图74用小白色的圆点画出螺丝钉的立体感,螺丝钉的图层样式设置75和图76

11Photoshop鼠绘概念自行车(11)回顶部

Photoshop鼠绘概念自行车
图75

Photoshop鼠绘概念自行车 
图76

Photoshop鼠绘概念自行车  
图77 画出另外的支柱杆,图层样式一样的,画好后在中间弄几个孔,这样更逼真些.

Photoshop鼠绘概念自行车
图78

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

 

关注我们

最新资讯离线随时看 聊天吐槽赢奖品