和我一起画张banner

作者: quantre | 来源:发表于2016-12-18 23:20 被阅读225次

    拿到需求后如何效率完成一张banner?以前看到banner就头疼,两三天硬磨出一张banner,练了一段时间终于有所改善,效率提高N倍,总结下来有这几点:

    需求——理解——关键词——素材选择——构图——色彩——文字排版

    举例(我的日常工作):

    任务是把两篇文章做成banner用于推广,题目:7类食物让你交好孕和8 tips to a healthy fit plus size pregnancy;

    为了banner能更符合主题,首先要理解需求,这里是文章想表达的意思,比如我会进入后台查看文章的具体内容:

    文章链接:

    https://blog.bongmi.com/data/knowledge/160_1480568764.html

    看了下主要推荐了7类食物,他们富含备孕需要的营养,因为app用户主要就是备孕的女性,所以我把里面提到红色、黄色、绿色蔬菜以及红肉等食物作为关键词,进行素材收集。

    素材网站:https://graphicriver.net 还有一个是花瓣:http://huaban.com/apnuuhwgxm/ 

    直接使用卡通版的食物素材,选择时注意素材的统一性,色彩上注意明度、饱和度尽量相近或者调整到相近,角度选择相同或相近。

    食物素材

    接下来是构图,因为平时主要工作还是app和网站,所以会先找素材后想构图,顺序看个人习惯,由于食物素材比较小,而且是分散的。我的设想是,把文字放在中间,食物分布在各个地方,像这样:

    中心构图

    选择文中提到的素材,接下来就是处理素材。放大素材超过其本身大小时,可通过锐化提高图片清晰度,更容易出效果。观察后我们也可以得到结论,优秀的banner人物肯定都是高清的。

    食物素材

    让画面更和谐选择素材中出现最多的颜色,温暖的橙色,调整饱和度,放上文字和素材。已经有个大致的样子了。

    放上素材

    可是看着不和谐,那么一个个解决调整画面。

    1、文字不突出用色差大的颜色作为背景来突出。

    2、画面不平衡,根据页面上下左右的平衡这里是杠杆平衡调整素材位置。

    3、不有趣啊,那么让他有趣一点,文字倾斜。我又想到阳光明媚的野餐,加上放个桌布的纹理,文字放在卡片上的感觉。

    加一点光,多一些细节,嗯呐,差不多就是这样了。

    7类食物让你交好孕

    感觉还能更好,等我掌握更多技巧回来修改。嘻嘻😁

    另一个英文的banner

    讲讲人物处理吧

    还是先根据文章找素材抠图,调整人物:

    1、抠图

    2、让人物和背景更和谐,调整色阶,色相,曲线等

    3、加上阴影,阴影怎么画呢?我是高斯模糊后,选深一点色彩做彩色阴影,然后就凭感觉擦掉不需要的部分,因为阴影是不规则的。

    4、加上光,考虑光源、环境反射光,再调整下阴影

    处理人物

    改了一点点文字样式,最后是这样的

    8 Tips to A Healthy&FIT Plus Size Pregnancy

    17年0729补充:

    几点关于快速处理人像时的技巧:

    1、如何使人物融入画面

    我们看到的世界都是通过光的反射进入眼球后形成的图像,所以处在环境中的物体会带有这个环境特定的色彩。想象一下黑背景板下拍出复古风女郎、和白色阳光下的少女,直接把人物剪切下来会发生什么?

    还有很多细节,我们都可以通过观察优秀的作品和思考得到,然后用在自己的设计上。

    好啦,谢谢,看到这儿的大家~

    这是我一路自学做banner的思考过程,从不会到会,通过多观察、多思考肯定能做到然后做好。昨天听了一节关于banner设计的课,准备按照提到的分层的方法每天练习2张,掌握更多的处理方法、页面排布、把banner做的有层次感。等练到有所收获时会再分享哒~加油加油!~

    相关文章

      网友评论

        本文标题:和我一起画张banner

        本文链接:https://www.haomeiwen.com/subject/ypkvpttx.html