矢量效果,设计一张插画风格海报

分析矢量插画效果的海报制作步骤,本期教程颜色叠加图层样式及其混合模式的应用是重点。有兴趣学习的同学可以跟着一起练习一下。做完记得交作业。


教程素材下载:http://www.16xx8.com/photoshop/sucai/2015/f682232.html
矢量效果,设计一张插画风格海报_www.16xx8.com

第一步:画面构思,先确定我们想做的画面是什么样的,可以先用草图的形式表现出来。
(只是个大概就好,能准确表达想法即可)

矢量效果,设计一张插画风格海报_www.16xx8.com
第二步:根据蓝图去百度搜索图片
(实在找不到的图片,也可以用其他元素来代替)

矢量效果,设计一张插画风格海报_www.16xx8.com

第三步:接下来我们把用到的图片抠出来,如下图所示拼成我们预想的构图
(因为后期是要处理成矢量风格的插画,所以像僵尸这里有个外形即可)

矢量效果,设计一张插画风格海报_www.16xx8.com
第四步:正餐到了,我们在处理图片之前,先在顶部添加黑白调色层
(因为我们是把图片处理成矢量样式,且颜色是我们最后单加上去的,所以这里把整个PSD先处理成黑白样式,方便我们调整矢量化后的阴暗关系)

矢量效果,设计一张插画风格海报_www.16xx8.com
第五步:先从中景的人物开始,对其添加颜色叠加图层样式,且设置混合模式为亮光,产值如下图,然后再用白色画笔涂出一些亮部的细节。
(从中景人物出发是因为它是画面的中心视觉,先确定下它的明暗关系,然后已它为参考再去调整其它图层)

矢量效果,设计一张插画风格海报_www.16xx8.com
第六步:我们继续处理地面,对其添加颜色叠加图层样式,混合模式设置为线性加深,颜色设置如下图,这里处理完仍然觉得地面不够暗,所以又增加了一个黑色透明层。

矢量效果,设计一张插画风格海报_www.16xx8.com
第七步:再来处理前景的僵尸和植物,对它两添加颜色叠加样式,混合模式为正常,因为这里离太阳的光源最远,且又是逆光,所以直接纯黑色值即可。

矢量效果,设计一张插画风格海报_www.16xx8.com
第八步:到这里,前中景就差树还没有处理了,对其添加和之前处理人物一样的颜色叠加模式,如下图。

矢量效果,设计一张插画风格海报_www.16xx8.com
第九步:继续处理远景的城市,对其添加颜色叠加图层样式,混合模式为强光,颜色设置如下图,因为是处理成矢量插画的感觉,不能用模糊来制作景深,这里则通过调整城市的透明度为32,来表现远景。

矢量效果,设计一张插画风格海报_www.16xx8.com
第十步:接下来对天空也添加颜色叠加图层样式,混合模式为点光,颜色设置如下图。需要注意的是,由于之前改变了城市的透明度,使得天空图层里的树透了出来,并影响了景深的层次,所以这里进行二次处理,用仿制图章进行修补。

矢量效果,设计一张插画风格海报_www.16xx8.com
第十一步:我们再把直升机处理下,并加个落日,整个画面加个暗角,黑白插画基本就完成了,先对直升机添加颜色叠加图层样式,混合模式为强光,颜色如下图:

矢量效果,设计一张插画风格海报_www.16xx8.com
第十二步:最后,我们在图层顶层添加一个渐变映射,来给画面上色,并调整画面亮度/对比度,渐变映射如下图:

矢量效果,设计一张插画风格海报_www.16xx8.com
亮度/对比度如下图:

矢量效果,设计一张插画风格海报_www.16xx8.com
再加上SLOGAN,大功告成。

矢量效果,设计一张插画风格海报_www.16xx8.com
本期教程,颜色叠加图层样式及其混合模式的应用是重点哟。
各步骤效果:
矢量效果,设计一张插画风格海报_www.16xx8.com

全教程完,学完记得交作业。教程对您有所帮助,请推荐给你的朋友。如果学会了,可以尝试投稿给我们,跟大家分享你的学习经验:http://i.16xx8.com

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以订阅我们邮件,每天都有新教程发给你:http://t.cn/Rzm5o8Y
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

    Fishwen 说: 感觉很难看的说
    说: 听从师傅的教诲
    囚徒 说: 有点意思
    白衣胜雪 说: 有点意思[流汗]
    傲天9世 说: 赞喔