海报设计:如何设计竖版海报版式?280集精品教程

教程领到手,学习不用愁!领 ↑ ↑ ↑

海报设计:如何设计竖版海报版式?280集精品教程

学习Photoshop教程,精品中的精品,你还不知道去高手课学习吗?

学习Photoshop,精彩在最后!兴趣使然,以应用为导向,学以致用,学习效率更高!还记得高手课吗?高手课,一套免费精品教程解锁一门技能。高手课,没有套路,领取Photoshop教程。记得赞赞哈,谢谢来【高手课】

我们都知道 banner、海报是我们最常见和最常用的作为宣传类的运用,现在的项目基本上都会涉及到这两大类的设计,特别是电商行业的崛起, banner和海报的运用更是广泛,并且使用的频率也是非常的高,每到节日来临和其它的专题活动都会设计相关的宣传 banner或者海报,很多时候 manner和海报都是同时需要的,所以作为一枚设计狮,掌握必要的设计技巧是非常必要的。

作为一枚设计小白(初级设计师),很多时候拿到设计需求都是处于盲目的状态,不知道从何下手,他们最常见的状态就是拿到需求就直接去素材网站上搜索类似的设计,然后直接按部就班般的完成自己设计的项目需求,其实这样的现象是非常普遍的,也没有什么,因为我自己刚开始接触设计这个行业的时候也是洋的,所以初级设计师也不要觉得不好,但是我这里需要提醒大家的是,如果你已经做设计半年、一年了,就需要转变这个思想,因为这样的设计方式只适合刚入行的设计小白,既然你已经做设计一段时间了就需要自己去掌握正确的设计步骤,学会自己动脑去借鉴、去学习、去总结、去输出。

至于拿到需求后的第一步应该做什么,我也已经分享过很多次了,前面“纯文字海报设计,让设计不再依靠素材”,“海报设计思路“这些文章都有分享过,以及很多海报设计的案例中我都有详细的分享设计的步骤,包括自己分享优秀案例文字排版、配色旋转、细节打磨我都是一步一步详细的教程,如果大家看了还有么不理解的就可以单独私信我,这里就不再多次的赘述啦。

前面分享了一篇 banner设计的版式模板总结,很多人都希望再次出一篇竖版的模板总结,所以得到大家的需求,我就专门为大家准备了下面的这些,大家耐心的看吧!

今日学习大纲:

01:竖版海报版式构图分析02:竖版海报设计案例实操03:总结

模板一:

标准左右排版,突出主题

和主标题左右排版其实不难理解,一张海报无非就是由主题(图)、主标题、副标题、其它文案、其它元素组成,我们左右排版就可以是主题(图)和文案左右排版,可以是左图右文,也可以是左文右图,左右排版还可以是主标题和其它文案的左右排版方式,同样也可以是主标题左其它文案右,或者相反,如果右主题图的话就可以选择中间位置排版展示。

01典型案例

下面我找到了几张标准左右排版的典型案例,我会选择一张具有代表性的案例做出详细的解析,帮助大家理解。

海报设计:如何设计竖版海报版式?280集精品教程

02案例解析

海报设计:如何设计竖版海报版式?280集精品教程

通过上面这张海报的分析标注,我们可以清晰的看到,这张海报主要应用主题(图)左文案右排版方式,我们都知道一张海报中最吸引人的就是就是图,人的第一视觉看到的也是图,其次才会去看海报中相关的文案,所以在做设计的时候,我们的素材选择也是很关键的。

我们来看看这里标注的图,人物侧站,面朝右下,看向我们的主标题” SIMPLE”,给人一种指引方向的视觉效果,用户的第二视觉就会不自觉的看到主标题,然后一路向下看相关的文案,这里的主标题和主题人物图做了叠加的视觉效果,让画面的层次感更丰富,所以我们在做设计的时候也不要固化思想不要只知道左右之分,适当的调整打破常规也是会有意想不到的视觉效果的,像这样的图文叠加的方式也是很常用的一种,在我们的典型案例中右边两个也都有采用图文叠加的方式。

03注意事项

采用左右排版的方式,如果有主题图,我们在排版的时候就要注意不要影响图的识别和美观,不然就会严重的影响整体的视觉效果,对于文案的排版层级的划分、重点的突出这些问题也一定要注意,不然用户就很难看到海报的重点,宣传的作用当然也就无法达到,利用图指引方向的方式也是很不错的一种设计技巧,比如箭头、视线、手指方向等等,这些都是具有指引方向的作用,我们可以根据自己的素材图做出相应的指示。

04模板总结

根据上面的左右排版案例的分析,我们可以总结几套简单的模板,如下图:(图文左右方向可更改)。

