恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
生活中的设计:把照片变成插画海报
0.0°
2019-08-21 好文转载 教程 原作者: Lina琳 举报 2238 40 61 0

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

几年前刚毕业那会,以为初学设计就学会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

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

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




更新:2019-08-21

收藏

40人已收藏

带你学设计

领取更多学习资料请加裙:850331497

  • 9

    作品

  • 27

    粉丝

  • 0

    关注

  • PS实用小技巧:人像马赛克凸出效果
  • 两个配色技巧,帮你摆脱配色困难症
  • AI制作立体发光灯管文字效果教程
  • PS也能玩的3D效果!<须弥山>海报设计分享
相关标签
插画

    猜你喜欢

      2019-08-21 好文转载 教程 原作者: Lina琳 举报 2238 40 61 0

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

      0.0°

      你确定要举报生活中的设计:把照片变成插画海报

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年08月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      61
      40
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录