做了10年ui,第一次接触这种插画视觉需求,太难了!

最近做了不少商业需求,后面会陆续和大家见面,今天和大家分享一个小需求,

视觉:慢热
插画:乐乐

一些宣传运营画面,画几组小插图,然后放在同一个背景上,插图大概效果如下:

图片

如果背景用纯色,氛围感就会比较弱,于是我们就开始把背景增加细节,如何从一个纯色变成一个丰富的背景画面呢?

 第一步:在纯色上先来个小渐变:
图片图片

现在这个渐变色有点轻,对比度不太够,我们可以尝试加重对比,但一定要注意,要不两个颜色都加重,那样会不耐看,可以尝试加重上面的蓝色:
图片

这样对比就好很多了!

第二步:加一个前后大层次

加一个前后层次,可以来个地面:

图片

这里看似简单,但其实还是有一定知识点支撑的,比如地面和天空虽然都是蓝色,,但是二者的色相不同,地面的蓝偏蓝绿,而且因为天空在远处,地面在近处,所以地面会更实一些,转化成视觉语言就是更重一点,整个虚实关系,大家一定要注意。

然后,仔细观察,地面上还有一些小细节,小草、跑道之类的.

第三步:地面与背景的衔接

虽然有了地面和天空的两个层次,但中间的衔接还不够,我们可以在地面与背景之间加一个层次,云气层:

图片

再加一个层次,绿植:

图片

再加一个层次,远处的云彩:

图片

这样,二者就算是衔接上了!

第四步  远处天空的细节

仔细观察,其实画面中间还是有点空,可以在远处加一点气体和云朵,或者一些光点之类的,我们看下效果:

图片

这样就丰富饱满多了!

第五步:前景还可以再加点东西

为了把层次更加的丰富起来,还可以在前景再加一些物体。

刚才说了虚实关系,越往前面的东西越实,我们就可以做的稍微暗一点,比如在前面加一些绿色植物,四个角都可以加一些,效果如下:
图片

大家可以再思考下,是不是越往前的元素越实越暗,这样整个层次才会清晰明了!

这样整个背景就差不多了,我们看下从纯色到这一步的对比:

图片

丰富很多了。

然后我们在把画好的一些元素放进去:

图片

结果发现有点生硬,这时候就又需要加一些衔接的层次,让画面整体更加融合,以为是在天空上,我们可以继续用云朵作为先阶层,加上云朵之后的效果:

图片

这样就融合多了,最后再加上文案排版:

图片

一个画面需求就差不多完成了!

以上就是今天和大家分享知识啦,教程已经非常详细了,大家可以跟着练练试试,只有练起来,才知道自己具体差在什么地方,加油加油!下期见啦!

 

原文地址:菜心设计铺(公众号)

作者:菜心

图片


 

0

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码