网页设计 » 视觉设计 » 把文字当作场景!原来如此好看

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

发表于: 视觉设计. 评论
Sponsor

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

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

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

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

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

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

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

光说不练不是好厨师,好了,上菜!最近买了一双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)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }