刘畊宏卡通图：跟刘畊宏一起练
刘畊宏卡通图：跟刘畊宏一起练静态的汽车，加上倾斜的线条之后，马上有了方向性，看起来像是要往前走了。例如下图，通过文字与人物的稍稍倾斜，就营造出了一种向前俯冲的速度感。刘畊宏带大家练运动，那我就带大家练运动海报设计。。。好了，废话少说，直接动起来。元素的倾斜在视觉上会产生一种不稳定感，而如果画面中所有元素的倾斜都有着统一的方向性，则画面会给人一种速度感，因此，倾斜的设计手法被大量的应用于运动类的设计上。
话说，
健身这个话题最近很火啊。。。
一些从来不搞体育锻炼的同学，忽然化身刘畊宏女孩，刘畊宏男孩。。。
作为紧跟时事热点的设计大号，我当然也得带大家练起来！
刘畊宏带大家练运动，那我就带大家练运动海报设计。。。
好了，废话少说，直接动起来。
元素的倾斜在视觉上会产生一种不稳定感，而如果画面中所有元素的倾斜都有着统一的方向性，则画面会给人一种速度感，因此，倾斜的设计手法被大量的应用于运动类的设计上。
例如下图，通过文字与人物的稍稍倾斜，就营造出了一种向前俯冲的速度感。
静态的汽车，加上倾斜的线条之后，马上有了方向性，看起来像是要往前走了。
下面我们就找最近大火的刘畊宏来代言，看看如何利用倾斜来营造动感画面。
第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，完工！
好了，今天的内容就到这。
走了。。
