学习资料视觉设计图大狮学习方法研讨社

和我一起画张banner

2016-12-18  本文已影响225人  quantre

拿到需求后如何效率完成一张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做的有层次感。等练到有所收获时会再分享哒~加油加油!~

上一篇 下一篇

猜你喜欢

热点阅读