生活中的设计:把照片变成插画海报

  • 经验类型教程原作者:Lina琳

  • 经验属性好文转载
  • 经验版权署名-非商业性使用
2218 0 61 2019-08-21

这篇文章介绍的是把照片变成插画海报的方法和思路,没有详细的步骤。这里主要还是分享思路和方法。

几年前刚毕业那会,以为初学设计就学会PS就好了,但是后来进入了设计行业,我发现我了解的设计,还只是冰山一角~设计师不仅要会很多款软件,技能方面,也不能仅仅是PP图,看着招聘条件,深吸了一口气。。。

所以我决定,在工作中,要不停的学习,从今年年前开始的AE学习,到年中开始的C4D学习,也不段练习了照片做海报,近期,目光转移到扁平化插画。

当然,扁平化插画有很多种主题,人物方面,景物方面,建筑方面等等。。可以鼠绘,可以板绘,也可以ipad绘~但是呢,基于是在公司练习,还是以鼠绘为主。这里尝试运用图片转插画的方式来进行制作,这种方式很适用于初学者。

到目前为止,练习了6张插画小图,都是以风景、动物来尝试,最后两张以线性建筑尝试练习。

回到正题。

第一张插画,各种选拔后,选择了一张超级好看的雪山图,黄昏时刻。Image title

我在考察颜色时,也搜集了一些参考配色,对于照片这样的颜色还是可以运用在插画中的,所以整体色调还是参考了这张图。在画法上,其实不用多于纠结,直接用钢笔随意勾出轮廓,暗面与亮面分着勾线,再依次填上颜色即可,模糊的地方可以不用做,直接忽略掉就行。为了整体色调协调,可添加一个太阳,复制一层加模糊,表现出阳光的感觉。水面的波纹,先用钢笔勾出不规则形状,再来个动感模糊。总之,要随意一点~Image title

最后加上文字与点缀~

第二张插画,在浏览图片时,看到这张图很温馨,很有爱,想想如果画成插画,还有这种感觉么?于是,就尝试了一下。Image title

一开始我也根据照片的配色来进行勾线,用深色的底,但是做着做着,就觉得如果配色是那种暖暖的,更能突出母爱的温暖。这里的画法,先勾出整体轮廓,再在内部填充图形,明暗方面最后叠加一个深点的形状即可。于是做出了以下海报:

Image title

考虑到近景镜头,因此直接给加了个边框,背景随意画了一些山之类衬托一下,即不单调,又能突出主体

第三张插画,既然已经开始画动物了,那么就画另一个小动物~~找到了一只很漂亮的蛙,但是感觉颜色又太多,色彩鲜艳在照片上看感觉很美,但是在扁平插画上,就不适合了。

Image title

其实这个图可难到我了,画了半天,都没有找到合适的配色方法,但是既然是鲜艳,就说明此时应该是在夏季,目前刚好就是夏天,杭州的夏天非常热,那几天一直都是35~38℃,于是根据这样的火热的天气,做出了以下图:

Image title

看起来也是非常火热呢~在这个基础上,添加了肌理的感觉,整幅画面就是夏季火热的下午,加上点缀、文字,OK~

第四张插画,这张图其实是我第一次练习插画的尝试,好像置身于照片之中~(应该快到了旅游的季节了哈哈哈)Image title

照片本身增加了HDR,但是插画里并不需要,整张图看起来颜色暗淡,毕竟是晚霞。我的画法是,先按照图片的色调来做,画完之后再调颜色。云那里就用各种圆形填充白色后拉个渐变,加一些透明度就好。后期讲颜色调整鲜艳一些,明亮一些,得到如下图:

Image title


加上大大的英文,勇敢的尝试~

第五张插画,开始从线性插画方向尝试,看到了一些大神,将建筑改为了线性插画,完美突出了重点,简约而大气。线性图适合于各种场景,比如海报、APP引导页、启动页等等;指引页,还有线性icon、线性logo,线性插画的应用无处不在。

身处杭州,找到了杭州标志性建筑,如下:

Image title

杭州国际会议中心,(嘘~不告诉你们我是百度出来的)坐落于钱塘江南岸、钱江三桥以东的萧山区钱江世纪城,与奥体中心共同组成杭州奥体博览中心。

废话不多说,开始勾线~先画一下手稿,对,手稿~

Image title

呃~~请忽略画功~~重点是,该放线的地方放线,太细的纹理就可以忽略掉,画出大体即可。运用布尔运算,将这些线做成你想要的样子。线条的粗细可适中,或根据你的需求来。

Image title

加上文案,颜色改为清新的科技感就可以。

第六张插画,再尝试一张线性吧~这次选择的是杭州科技馆,科技馆的样子是扁扁的。Image title

因此上方就很多空挡,在这里就多加了一些小元素来点缀。包括地面的树啊,灯啊,路面啊~但是做好后,发现深色背景下,加一些面与线的结合,是十分协调的(本来只是偷懒直接填充了颜色~),于是,就有了下图:Image title

总结:设计的路还很长,在任何一个新的学习中,自己都是小白。希望自己的能力配得上设计师这三个字,也会不断的努力,往设计领域的各个角度都伸展学习!大家一起加油!

领取更多学习资料请私信我




全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票