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

超强:PS体现二维效果――鼠绘概念自行车 作者:钟百迪 教程来源:PConline 本例子是关于photoshop鼠绘一辆概念自行车的教程,通过详细的步骤,完整再现了一张二维产品的效果图。在绘制的

[手绘]王的男人

[手绘]王的男人 作者:雪代薰 教程来源:中国教程网 使用工具:PHOTOSHOP 8.0时间:5小时左右效果: 本新闻共9 本新闻共9 本新闻共9 本新闻共9

超强:PS体现二维效果――鼠绘概念自行车 作者:钟百迪 教程来源:PConline

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

  我们先看看效果图


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

最终效果图

  

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


超强:PS体现二维效果――鼠绘概念自行车插图(1)

图1


超强:PS体现二维效果――鼠绘概念自行车插图(2)

图2


超强:PS体现二维效果――鼠绘概念自行车插图(3)

 图3

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


超强:PS体现二维效果――鼠绘概念自行车插图(4)

图4

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


超强:PS体现二维效果――鼠绘概念自行车插图(5)

图5

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


超强:PS体现二维效果――鼠绘概念自行车插图(6)

,加深工具参数设置如


超强:PS体现二维效果――鼠绘概念自行车插图(7)

,画出车身下面的暗面如图9


超强:PS体现二维效果――鼠绘概念自行车插图(8)

  图6


超强:PS体现二维效果――鼠绘概念自行车插图(9)

 图7


超强:PS体现二维效果――鼠绘概念自行车插图(10)

图8


超强:PS体现二维效果――鼠绘概念自行车插图(11)

图9

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

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


超强:PS体现二维效果――鼠绘概念自行车插图(12)

 图10


超强:PS体现二维效果――鼠绘概念自行车插图(13)

图11


超强:PS体现二维效果――鼠绘概念自行车插图(14)

 

图12 用钢笔工具画出车座

 

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


超强:PS体现二维效果――鼠绘概念自行车插图(15)

图13


超强:PS体现二维效果――鼠绘概念自行车插图(16)

图14

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


超强:PS体现二维效果――鼠绘概念自行车插图(17)

图15


超强:PS体现二维效果――鼠绘概念自行车插图(18)

图16画好高光的车座


超强:PS体现二维效果――鼠绘概念自行车插图(19)

图17

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


超强:PS体现二维效果――鼠绘概念自行车插图(20)

图18


超强:PS体现二维效果――鼠绘概念自行车插图(21)

  

图19


超强:PS体现二维效果――鼠绘概念自行车插图(22)

   

图20

  

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


超强:PS体现二维效果――鼠绘概念自行车插图(23)

  

图21


超强:PS体现二维效果――鼠绘概念自行车插图(24)

图22


超强:PS体现二维效果――鼠绘概念自行车插图(25)

图23


超强:PS体现二维效果――鼠绘概念自行车插图(26)

    

图24


超强:PS体现二维效果――鼠绘概念自行车插图(27)

  

图25

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

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

 


超强:PS体现二维效果――鼠绘概念自行车插图(28)

 

图26


超强:PS体现二维效果――鼠绘概念自行车插图(29)

 

图27


超强:PS体现二维效果――鼠绘概念自行车插图(30)

 

图28


超强:PS体现二维效果――鼠绘概念自行车插图(31)

    

图29


超强:PS体现二维效果――鼠绘概念自行车插图(32)

  

图30

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

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


超强:PS体现二维效果――鼠绘概念自行车插图(33)

图31


超强:PS体现二维效果――鼠绘概念自行车插图(34)

   

图32


超强:PS体现二维效果――鼠绘概念自行车插图(35)

  

图33


超强:PS体现二维效果――鼠绘概念自行车插图(36)

   

图34

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


超强:PS体现二维效果――鼠绘概念自行车插图(37)

 

图35


超强:PS体现二维效果――鼠绘概念自行车插图(38)

图36


超强:PS体现二维效果――鼠绘概念自行车插图(39)

  

图37


超强:PS体现二维效果――鼠绘概念自行车插图(40)

图38


超强:PS体现二维效果――鼠绘概念自行车插图(41)

图39画好高光的车盘


超强:PS体现二维效果――鼠绘概念自行车插图(42)

  

图40


超强:PS体现二维效果――鼠绘概念自行车插图(43)

  

图41


超强:PS体现二维效果――鼠绘概念自行车插图(44)

图42

 


超强:PS体现二维效果――鼠绘概念自行车插图(45)

图43

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

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


超强:PS体现二维效果――鼠绘概念自行车插图(46)

  

图44


超强:PS体现二维效果――鼠绘概念自行车插图(47)

  

图45


超强:PS体现二维效果――鼠绘概念自行车插图(48)

 

图46


超强:PS体现二维效果――鼠绘概念自行车插图(49)

  

图47


超强:PS体现二维效果――鼠绘概念自行车插图(50)

  

图48

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


超强:PS体现二维效果――鼠绘概念自行车插图(51)

图49

  

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


超强:PS体现二维效果――鼠绘概念自行车插图(52)

图50

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


超强:PS体现二维效果――鼠绘概念自行车插图(53)

图51


超强:PS体现二维效果――鼠绘概念自行车插图(54)

  图52 是画好内效果的车柱


超强:PS体现二维效果――鼠绘概念自行车插图(55)

  

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

本新闻共2


超强:PS体现二维效果――鼠绘概念自行车插图(56)

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


超强:PS体现二维效果――鼠绘概念自行车插图(57)

  

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


超强:PS体现二维效果――鼠绘概念自行车插图(58)

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


超强:PS体现二维效果――鼠绘概念自行车插图(59)

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


超强:PS体现二维效果――鼠绘概念自行车插图(60)

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


超强:PS体现二维效果――鼠绘概念自行车插图(61)

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


超强:PS体现二维效果――鼠绘概念自行车插图(62)

图60


超强:PS体现二维效果――鼠绘概念自行车插图(63)

图61 画好内框的前轮


超强:PS体现二维效果――鼠绘概念自行车插图(64)

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


超强:PS体现二维效果――鼠绘概念自行车插图(65)

图63 将选取羽化2像素


超强:PS体现二维效果――鼠绘概念自行车插图(66)

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


超强:PS体现二维效果――鼠绘概念自行车插图(67)

图65 画出外壳的高光


超强:PS体现二维效果――鼠绘概念自行车插图(68)

  

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


超强:PS体现二维效果――鼠绘概念自行车插图(69)

  

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


超强:PS体现二维效果――鼠绘概念自行车插图(70)

  

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


超强:PS体现二维效果――鼠绘概念自行车插图(71)

  

图69 孔板的 图层样式参数


超强:PS体现二维效果――鼠绘概念自行车插图(72)

 

图70 画好孔板的前轮,


超强:PS体现二维效果――鼠绘概念自行车插图(73)

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


超强:PS体现二维效果――鼠绘概念自行车插图(74)

图72


超强:PS体现二维效果――鼠绘概念自行车插图(75)

图73


超强:PS体现二维效果――鼠绘概念自行车插图(76)

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


超强:PS体现二维效果――鼠绘概念自行车插图(77)

图75


超强:PS体现二维效果――鼠绘概念自行车插图(78)

 

图76


超强:PS体现二维效果――鼠绘概念自行车插图(79)

  

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


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

图78

  最后别忘记画上自行车的投影,这样立体感才出来,至于标志和文字就由个人喜欢和设计了。简单的,我们教你,深奥的,你来分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部