查看原文
其他

你想要的双11标题效果,都在这里!

庞少棠 庞门正道 2020-08-24
来自专辑
阿门排版设计教程

相信大家这段时间都看了不少高大上的双十一品牌海报吧。


每年的双十一,不但是剁手节,更是设计师的比武大会,各种酷炫的3D,插画效果。


然而,

等到了自己手里,接到的需求却是这样的:


摔,说好的酷炫3D、插画呢?

原来都是别人家的需求。



其实日常需求大多数就是这样的,容不得我们有太多去构想和执行巧妙的创意,最重要的就是抓准商业诉求点,快速响应。


具体到双十一的促销广告,最重要的就是两点:


一是准确、强有力的表达出促销信息。

二是要渲染出热烈的气氛。


因此在促销画面中,标题的设计就显得尤为重要。


就在大家还在撸双十一需求的时候,我也撸了一篇教程,给大家讲讲在促销海报中,都有哪些成熟的标题设计套路,大家在学会这些招数后,能快速的应付日常的需求。


OK,

直接跟我干货走起吧!






渐隐字就是将文字的某一部分做渐隐的效果,然后通过改变间距调整等排版方式,形成视觉上的起伏。


这个没任何技术难度,但是却很容易出效果,经常可以在广告、专题设计中看到渐隐字。


比如说我以前做过的案例:



我是很喜欢用这个效果的,因为操作简单、效果出色!


接下来我们再来一个双11风格的案例。


先来一个正宗的双11红背景,打上文案。



为了后续操作方便,最好是每个字单独一个图层。


接下来就是关键的两步了。


1、用蒙版给每一个字加上渐隐效果。

2、缩小文字之间的间距,产生字叠字的效果。然后将文字倾斜,让画面有动感效果。



这样,简简单单的文字就有了立体的层次感了!



再添加一些辅助的画面元素,就大功告成。


看看大图。


这火辣辣的味道,是双11没错!






顾名思义,就是对文字的关键笔划进行处理,让字有一点折纸的效果。


看到案例你就明白了:



这种效果大多数时候都应用在英文和数字上,汉字的结构相对复杂,如果控制不得当,容易造成画面过于繁琐。


不过只要用得恰到好处,还是能给画面增色不少的。


下面还是以双11促销风格来做实操案例。


第一步,选择合适的字体,简单的排版一下。



折纸效果的和笔画转折比较多,所以在字体的选择上适合硬朗风格的字体,比如庞门正道标题体,综艺体等。


接着对字体的细节进行处理,将一些笔划连接起来,细节上做一些图形替换等。



接下来进行关键的一步。


以其中的一笔为例子,看看具体处理过程。




如果不是转角的,直接添加阴影就可以了。



举一反三,将主体的笔划都处理一遍,就能得到最终的效果了。



最后添加画面的其它元素,烘托一下氛围。

完工。


高清大图:



OK,

下一招继续走起。





这两年,伴随着赛博朋克风格横空出世,霓虹效果也跟着火起来了。在各种广告,专题,海报中随处可见。



各种高饱和度色彩的混搭,有点夜场的感觉,看着就想嗨起来,用来搞双11专题设计再合适不过了!


OK,直接案例搞起来。


找来一张天猫的猫头素材,填好渐变颜色。

然后复制一层,采用强对比色增加画面层次。




给猫头后面叠加一层铁丝网的素材。




添加文案,数字最好选择笔画粗壮一些的字体,这样轮廓会比较饱满。

背景上叠加一层彩色光晕,形成空间感。



发光字的具体做法有很多,我介绍一种最简单的方式。



基本三步就能搞定,

OK,接着我们的案例。



添加商品,以及各种点缀元素,灯红酒绿的霓虹效果就完成了。


是不是想嗨起来的感觉?


大图走一波:


容我喝一杯82年的可乐再继续。






故障艺术来源于电子设备的图像错误,也就是电脑花屏,后来莫名其妙的就成了一种视觉风格。



故障艺术最大的特点就是很多横向、错乱的线条,颜色一般是高饱和度的蓝、紫、红等交错在一起,看似毫无头绪,却能带来强烈的视觉冲击。


下面来看看故障风用在双11促销设计上,会是什么效果。


我们还是在天猫猫头的基础上进行设计。


找来一张猫头素材,然后在背景上填充纹理素材。




接着排版文案。


文案一定要有起伏落差以及大小变化,这样可以强化画面的动感效果。

然后复制两层,分别填上紫色和蓝色,分别往左右两边错开。




将不同颜色的三层文字合并,然后用选择工具做出条形错位的效果,注意错位的区域不要太大,影响文字的可阅读性。用同样的方式做好下面一行小字。




接着处理背景。

