四个案例教你玩转海报字体版式!

时间:1 month ago
预览:1044次
383人喜欢
作者:道格资源
授权转自:胡晓波工作室 ID:ziyou-design

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



文字化场景一种平面设计的方法和风格其风格特点是运用文字的大小、前后重叠、颜色深浅,倾斜或者透视来展现更多不一样的视觉效果,具有空间层次、节奏、现代感强、让设计实现醒目有立体层次的视觉效果。
 
今天就给大家总结几招好使的方法,让大家再不用为找不到好的素材而烦恼。好了,废话不多说,干货走起。







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



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




来,开始我们的摩擦,不对实操案例:
 
1步,首先在网上找到一张运动鞋图片。



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



第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!一张大气的海报就这样完工。
海报效果展示

- END -




你错过的文章

这些“圆体”排版方法真不错!拿来吧你!





如果你喜欢这篇文章

麻烦给升哥点个 点赞 在看 鼓励一下吧

VIP免费客服咨询
点击这里给我发消息
嘿!有什么能帮到您的吗?