跟刘畊宏一起练，运动海报设计！

话说，

健身这个话题最近很火啊。。。

一些从来不搞体育锻炼的同学，忽然化身刘畊宏女孩，刘畊宏男孩。。。

作为紧跟时事热点的设计大号，我当然也得带大家练起来！

刘畊宏带大家练运动，那我就带大家练运动海报设计。。。

好了，废话少说，直接动起来。

元素的倾斜在视觉上会产生一种不稳定感，而如果画面中所有元素的倾斜都有着统一的方向性，则画面会给人一种速度感，因此，倾斜的设计手法被大量的应用于运动类的设计上。

例如下图，通过文字与人物的稍稍倾斜，就营造出了一种向前俯冲的速度感。

静态的汽车，加上倾斜的线条之后，马上有了方向性，看起来像是要往前走了。

下面我们就找最近大火的刘畊宏来代言，看看如何利用倾斜来营造动感画面。

第1步，

当然是抠一张刘畊宏教练的照片。

第2步，

在人物的背后添加倾斜的色块，让画面产生斜向上的方向性，同时也可以让画面更有动感。

第3步，

从人物的身上汲取红色，填充到倾斜的色块上，然后再在背景上填充蓝色，强烈的色彩对比让画面看起来活力十足，符合运动的主题调性。

第4步，

为了让人物看起来更加专业、厉害一点，我们将人物的色彩转为黑白色调。这样画面的色彩也会更加干净。

第5步，

大致确定一下文案的位置。

第6步，

按照画面倾斜的方向，将文字重新排版。

OK，完工。

继续走你。。。

在大多数情况下，不加修饰的直边直角，会给人一种简单粗暴，没有设计的感觉。但是用在运动主题的设计上，却刚好可以体现出硬朗、锋利的一面，看起来会很有力量、速度感。

例如宝马M的页面上，经常会用到尖锐的三道杠LOGO图形来强调产品的运动性。

直角矩形也很锐利，用在别的品类上可能需要多思考一下，但是用在运动类的题材上十分合适。

好了，直接实操案例走起。

第1步，

抠一张模特图。

第2步，

产品图给人一种轻盈的感觉，因此在背景上我们也增加倾斜的色块来强化这种动态的感觉，形状上可以用直角的多边形，看起来锐利而简洁。

第3步，

配色上，我用了绿色和紫色的对比，看着很清爽。另外给倾斜的色块添加一点阴影，这样空间感一下就有了。

这个投影的制作用到了一点小技巧，非常实用，我录了一个GIF把方法分享给大家：

最关键的一步是在ctrl+t变形后，右键选中“透视”选项，其它步骤都比较简单。

好了，

最后再给加文案，一张清新而有运动感的banner就搞定了。

OK，完工。

继续下一个。

暗色调通常给人一种压抑、沉闷的感觉。但另一方面，它也具有一种神秘、力量感的氛围，用在运动主题的设计上，可以很好地体现出产品的气质。

例如下图，黑色的背景，将产品的精细质感很好地衬了出来。

下面这张海报则是通过高亮的主题文字，与鞋子上的LOGO形成呼应，形成画面焦点。

暗色调的设计，关键点就在于如何打破沉闷的同时，又能保持住画面的调性。来看看怎么做。

第1步，

先抠一张鞋子产品图。

第2步，

此时由于画面是一片黑，导致画面很沉很压抑，所以我们需要用一点亮色来提升对比度，并且制造视觉焦点。我的解决方法是用一个荧光绿的椭圆形色块，点亮画面的同时，连接两只鞋子。

第3步，

为了解决画面一片死黑的问题，我们在背景上添加一点光影效果，同时给产品添加一点阴影，这样让产品图看起来更加真实而有立体感。

关于产品的投影，每次都有同学问我是怎么做的，我再简单说下，是用滤镜>模糊画廊>移轴模糊 来做的，黑底下可能看不太出来，我截个图大家看下：

具体的制作过程我讲过很多次了，不会的同学可以戳这里去学习。

第4步，

接下来是很小，却很重要的细节处理。

由于鞋子放在黑色的色块上，再加上材质本是亮面的，所以鞋子的一部分肯定会反射成绿色的，如图所示：

具体制作过程如下：

所谓魔鬼在细节，有时候就是这些不起眼的小细节，最终决定了整个设计的品质感。

处理后的效果如下：

第5步，

编排好文案信息。

OK，完工！

再练练就收工。。。

除了暗色调外，冷暖冲突的配色，也经常用来营造出运动的氛围感。例如最常见的像蓝色与红色、黄色的对比等。

冷色的应用可以体现出运动的沉稳、力量感；暖色则可以体现出热情、活力的一面。

好了，下面通过实操案例来演示怎么做。

第1步，

先抠好产品图。

第2步，

由于产品图本身是大红色的，所以背景自然就是它的对比色——蓝色。再将文字放大，增加红色的面积，与背景的蓝色形成强烈对比。

第3步，

为了强化产品的下坠感，给它P一个吊绳。同时在产品图与文字之间添加一点投影。

第4步，

在产品与文字的下面添加光影效果，这样可以让画面产生空间感。

第5步，

给背景添加墙面划痕的纹理。

第6步，

编排好文字信息。

OK，完工！

好了，今天的内容就到这。

走了。。

‍