把文字当作场景！原来如此好看

8月 20, 2021 发表于: 视觉设计. 评论

今天来跟大家讲讲字体，不对，是文字化场景海报的通用设计思路，学会这个思路可以应用在各类型海报设计中，帮助大家快速解决工作中一时找不到合适的素材时，又或者想做到与众不同时，就要试试此方法了。说到这里，有人就要问了，没有图说个毛，啥叫文字化场景啊！举个例子呗！既然如此，好吧！安排！

文字化场景一种平面设计的方法和风格，其风格特点是运用文字的大小、前后重叠、颜色深浅，倾斜或者透视来展现更多不一样的视觉效果，具有空间层次、节奏、现代感强、让设计实现醒目有立体层次的视觉效果。

今天就给大家总结几招好使的方法，让大家再不用为找不到好的素材而烦恼。好了，废话不多说，干货走起。

这类文字海报通常以文字平铺来达到作为海报的背景，或整体重复平铺，或前后错位，产品和字体的前后穿插，以此达到文字化空间场景的目的。看下例子，是不是超简单，超有效果！最常见的处理方式之一，就是将产品做为海报的主体，然后再用装饰元素来丰富版面就可以了。

光说不练不是好厨师，好了，上菜！最近买了一双68元的运动鞋，在写这些文字的时候，我穿着它情不自禁摩擦、摩擦，在这光滑的地板上摩擦，所以，本期的主角就是它了！

来，开始我们的摩擦，不对实操案例：

第1步，首先在网上找到一张运动鞋图片。

第2步，因为是运动鞋，所以我就配上funplay的英文铺底，为了不至于让整个文字平铺单调，其中一排我用了橙黄色。（声明，以下案例中所使用文字仅供案例讲解演示，不作产品特点表达文案）

第3步，我们对产品进行光影处理，加上阴影，然后配上一些装饰元素，把主题文案加上，让画面看起来更丰富，更有空间感。

第4步，做到这个时候，萌萌突然过来说，这像他老家的那条老黄狗—土，说要潮点，潮点，我心想，难道这个鞋还防水吗？后来经过九九八十一句的沟通。。。。。。终于终于知道，我说还不简单，潮嘛，加个机甲外形不就妥了，至于脸红脖子粗的解释嘛！好，来，机甲安排上。并对文字和各装饰文字进行细调，ok,完工。

除了文字平铺外，有的时候我们需要更动感，更有速度感的时候怎么办？恭喜你，文字倾斜背景可以帮你一臂之力。文字倾斜可以通过常规的倾斜，也可以图形和文字相互交叉穿插倾斜，来达到能塑造空间感、动感，立体感。

由于本案例主体是鞋，所以不需要做成纯文字海报，所以采用一种常规文字倾斜来进行案例的讲解。

第1步，当然是先找产品图，所以我还是找了一双鞋，然后通过抠图，配上底色。

第2步：因为要让它看起来有那么点动感，所以鞋要求主动斜一点，然后给背景加上点光影效果，让背景更有质感些，不至于让背景过于单调。

嗯，鞋子是斜了，但文字呢！这个文字怎么斜呢！别急，这就安排，由于我ai比较熟，所以这次我准备在ai中排文字。

第3步：在ai中打好文字，把文案和图形经过严谨而有科学的排列，让文字部分看起有层次的同时，斜起来不至于单调。（排文字信息的时候注意产品摆放的位置）

第4步:将ai中排好的文字置入到ps中，做为鞋子的背景，如果文字位置不对，我们再返回ai再调整，一直到满意！是不是很简单，一张带有动感的海报就完成了！so easy!

是时候来点更带感的了，文字透视背景海报，老规矩，先看案例参考。

相比文字平铺，文字倾斜，文字透视的空间感、立体感、层次感更强，视觉效果更突出！

来，实操案例走起，还是以鞋为主角。

第1步：还是老规格，找产品，抠图，然后简单配上背景，背景颜色我采用鞋子背身的颜色，简单做了下光影处理。tips:当你不知道用啥配色的时候，我建议你从产品身上或者产品属性来找配色，这样跟产品关联性更好，也更好的产生呼应关系。信不信由你，反正我经常这么干的！

第2步：这次给海报配上一个莫名觉厉而又装B的文案：漫游者，为了后期编辑方便，文字我还是在ai里编排，然后置入ps。然后进行产品文案位置的调整。

第3步：为整体画面添加细节，让画面更饱满，我们在空白的地方加上一些装饰图案或文字，让画面整体更丰富。

第4步：整体看起来还行，但总觉得缺点什么，不够潮流？信息不突出？嗯，把主题加个框看看，让视觉更聚焦！空间感更强！

好了，继续下一招

第1步：还是老规格，找产品，抠图，然后根据鞋子的颜色，定好背景颜色，然后添加一些光影效果，让背景更有质感，让画面有一定的空间感。

第2步：老规矩，在ai里编排好文案信息。

第3步:将在ai里编排好的文字置入ps中，用ps的扭曲工具或者ps消失点工具，做好文字的透视变形。

ps消失点怎么用？：

第4步：由于本次鞋子图片的角度，所以文字透视角度我们来模拟地面形态，为了效果更逼真，为地面加上些肌理效果，使其更有质感并为鞋子加上阴影，让鞋子飞起来来。

第5步：为海报加上主文案，由于整个画面偏冷，所以主题颜色我吸取了鞋子上的橙色，这样，文案与产品形成了更好的关联。整个画面有了冷暖对比，效果更好了！

第5步：现在整个版面负空间比较多，整个画面显得单调，所以，继续完善画面，添加装饰元素，给版面添加更多细节，让画面丰满起来。

duang!duang!一张大气的海报就这样完工。

海报效果展示

​
来源 | 胡晓波工作室（id:ziyou-design）

赞助商链接