复古风格设计4大招

阅读 52  ·  发布时间 2020-04-08 17:34:01  ·  xmh

我们都知道设计趋势本身是一个循环的过程。现在流行的极简、扁平风格,其实来源于一百年前的包豪斯。今天看起来是复古的一些东西,可能在某一天忽然变成了流行趋势。所以我们可以看到在各个领域的设计中,复古永远是设计师最爱的主题之一。

虽然在互联网产品类的设计中,简洁和扁平依然是主流,但是在运营类的设计中,我们可以看到大量的复古主题。复古风所带来经典和怀旧的氛围,是任何其它设计风格都不能比拟的。

好了,情怀的话就不多说,干货准备出场。。

1.png

复古风在视觉上给人最直接的感受就是“旧”。时间会在任何事物上形成“岁月的痕迹”,低饱和度的颜色、斑驳的纹理、怀旧的字体等元素,这些都会给人以年代感。而这些就是制造复古风最直接的方法了。

下面来看实操案例。

先找到一张扣篮的人物素材,扣好图。背景颜色我们先大概的选取一个褐色。

2.jpg

接下来微调一下人物的色调。为了色调更加统一,将人物调成黑白,裤子调成跟背景相近的红色。

另外,背景上添加一层过度效果,用画笔刷一些斑驳的纹理。

3.jpg

经过上面一番操作后,画面已经有点复古的感觉了。

继续给背景叠加一层纹理,人物添加描边效果,经过这些细节的处理,使得画面的质感得到进一点的提升。

4.jpg

将篮框合成到画面中,新元素加入画面要注意透视角度的合理性。

5.jpg

最后,选择合适的字体,将文案排版到画面中。文字效果也处理成手绘涂鸦风格,纹理质感上也处理得斑驳一些,保持整个画面风格的统一。

6.jpg

OK,一张复古风的运动海报就大功告成!

高清大图走一波:

7.jpg

这一招在复古设计中是比较通用的,无论什么主题的设计,只要用到了上面这种处理方法,都能使得画面呈现出怀旧的氛围。接下来我们再看第二招。

8.png

 复古设计之所以是个宝藏,是因为每个年代都具有各自的鲜明特征,值得挖掘的设计元素数不胜数。如果我们将古代的代表性事物挪到今天,用上现代的排版手法、配色等,你将会给你的设计打开一片新天地。

我管这一招叫做“古为今用”。比如说古代的活字印刷,它具有鲜明的视觉风格。

9.jpg

我们可以尝试将这种风格应用到设计中去。在具体的操作中,我们不需要拘泥于要跟它做得一模一样,可以根据自己的需求,适当进行改造,保持大体风格即可。

来看看实操案例吧。

找一张某国产品牌的复古样式鞋作为画面主体。

10.jpg

给画面加上活字印刷的代表性视觉元素——框线。

并且将框线处理得斑驳一些,模拟出油墨溢出的效果。然后打上一大段文字,作为画面的辅助元素。

11.jpg

处理一下文字和主体的层次关系。由于一大片文字看起来过于单调,我们可以在其中加入一些活泼的元素,如杜甫很忙的图形。一来可以丰富画面层次,二来可以增加画面的趣味性。

同时我们在画面的上半部分挖出一部分空间,填入主标题。

12.jpg

在画面的色调上,我选择了红蓝的强对比色。

这种配色和活字印刷并不是同一个年代的产物,不过正是这种混搭,产生出一种与众不同的视觉感受。

13.jpg

最后在页面底部加入中国的传统纹饰——海水江崖纹。同时给背景铺一层纸质的纹理,丰富一下画面的层次。

大功告成!这种混搭的感觉是不是很棒!高清大图走起来:

14.jpg

上面这招是借用古代的素材进行现代化的包装,接下来这招我们则是直接借用古代现成的素材。干货继续走起。

16.png

历史上每个年代留下来的视觉元素都是独一无二的,在设计中使用这些真实的历史素材,可以给设计增添许多厚重感。

需要指出的是,如果你的画面想表现出某个年代,就一定要找出该年代最强烈的视觉特征。比如说唐朝,就一定要表现出大唐盛世,所以我们可以看到表现唐朝的设计风格一般是这样的:

17.jpg

宋朝是一个尚文轻武的朝代,所以表现宋朝的时候要更具文艺感。

宋徽宗的瘦金体是代表宋朝很好的文化符号之一,宋朝的人物一般也是偏潇洒飘逸风格的。

18.jpg

当然,这些太过于久远的年代,我们可以直接使用的视觉元素非常有限。

更近一些的年代,可以直接借用的素材就非常的广泛了。比如搪瓷杯、收音机、黑白电视机这些都是80年代的符号象征。我们在做设计的时候,都是可以直接借用的。

19.jpg

再比如民国时期,你肯定第一时间就会想到了旗袍美女。下面我们就以民国为例,看看可以怎么借用历史素材直接做设计。

我们找来一张民国海报中的美女作为画面主体。

21.jpg

做阴影的时候注意选用湿画笔效果擦出来,模拟手绘的效果。

接下来处理背景,民国的海报用到了很多欧式的花纹,我们可以多叠几层上去。

22.jpg

再按照构图的需要,拼贴一些线框和装饰元素上去。同时将商品六神花露水放上去。

23.jpg

将拼贴的素材的颜色统一,在背景上再添加一些装饰元素。

24.jpg

在画面两边添加上文字,用画笔处理成褪色的效果。左下角添加留声机,让整个画面更加平衡。

25.jpg

这种装饰元素特别多的画面,需要特别注意各个元素的统一性,不然就会出现生硬的拼凑效果。

好了,一张民国风的海报完工,看看最终的高清大图:

26.jpg

民国美女是不是比现在千篇一律的网红脸好看一百倍!

24.png

每个年代都有自己的流行文化,这些文化或多或少都会留下视觉化的风格,我们只要将这些年代特有的流行元素结合到当下的设计主题中,就能得到很有意思的设计。

比如说建国初期版画风格的宣传海报:

28.jpg

这种风格一看就具有明显的时代特征,现在很多营销活动都会应用到这种风格。

还有很具有80年代特征的霓虹色:

29.jpg

霓虹色在今天已经被大家玩出花了,现在很流行的赛博朋克风格就大量应用到了霓虹色。这种谁也说不清的风格,明显有着七八十年代的复古风格,在视觉上它就是复古风和科技元素的结合。

下面的案例我们将周董《头文字D》海报改造成赛博朋克风。

30.jpg

先把屌炸天的AE86安排上:

31.jpg

然后将挂满电子屏的高楼图片放到背景上,地板再贴一张深色的路面。粗略的将场景合成好。

33.jpg

再接下来是细节处理。给车子绘制好投影,增加真实度。同时将背景元素的色调统一。此时画面的雏形已经形成。

34.jpg

给车子添加色调分离效果。具体方法如下:

35.jpg

最后是给页面添加文案,为了增加文字的可阅读性,我在下面增加了一个黑色的色块,这同时也能让文字的霓虹灯效果更突出。

36.jpg

OK,看看高清大图:

37.jpg

对比一下原图:

38.jpg





电话咨询
邮件咨询
在线地图
QQ客服