海报设计教程!电商产品类字体海报的4种做法

时间:2021-09-09
类别:平面设计
水平:普通
观众:1.3w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

教程作者:胡晓波工作室(授权转载)

交作业去这里→#优设每日作业#

关于教程

今天来跟大家讲讲字体,不对,是文字化场景海报的通用设计思路,学会这个思路可以应用在各类型海报设计中,帮助大家快速解决工作中一时找不到合适的素材时,又或者想做到与众不同时,就要试试此方法了。

说到这里,有人就要问了,没有图说个毛,啥叫文字化场景啊!举个例子呗!既然如此,好吧!安排!

海报设计教程!电商产品类字体海报的4种做法

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

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

海报设计教程!电商产品类字体海报的4种做法

教程内容

#001 文字平铺背景

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法 海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

来,开始我们的摩擦,不对实操案例:

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

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

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

 

海报设计教程!电商产品类字体海报的4种做法

#002 文字倾斜背景

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

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

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

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

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

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

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

#003 文字透视背景(一)

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

相比文字平铺,文字倾斜,文字透视的空间感、立体感、层次感更强,视觉效果更突出!
来,实操案例走起,还是以鞋为主角。

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

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

好了,继续下一招

#004 文字透视背景(二)

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

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

ps消失点怎么用?

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

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

海报设计教程!电商产品类字体海报的4种做法

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

海报效果展示

海报设计教程!电商产品类字体海报的4种做法 海报设计教程!电商产品类字体海报的4种做法 海报设计教程!电商产品类字体海报的4种做法 海报设计教程!电商产品类字体海报的4种做法

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

48 收藏 127

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 1

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片