转载请注明出处。
作者：Lina琳/
最近看到一组照片转插画海报的练习作品，感觉这个思路值得学习，推荐给各位小主学习，希望带给你设计海报的新思路。
正文
哈喽小伙伴们，我又来啦！
作为努力全面发展的UI设计师，个人觉得插画这个方面是必不可少要学习哒！身为门外汉~有尝试过各种各样的插画方法，也自己探索过插画的种类，差一点点。。。我就放弃啦。。。我太难了~~
对于纯创意插画，从零开始接触确实很难，别人家设计师，头脑里都有无穷无尽的图画，我呢，一片空白。。空白。。
所以我尝尽各种办法找寻能够容易和快的出图的技巧，我也画过一些真人、实物之类。后来我开始尝试扁平化插画，模仿一张图很快，也只用钢笔工具就差不多了，我就开始尝试找几张实景图画画试一下，没想到也能画。
看来对小白来说还是比较方便呢~~~
当然，扁平化插画有很多种主题，人物方面，景物方面，建筑方面等等。。可以鼠绘，可以板绘，也可以ipad绘~。这里尝试运用图片转插画的方式来进行制作，这种方式很适用于初学者。
下面展示一些自己的练习作品，希望可以带给大家更多灵感和帮助。
作品展示
第一张插画，各种选拔后，选择了一张超级好看的雪山图，黄昏时刻。
我在考察颜色时，也搜集了一些参考配色，对于照片这样的颜色还是可以运用在插画中的，所以整体色调还是参考了这张图。在画法上，其实不用多于纠结，直接用钢笔随意勾出轮廓，暗面与亮面分着勾线，再依次填上颜色即可，模糊的地方可以不用做，直接忽略掉就行。为了整体色调协调，可添加一个太阳，复制一层加模糊，表现出阳光的感觉。水面的波纹，先用钢笔勾出不规则形状，再来个动感模糊。总之，要随意一点~
最后加上文字与点缀~
第二张插画，在浏览图片时，看到这张图很温馨，很有爱，想想如果画成插画，还有这种感觉么？于是，就尝试了一下。
一开始我也根据照片的配色来进行勾线，用深色的底，但是做着做着，就觉得如果配色是那种暖暖的，更能突出母爱的温暖。这里的画法，先勾出整体轮廓，再在内部填充图形，明暗方面最后叠加一个深点的形状即可。于是做出了以下海报：
考虑到近景镜头，因此直接给加了个边框，背景随意画了一些山之类衬托一下，即不单调，又能突出主体。
第三张插画，既然已经开始画动物了，那么就画另一个小动物~~找到了一只很漂亮的蛙，但是感觉颜色又太多，色彩鲜艳在照片上看感觉很美，但是在扁平插画上，就不适合了。
其实这个图可难到我了，画了半天，都没有找到合适的配色方法，但是既然是鲜艳，就说明此时应该是在夏季，目前刚好就是夏天，杭州的夏天非常热，那几天一直都是35~38℃，于是根据这样的火热的天气，做出了以下图：
看起来也是非常火热呢~在这个基础上，添加了肌理的感觉，整幅画面就是夏季火热的下午，加上点缀、文字，OK~
第四张插画，这张图其实是我第一次练习插画的尝试，好像置身于照片之中~（应该快到了旅游的季节了哈哈哈）
照片本身增加了HDR，但是插画里并不需要，整张图看起来颜色暗淡，毕竟是晚霞。我的画法是，先按照图片的色调来做，画完之后再调颜色。云那里就用各种圆形填充白色后拉个渐变，加一些透明度就好。后期讲颜色调整鲜艳一些，明亮一些，得到如下图：
加上大大的英文，勇敢的尝试~
第五张插画，开始从线性插画方向尝试，看到了一些大神，将建筑改为了线性插画，完美突出了重点，简约而大气。线性图适合于各种场景，比如海报、APP引导页、启动页等等；指引页，还有线性icon、线性logo，线性插画的应用无处不在。
身处杭州，找到了杭州标志性建筑，如下：
杭州国际会议中心，（嘘~不告诉你们我是百度出来的）坐落于钱塘江南岸、钱江三桥以东的萧山区钱江世纪城，与奥体中心共同组成杭州奥体博览中心。
废话不多说，开始勾线~先画一下手稿，对，手稿~
呃~~请忽略画功~~重点是，该放线的地方放线，太细的纹理就可以忽略掉，画出大体即可。运用布尔运算，将这些线做成你想要的样子。线条的粗细可适中，或根据你的需求来。
加上文案，颜色改为清新的科技感就可以。
第六张插画，再尝试一张线性吧~这次选择的是杭州科技馆，科技馆的样子是扁扁的。
因此上方就很多空挡，在这里就多加了一些小元素来点缀。包括地面的树啊，灯啊，路面啊~但是做好后，发现深色背景下，加一些面与线的结合，是十分协调的（本来只是偷懒直接填充了颜色~），于是，就有了下图：
第七张插画，首先映入眼帘的是~~当然是杭州美景，确实是我从网上找到的啦，毕竟只是练习嘛~这张照片就是后期比较厉害了，色彩特别鲜艳，如图：
颜色上，是我喜欢的，但是全部以蓝色为主呢，对这种应该是夕阳吧（暂且当作夕阳）的景观，好像没有特别突出，身为一个女孩纸~~特别喜欢很多颜色的~~于是颜色就愉快的定好了。然后，小桥和凉亭，都比较细致的刻画，当然都是用钢笔，一种颜色一个图层，说实话，这张图确实比较费心的。最后加上文案的搭配，duang~
加上杂色~~哦不对，噪点哈~~哎呀我太懒了，都不去手动加噪点，只会偷懒用杂色，再加个蒙版擦去不需要杂色的地方。正常来说应该用噪点笔刷涂涂抹抹呢~
第八张图片来啦！看到了一张由国外摄影师创新的一种拍摄方式，利用透过各种餐具、器皿形成的风景图画，偌大的风景全部体现在了透明餐具内，非常创新，比如下图：
当然摄影的时候一定要考虑景深，不过在插画上，我就没将背景虚化，不虚化刚好全图比较融合。色彩上，这次以蓝色为主，体现自然，清新，天气明朗。（配色其实不需要太纠结），教给小伙伴一个配色小技巧，可以去各种设计网站找一些配色比较好看的，各种时间段的插画，比如清晨、中午、落日、傍晚、深夜。一听到这些词，是不是头脑里马上出现了各种颜色，对，这就是你要的配色！大胆去配色！
和往常一样，钢笔勾线，蓝天、白云，背景一个渐变，上色，搭配文案，稿定。
第九张图，哎呀呀这是我拍的，一个火锅店~~应该都知道，特色冰粉，实在等不及啦~~
灯光特别暗，只顾着赶紧拍照发朋友圈，火锅一上来连拍照都不拍了，直接开吃，弄得只有这一张照片了。。
那天周末回去闲的无事，就把ipad打开，画了一下这个图，本身啥颜色，就填了啥颜色，随便画一通就扔在那了。
不不，这太丑了，不行不行。。。（字不是我写的哦~）上周看到这个惨到极点的画，准备拿出来改个海报~配色上肯定也要多多少少体现出这是火锅店的呀，火锅就有辣子啊~辣子就是红啊~火锅还作为中国特色，加入了一些中国风的感觉，于是，就有了下图：
改造还算成功吗？
第十张图，美食勾起了我的欲望啊，我立刻去找了个火锅。。。对火锅。。只是锅。。。
妈呀这也太直接了~~
话不多说，开始瞎做~~
(⊙﹏⊙)怎么办呢，线性插画吧，还是加中国元素，就这么定，所以，duang~我就做出一张：
这是不是有点过年的气息？没错，让你感受到吃火锅如同过年一样喜庆、欢乐！中心思想啊~~
话不多说，第十一张图~这就尴尬了，还记得我在前两篇文章里提到了一个创艺小镇，照片还是从同事那里要来的呢，比较可惜至今还没去看看（懒得我不说是因为懒。。。）当时那张海报，做成了全蓝色，当时瞅着还可以，现在越看越丑呢。。。（时间久了总会看不上自己呢，咋回事）难道不是说明自己进步了么，哈哈哈~~
怕是有小伙伴忘记啥照片了哈，请看下图：
对就这个，乌突突的这个。
这次怎么画呢，本身是这么干净洁白的墙是不是。加渐变也不行啊，加纯色，大色块大色块的铺？肯定也不适合色彩鲜艳的了，画到中间，我决定了！（对就是画到中间，有时候没思路就索性先开始画，万一画着画着有思路了呢？）
决定用点线面的方式，与线性插画类似，不过就是多一些色块，丰富页面的颜色。于是，就做出了下图：
有些色块太小，不适合描边的就暂时不描了，看起来也不会影响整体，这样也是可以啊。颜色多采用第一象限的颜色，加白加白，清新自然~~小清新出炉~~
第十二张图，本次文章最后一张啦！看到了一张街边照片，比较普通吧，也属于落日。。不是吧，好像是下雨天。。眼神不太好哈哈
不管怎么样，秋天景象，雨天我也当成落日吧，反正，自己的画自己说算，哈哈哈。
因为是下雨，空气灰蒙蒙，道路比较脏，那在画上，肯定要干净啦。这里最难倒我的不是配色，不是道路，而是树。树的画法真是有点头疼，我去找了几种树的样子，比如：
呃这个嘛。。。好像不是我想要的。。那对于树，我边画，边想办法。对，一定要边做边找解决办法，在过程中，你都不敢相信自己能做出来，而且能做好它。
扁平化嘛，就是相对简单的一种插画，运用各种色块，纯色、渐变色各种叠加，总会出现自己想要的效果。对于这次的树，也是一样，不用考虑太多，直接钢笔勾线，像普通手绘一样，先勾出固有色，再叠加，在上面勾形状，多个形状，不均衡的铺在一起，上色的时候就是固有色、高光、阴影。这里也是运用渐变，直接一上，就自带感觉是高光到阴影的过渡。
当然，这次是初次尝试，肯定有很多不好的地方，以后会慢慢做好。
道路的尽头，加上了猫咪一家人（是不是一家人还不好说哈哈），配上比较可爱的文案，加上一些噪点，duang~~
总结
设计的路还很长，在任何一个新的学习中，自己都是小白。希望自己的能力配得上设计师这三个字，也会不断的努力，往设计领域的各个角度都伸展学习！
大家一起加油！
关注公众号
进群交流学习
-往期推荐-
8款高级感字体送给你
插画如何运用在App（插画流行趋势）
这么漂亮的星夜原来是这样实现的（附笔刷）
什么是“高级感”的设计？
无须找图烦恼，送你 10个无版权图库网站
星巴克首度公开品牌视觉识别系统！（必收藏）
NICE100团队高级感app精选作品
逆袭知乎漫威插画师，成长来自自驱动力（附笔刷）
NICE100团队John作品
你「在看」是最好的肯定与鼓励
如果觉得《照片转成插画海报》对你有帮助，请点赞、收藏，并留下你的观点哦！
