当前位置:首页>ps实例教程>ps绘画教程>插画教程>教程内容

插画制作,用PS绘制卡通风格的机器人插画(7)

来源:学UI网 作者:銮銮 学习:3639人次

本篇教程通过PS绘制卡通风格的机器人插画,这个风格的插画制作起来其实并不难,主要通过PS中的图层样式来制作,还要有自己的灵感,不要觉得自己用鼠标绘画画的不好看,如果实在觉得自己画的不怎么样,可以从网上找到画好的造型图,放到PS里,用钢笔工具临摹,还有就是要有耐心去制作,具体如何制作一起来学习一下吧。

效果图:

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com
www.16xx8.com

下面教程开始:

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

1. 打开PS新建画布大小为 800*600px, 分辨率为 72,填充色为 #000000

2. 用钢笔工具绘制出人物的造型

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

3. 重头戏:换色

①先从头发开始吧,打瞌睡的可以醒醒了

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

②加两个内阴影

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

③加完效果后,ctrl+G打个组。以为完事了? NO NO NO !接下来给头发分下块

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

④最后,再加几根发丝~

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

4. 接下来给皮肤换色

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

5. 耳朵在上面的基础上,加多一个描边

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

6. 小手只添加了渐变和纯黑描边↓

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

7. 头盔部分虽然不复杂,但是零件多,还是要耐心点一步步完成,大家加油喔!

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

8. 继续完成头盔的其他部分

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

当你做到这里时,你会发现人头部分已经完成了一半,图层样式主要是渐变叠加、内阴影、外发光。根据实际需求还会用投影、描边。除此之外,会置入一些图层,丰富视觉效果。还有阴影的颜色不一定是纯黑,外发光的颜色也不一定是纯白。混合模式可以自行多尝试。

找到合适自己插画效果的混合模式。当然置入的图层本身,还可以再添加一个渐变蒙版。剩下的部分,大家活学活用,继续完成喔!

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

9. 当你好不容易终于把人物颜色调整好后,以为这就结束了? NO NO NO

再加多一个图层,用画笔,把人物高光部分提亮。

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

1. 先画两个色块,颜色分别为:ff0018 和 1200ff, 然后添加蒙版,拉渐变。

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

2. 加上条形的装饰,这里用到的图层样式为渐变叠加,多采用三个图形叠加来丰富视觉效果。

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

最亮的长方形,可以这样做,先给图层加个蒙版,然后用画笔在蒙版上画出颜色渐变的感觉。接下来的其他的长方形的色彩,都是灵活运用以上讲到的两个方法。

3. 加些星星、星球、烟雾,提升画面的科幻感。

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com

剩下的云雾、星球和星星,大家按上面讲到的方法,灵活运用。这次插画的诀窍是纯黑背景+高饱和的色彩。下面是最终效果图↓

插画制作,用PS绘制卡通风格的机器人插画_www.16xx8.com
www.16xx8.com

参考风格链接:https://dribbble.com/Shapko

原创/教程作者:解答团-銮銮

找到自己灵感的来源,掌握工具的运用,细心加上自己的耐心,就可以制作出自己满意的插画,一起来学习一下吧。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
2019-01-04 12:50
挺好的,随手一赞
qquser2018-12-27 09:09
必须支持

关注大神微博加入>>

网友求助,请回答!