1、这节课结合好的案例和实际操作来具体讲解如何在banner中突出产品和文案。
![](http://pic.huke88.com/upload/content/2018/06/24/15298551909171.jpg)
2、这是一个反面案例,背景元素杂乱,文案特别多和小,没有突出主题,画面没有品质感。
![](http://pic.huke88.com/upload/content/2018/06/24/1529855197281.jpg)
3、这个案例非常好,既表达了画面主题,也突出了产品和文案。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552058701.jpg)
4、这是一个做减法的案例,突出了产品;在偏绿色的背景上用白色装点文案,使得文案也非常突出。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552139013.jpg)
5、这个案例也是极大突出了产品和文案。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552204202.jpg)
6、这是个非常好的促销banner案例,整体的视觉焦点非常明显,而它的角度也非常有创意,我们一眼就能看出文案的主题是什么。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552267288.jpg)
7、这个案例首先突出了产品,再由产品引出文案信息,使得主题很好的突显出来了。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552328307.jpg)
8、这个案例非常简单,但背景很吸引人,突显出了文案信息。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552387142.jpg)
9、这个也是很好的突出了文案和产品,极大激起了消费者的购买欲望。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552457020.jpg)
10、这也是个非常简单的案例,但品质感非常高,突出了产品,引出了文案信息,抓住了消费者的目光。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552526585.jpg)
11、这个案例突出了产品和文案,也突出了整体的风格以及想要传达的主题。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552588179.jpg)
12、这个案例也非常简单,突出了产品,文案作为辅助信息。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552659842.jpg)
13、这是个比较性冷淡风格的banner,文案的搭配虽然非常多,但有条理,突出了中间的主文案和模特,非常的高档、有品位和有个性。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552727414.jpg)
14、这个案例,通过左右两边的财神爷,突出了文案信息,通过文案去了解其它信息。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552796248.jpg)
15、这个案例,产品占据了1/2的画面,极大突出了产品的形状、想要表现的色彩,以及品牌感,这也是一个突出产品和文案的很好的案例。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552877907.jpg)
16、实操。根据产品和文案做一个banner(突出产品和主题)。
![](http://pic.huke88.com/upload/content/2018/06/24/15298552927934.jpg)
17、打开【PS】,新建【1920px*770px】、分辨率为【72】的画布。
![](http://pic.huke88.com/upload/content/2018/06/24/15298553016654.jpg)
18、选择【矩形工具】,颜色为浅蓝色,绘制跟画布一样大小的矩形,并隐藏;使用【矩形工具】分别绘制两个合适大小的矩形,并填充不同的颜色。
![](http://pic.huke88.com/upload/content/2018/06/24/15298553073104.jpg)
19、拉出两条参考线,显示矩形1;选择【矩形工具】,在右边绘制合适大小的矩形,添加图层样式为【渐变叠加】,参数如图所示。
![](http://pic.huke88.com/upload/content/2018/06/24/15298553135541.jpg)
20、选择【矩形工具】,绘制一个矩形,填充浅蓝色;【拖入】白布帘,调整大小和位置。
![](http://pic.huke88.com/upload/content/2018/06/24/15298553191737.jpg)
21、选择【矩形工具】,再绘制一个矩形,添加图层样式为【渐变叠加】。