海报设计:如何设计竖版海报版式?280集精品教程
海报设计:如何设计竖版海报版式?280集精品教程
海报设计:如何设计竖版海报版式?280集精品教程

05实操案例

根据上面总结的几套模板,我们选择一个模板作为案例演示,我这里就随便选择个模板吧,我选择的是最后一个模板,接下来就根据这个模板排版文字和图片即可,我的案例是以龙虾为主题,这一次的案例演示我就不做那么详细啦,我只分享一下步骤和简单的思路。

第一步:

查找主题图片(龙虾),根据模板样式,我这里选择的是主题单图,不需要复杂的背景,所以我找来了一个龙虾的兔抠图的素材,将素材放入我们的画布中根据模板确定位置在右下角,将背景设置为黑色,如图:

海报设计:如何设计竖版海报版式?280集精品教程

第二步:

定位主标题,根据龙虾本身的气质,是符合传统美食的,所以我这里选择中国风的字体,我选择的是字魂50号-白鸽天行体,这里的“虾字下面我有加长,使文字整体看起来更大气更有韵味,字体风格确定后,再调整字体排版位置和调整大小关系,以及添加印章的装饰,配上简短的英文作为点缀。

海报设计:如何设计竖版海报版式?280集精品教程

第三步:

主题和主标题都解决啦,那么接下来当然是解决副标题和其它文案的排版了,同样的按照我们的模板一次排版即可,对重要的副标题文字作上特殊处理,加红色的底圆,起到醒目且装饰整个画面的效果,文案解决了,我们再丰富画面在图片龙虾的底部加上一个圆的红色毛笔笔刷的效果,起到丰富画面和聚焦画面的效果,不知道大家有没有注意到一个小细节,(龙虾的位置向上移动了一段距离,是其和文字“虾”重叠,这样的效果也是画面的层次感更形象啦。

海报设计:如何设计竖版海报版式?280集精品教程

第四步:

到这里我们的海报排版也基本完成啦,但是背景依旧很空,我们再找一些辣椒八角啊这些元素做点缀,黑黑的背景太死板,就用画笔画上一些红色的点缀,这样背景的丰富效果就完成了,最后对我们的主题文字加一个投影,让画面层次更醒目,到这里就圆满结束了。

海报设计:如何设计竖版海报版式?280集精品教程

第五步:

将海报放进我们的样机中看看最终的效果吧!看到这里不要忘记看看我们的海报是不是和我们的模板一样哦,可以说是99%的完成度啦,哈哈!

海报设计:如何设计竖版海报版式?280集精品教程

模板二:

标准居中排版,突出主题和主标题

居中排版同上面的左右排版也是一样,是我们最常用的排版方式之一,虽然很常用,但是想要做出独具一格的海报也是有难度的,既然我们都知道居中排版,但是怎样才能从无数种的居中排版海报中做出属于自己产品风格气质的海报呢?

今天给大家分享的居中排版海报都是一些具有一定的视觉冲击力的海报,并非只是文字居中排版在画布中心就可以啦,所以接下来就看看我给大家找来的典型案例吧!

01典型案例

下面我找到了几张居中排版的典型案例,我会同样也会选择一张具有代表性的案例做出详细的解析,帮助大家理解,并且最终总结一些版式模板。

海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="861" data-rawheight="1241" class="origin_image zh-lightbox-thumb lazy" width="861" data-original="https://pic1.zhimg.com/v2-dc99e457fd16276d32cda866fb46d2ec_r.jpg" data-actualsrc="https://pic1.zhimg.com/v2-dc99e457fd16276d32cda866fb46d2ec_b.jpg" data-original-token="v2-53678acf13b82fb907983eb148406223">

02案例解析

海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="869" data-rawheight="1235" class="origin_image zh-lightbox-thumb lazy" width="869" data-original="https://pic1.zhimg.com/v2-451e197af5d2aebaeb3e6eaabb5edd68_r.jpg" data-actualsrc="https://pic1.zhimg.com/v2-451e197af5d2aebaeb3e6eaabb5edd68_b.jpg" data-original-token="v2-98d11d230b0939a8c515423a83649c87">

通过上面这张海报的分析标注,我们可以清晰的看到,这张海报整体视觉都在画布中间区域,两侧为辅助,主题图(人)居中排版,主标题和副标题分别在人物下方和上方,与人物模特叠加形成空间叠加的视觉效果,并且副标题和人物做了模式变化,使文字和人物更加融合,其它的文案信息居中对齐后,在画布两边留白位置做一些点缀,使整个画面看起来更有层次感更饱和,并且也具有一定的视觉冲击力效果。

03注意事项

采用居中排版的方式,我们需要注意的是,主图和文字的重叠同样不能影响图片的识别美观以及文字的识别,居中对齐只是针对主要的图和文案而言,并不是所有的文字和装饰元素都必须居中,只要整体视觉是居中排版即可。

04模板总结

根据上面的左右排版案例的分析,我们可以总结几套简单的模板,如下图:(图文左右方向可更改)

海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="1062" data-rawheight="747" class="origin_image zh-lightbox-thumb lazy" width="1062" data-original="https://pic3.zhimg.com/v2-11dae5b7e42daae40ca5ef8367b0bd3a_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-11dae5b7e42daae40ca5ef8367b0bd3a_b.jpg" data-original-token="v2-4c17d57222254bb1bf1fb2e3d9637271">
海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="1063" data-rawheight="747" class="origin_image zh-lightbox-thumb lazy" width="1063" data-original="https://pic3.zhimg.com/v2-339f5d6739965cc9547b64451fdd603a_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-339f5d6739965cc9547b64451fdd603a_b.jpg" data-original-token="v2-97f931e82fdb5814adbc5847db672d0c">
海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="1060" data-rawheight="746" class="origin_image zh-lightbox-thumb lazy" width="1060" data-original="https://pic3.zhimg.com/v2-1afd3d44293f447fab9d6b037174ab96_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-1afd3d44293f447fab9d6b037174ab96_b.jpg" data-original-token="v2-d85b7f985331447a0a01861da4971ae8">
海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="1058" data-rawheight="745" class="origin_image zh-lightbox-thumb lazy" width="1058" data-original="https://pic4.zhimg.com/v2-5bedda2779e05ef58892bb032958d623_r.jpg" data-actualsrc="https://pic4.zhimg.com/v2-5bedda2779e05ef58892bb032958d623_b.jpg" data-original-token="v2-044ca30b8d133cbd03bee9ebdb890985">

(简洁款,可做高档产品类以及简约风海报模板)

05实操案例

根据上面总结的几套模板,我们选择倒数第二个模板做两个个简单的海报案例演示和思路讲解吧!这个主题我们就选择高端的戒指吧。

第一步:

查找主题图片(高档戒指),将素材放入我们的画布中,根据模板确定位置在中间上部,将背景设置为深红色,如图:

海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="720" data-rawheight="508" class="origin_image zh-lightbox-thumb lazy" width="720" data-original="https://pic2.zhimg.com/v2-dbb6f50950e5fc0fe95731f9f1041e09_r.jpg" data-actualsrc="https://pic2.zhimg.com/v2-dbb6f50950e5fc0fe95731f9f1041e09_b.jpg" data-original-token="v2-5fb64a8bfb51a8cda84d49c8cd19d577">

第二步:

将我们的文案同样按照我们的模板方式依次排版在画布中,模板也只是供大家做个大概的参考排版方式,大家也不能一味的只知道套模板,能够根据画面版式灵活变通才能做出适合自己的设计,所以这里我就教大家稍微的变通一下,文字排版后,我们再复制产品系列前的英文排版在画布的底部可以起到丰富画面的效果。

海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="720" data-rawheight="509" class="origin_image zh-lightbox-thumb lazy" width="720" data-original="https://pic4.zhimg.com/v2-d49aafb7bdc42040271fa17c4731703f_r.jpg" data-actualsrc="https://pic4.zhimg.com/v2-d49aafb7bdc42040271fa17c4731703f_b.jpg" data-original-token="v2-8fe95efd9de99347a998407236a0bbd1">

第三步:

到这里我们的模板效果基本也就出来了,但是就这样是完全达不到要求的,我还需要再细化很多的细节,并且丰富画面,不然这样的设计你的老板是绝对会给你PASS。

的丰富画面我们可以从主题图下手,主题图单独放在这里显得太单调,所以给它加一些装饰图,以及投影,发光,展示出戒指的高档感,提醒大家的是,添加元素也要注意整体的搭配,不能只为了添加而添加,要简约同时要符合气质还要高档。

海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="718" data-rawheight="511" class="origin_image zh-lightbox-thumb lazy" width="718" data-original="https://pic4.zhimg.com/v2-259c0cee6db3a3206e9ff3d1041736ff_r.jpg" data-actualsrc="https://pic4.zhimg.com/v2-259c0cee6db3a3206e9ff3d1041736ff_b.jpg" data-original-token="v2-cff3878592f230f83b382034f37135d1">

第四步:

主题图丰富了,但是看我们的文案都还是略显单调,所以我们再对文案再做一些简单的处理,也是不需要太复杂的处理,因为我们需要体现整个画面的简洁高档,我们对整体的背景也添加一些杂色,使背景看起来更有质感,给主题底部位置添加一个光晕,使其更有聚焦感。

海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="717" data-rawheight="508" class="origin_image zh-lightbox-thumb lazy" width="717" data-original="https://pic3.zhimg.com/v2-92b4ae385798a16a0760e77f4c2e99f2_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-92b4ae385798a16a0760e77f4c2e99f2_b.jpg" data-original-token="v2-89658b1e63f0fc9cb99a0000763925fe">

第五步:

将海报放进我们的样机中看看最终的效果吧!看到这里不要忘记看看我们的海报是不是和我们的模板一样哦,可以说是99%的完成度啦,哈哈!

海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="1000" data-rawheight="2371" class="origin_image zh-lightbox-thumb lazy" width="1000" data-original="https://pic4.zhimg.com/v2-42a7fb3daf2c23333e3e13bda3e19eaf_r.jpg" data-actualsrc="https://pic4.zhimg.com/v2-42a7fb3daf2c23333e3e13bda3e19eaf_b.jpg" data-original-token="v2-023d01329501ec276d00921b16370aa6">

今日总结

唔!这一期的总结分享终于准备完啦,这一期的总结花费了我不少的时间啊,希望大家喜欢的就点个赞点个在看吧!这一期的分享主要是海报版式的模板总结总体分为左右排版和居中排版,我都有分享不同的模板样式,当然实际工作需求需要自己灵活变通,大致的模板可以借用,但是也并不是完全的符合每一个需求的,好啦!

ps免费教程

海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="750" data-rawheight="820" class="origin_image zh-lightbox-thumb lazy" width="750" data-original="https://pic4.zhimg.com/v2-cc90bdc86cae98201c6fbdc8a455ebbb_r.jpg" data-actualsrc="https://pic4.zhimg.com/v2-cc90bdc86cae98201c6fbdc8a455ebbb_b.jpg" data-original-token="v2-8c21b324b8e68a36ef986e426af49eba">
海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="880" data-rawheight="1257" class="origin_image zh-lightbox-thumb lazy" width="880" data-original="https://pic3.zhimg.com/v2-e0801fd07ec83eb801d622e0f916315e_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-e0801fd07ec83eb801d622e0f916315e_b.jpg" data-original-token="v2-adb330b5ef65bf94c710a69acca6ab57">
海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="935" data-rawheight="1024" class="origin_image zh-lightbox-thumb lazy" width="935" data-original="https://pic1.zhimg.com/v2-b616a8182ce9bba80083c7eaf2dc39e8_r.jpg" data-actualsrc="https://pic1.zhimg.com/v2-b616a8182ce9bba80083c7eaf2dc39e8_b.jpg" data-original-token="v2-5b2d5d9020722d38c83bf7f18d5d16e1">
海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="811" data-rawheight="3254" class="origin_image zh-lightbox-thumb lazy" width="811" data-original="https://pic4.zhimg.com/v2-9ae6b4420b1d067074feaeab7579e357_r.jpg" data-actualsrc="https://pic4.zhimg.com/v2-9ae6b4420b1d067074feaeab7579e357_b.jpg" data-original-token="v2-af5f75f70f676486baef1f529a374384">
海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="820" data-rawheight="1252" class="origin_image zh-lightbox-thumb lazy" width="820" data-original="https://pic4.zhimg.com/v2-d247cae5166f4a1948bd2e926a0e1a1f_r.jpg" data-actualsrc="https://pic4.zhimg.com/v2-d247cae5166f4a1948bd2e926a0e1a1f_b.jpg" data-original-token="v2-77342b179f86e4dca0140abbdfd1a3c4">
海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="1349" data-rawheight="1356" class="origin_image zh-lightbox-thumb lazy" width="1349" data-original="https://pic1.zhimg.com/v2-806fc34a045421f56c42c050fcf35c40_r.jpg" data-actualsrc="https://pic1.zhimg.com/v2-806fc34a045421f56c42c050fcf35c40_b.jpg" data-original-token="v2-e8834122bf26a281c8974c809651d1cb">
海报设计:如何设计竖版海报版式?280集精品教程" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="640" class="origin_image zh-lightbox-thumb lazy" width="640" data-original="https://pic2.zhimg.com/v2-18d8722992adbf38d43f2a37def77be5_r.jpg" data-actualsrc="https://pic2.zhimg.com/v2-18d8722992adbf38d43f2a37def77be5_b.jpg" data-original-token="v2-9c53f826e5c3740e8cc49d377954f5f2">

原创文章,作者:afeng135,如若转载,请注明出处:https://www.0755cm.com/668.html

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注