当前位置: 首页 >文章 > 文字化场景速成
收藏
分享

文字化场景速成

举报胡晓波课堂胡晓波课堂发布于 2021-08-181489阅读1点赞
为海报加上主文案,由于整个画面偏冷,所以主题颜色我吸取了鞋子上的橙色,这样,文案与产品形成了更好的关联...

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

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

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

这类文字海报通常以文字平铺来达到作为海报的背景,或整体重复平铺,或前后错位,产品和字体的前后穿插,以此达到文字化空间场景的目的。看下例子,是不是超简单,超有效果!最常见的处理方式之一,就是将产品做为海报的主体,然后再用装饰元素来丰富版面就可以了。
光说不练不是好厨师,好了,上菜!最近买了一双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!一张大气的海报就这样完工。
海报效果展示



本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:胡晓波工作室!





0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩10天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩10天53人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩27天15人已报名
猜你喜欢
如何开始学UI?

2018-08-03

seany 发表

如何开始学UI?
干货!2018年七大值得关注的UI/UX应用工具

2018-08-31

静电的UI设计教室 发表

干货!2018年七大值得关注的UI/UX应用工具
设计心理学之序列效应

2021-05-26

小虎转载君 发表

设计心理学之序列效应
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了36,588
并提交了234份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证