背景尽量选择偏动感类的素材,如音浪、辐射型的线条等。

然后在前景上添加一些飘浮小元素来丰富一下画面。



点缀素材的色彩需要注意下,尽量是大的元素保持与主色调统一,小素材可以是对比色,这样既可以保持画面色调的统一,同时也能保持一定的对比度。


OK,

高清大图:



看完故障风,来看个智障风:






汉字经过几千年的演化,本身已经非常具有视觉美感。不过由于我们太过熟悉的原因,唤不起新鲜感。只要我们对汉字进行一点点视觉化的改造,比如说把汉字拆分重组,营造一点陌生感出来,马上就能有完全不一样的视觉效果。



这种文字效果会有一些人文气息,按道理不太适合热闹气氛的双十一。


不过凡事没绝对,总有一些品牌会矜持一些,希望在促销的时候,也保持一定的品牌调性。


来看具体的案例。


字体选用笔划细节比较多的宋体,简单的排版一下。




为了方便后续操作,需要把每个字按笔划完全拆散,每一笔一个图层,然后重新拼装起来。



重新拼起来后,将其中的一些笔画高斯模糊,营造前后关系。同时将其中的一些笔划作反转或者挪动,打破原有的规律。


最后再添加英文小字等排版细节。




给主商品的底下添加水纹效果,用渐变映射的方式将颜色处理成与背景融合的深色。




增加其它促销信息以及天猫双11LOGO等。

最后在背景增加一层金色的粒子,与标题的纹理呼应一下,同时提升整个画面的质感。



OK,

一张非常有质感的促销海报就完工了。


看下大图:


好了,还剩最后一招,坚持住!






书法字+纹理简直是一对黄金搭档。

书法字体的视觉冲击力,再加上纹理的细腻质感,让这种形式成为了制作标题字的大杀器。



当画面需要视觉冲击力时,使用这种方式制作标题,肯定错不了。

在双11的促销设计中,当然也非常好用。


先来一个小例子感受一下。


普通的促销文案:


改用书法字体,促销氛围瞬间强了不少。


叠加纹理之后,整个画面再次得到提升。


这个小案例目的是给大家演示一下具体做法。


接下来我们再看一个双11海报案例。


首先选择笔划粗壮一些的书法字体,然后在主要的笔划上做一些飞白处理,这样看起来会更有气势一些。




接着找来一张金色质感的素材,叠加到文字上。




为了强化质感,增添一些高光,阴影,增加画面的细节。接着在画面上增加天猫相关的促销元素。




继续完善画面信息,添加好文案、LOGO。

最后再用一些飘浮的小元素丰富一下画面。




采用这种方式可以很快速的做出促销所需要的热闹气氛,是我们平常用来应对促销类需求的一个成熟套路。


最后来看看高清大图:


想要炸眼球,

选这种方式肯定没错!


好了,

这期的教程内容就到这。

这么长、这么干的教程,我自己都有点顶不住了!




接下来到了你动手的时候了。

----------------------------------


应用今天学习到的知识点,自拟文案和素材,出2-4张双11风格的设计稿。


尺寸:

宽度 1000px,高度不限。


格式:

提交作品的时候,需要把你的文件命名修改为:

你的名字-你的QQ-练习作品,如:阿门-QQ12345678-练习作品.jpg

不要ai或者cdr等格式,也不要压缩包


邮件标题:

20191016-你的名字-QQ-练习作品


我会选择3位同学送出庞门正道定制本各一本,这个是只送不卖的纪念品,纪念你曾经努力的意义。



下一期教程出来的时候公布优秀结果,投稿邮箱:

2994247228@qq.com


-----------------------------------------------


上期练习一共收到40份作品,比上期的作品数略有增加,大家一定要坚持啊!


全部作品截图:


虽然提交的作品数量比较少,不过还是有几位同学做得很不错,下面精选出3位同学送出小礼物:



01号作品

陈炳城

青岛啤酒的旧报纸海报很不错,细节处理非常到位。



02号作品

Huni

这一组设计趣味性十足,风格虽然粗犷但是又很和谐。



03号作品

馥隐

画面很有八十年代的复古风格,就是人物稍微有点现代了。



以上三位送出庞门正道定制本各一个


-----------------------

好了,

学到干货的同学请大方地点击一下喜欢作者!!:)


这样下一期干货来得更快!


(在公众号回复:色彩教程,排版教程,有惊喜)


-------------------------

往期精华文章导读:

欠了20多万债务,怎么还?

这个人偷偷为你工作了9个月,只为了让你不用担心被罚款几万元!

不是一般震惊!模糊照片能变清晰了!


-END-


越努力,越幸运。

这里是庞门正道。

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存