设计易容术!如何设计一张高品位高水准的海报?(三)

2016-01-29 09:14 36 1 收藏

设计易容术!如何设计一张高品位高水准的海报?(三),授人以渔的教程来了!今天@木东_的教程从零开始梳理了海报的设计思路,从信息归纳到版式、字体、配色方案等,都有相应的方法可借鉴,力求帮同学们学到海报设计的深层功夫,以不变应万变 前两期教程: ...

【 tulaoshi.com - PS 】

design-high-end-poster-3-1

编者按:授人以渔的教程来了!今天@木东__  的教程从零开始梳理了海报的设计思路,从信息归纳到版式、字体、配色方案等,都有相应的方法可借鉴,力求帮同学们学到海报设计的深层功夫,以不变应万变

《设计易容术!如何设计一张高品位高水准的海报?》《设计易容术!如何设计一张高品位高水准的海报?(二)》《设计易容术!如何设计一张高品位高水准的海报?(三)》一、信息整理

制作海报的第一步是整理海报的文字信息,这一点很重要。比如当我们在看一则新闻的时候,我们首先是看到标题、然后是副标题、最后是正文。这是新闻在排版的时候已经为我们预设好的阅读顺序,方便我们看新闻。这样的例子同样在报纸上,头条会首先吸引你的注意,然后才是其他的新闻。一张海报和报纸的文案都一样,都先要有重要的内容先给我们看到,然后再依次看其他的信息,本质上就是要迎合人们在阅读上的习惯。

信息整理主要分成三步

全部列出 : 先把所有的文字列出来(要敲定,不要海报做到一半又加字进来)

排列顺序 : 哪些是你想让我们最先看到,然后是哪些内容是被我第二看到的。然后 排列出顺序来。

我整理了一下原先那张海报的文案,分成主要、次要内容和四个小块。(见 图1)

主要内容,次要内容

标题活动简介联系方式主办承办

元素归纳 : 把文案归纳成“点、线、面”的形式。

hb201503259

二、重心轴线

重心与轴线是版面的核心,它们决定了一张的海报最后出来的样式。版面的三个主要元素“点、线、面”围绕着轴线与重心排版。

什么是“点、线、面”?

点 : 通常是指重点内容(通常会被优先看见) 它可以是一个字或者符号

线 : 通常是一条单独的内容 例如一串电话号码 一个标题 一句话

面 : 一大段文字或一张图片 它们通常是版面的重心

“点、线、面”是人们视觉上概括文字信息的方法,好的排版就是运用这一方法进行归纳。好的归纳可以使得我们阅读地非常方便,相反就会变得各种阅读困难

以下是举例:

hb201503258


hb201503256


通过上面的举例大家应该明白了“点、线、面”的用法了吧?《写给大家看的设计书》提到是一种“对比”的原则,实际上在排版叫做“区分元素”;就是两个相同的元素,转换其中一个元素,使之与另一元素区分开来,达到“对比”的效果。

所有的文字都可以归纳成“点、线、面”三种元素,这个在“整理信息”这一步骤就已经归纳好了(见上图),文字的组织和思路便一目了然。

什么是重心和轴线?

重心 : 是一块大小占据版面四成以上规则或不规则的“面” 是海报是视觉中心

轴线 : 分主轴和副轴 把某一类文字信息联系在一条线 (可以成为“文字轴”)

注意: 要分清楚参考线和轴线的区别,它们的功能一个是对齐,一个是联系

以下是对轴线的举例说明:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

hb201503257

这个简单的例子是说明当你看到某一类文字全部对齐在某一条线上面时,你会自然把他们联系起来看成是一个整体。当这类文字有一部分都离开这条轴线时,在你的视觉变成了有两条轴线,自然就看成了两个没有联系的内容。

两个重要的步骤就讲完,现在开始制作。

hb201503255

首先明确海报的视觉中心,我用了一个黑色块压住了版面

然后设立一条清晰的主轴,还有副轴。

hb201503254

现在整理好的文案可以往上面放了,把主要内容的三块从上往下 从左到右(迎合大多数人的阅读习惯)在主轴上排列,标题是最重要的内容,所以我放在了视觉中心里。次要内容在副轴上排列。

三、3种就好

当你做一张海报时,字体的种类太多,就会显得乱。但是太少或只有一种,又会让人觉得单调。我个人觉得,无论是字体、颜色、字号、字距都控制在三种之内就好,但必须用心谨慎地去选择。任何选择都要迎合海报主题的需要!

我个人的选择如下:

hb201503253

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

标题 : 方正清刻本悦宋简体

标题是最重要的,又在视觉中心,所以这个字体只用在标题。这个字体字重大,有韵味,适合这张海报的标题。

副标题 : 方正正纤黑简体

由于海报受众的主体是学生,所以我选择一种比较受年轻人喜欢的字体做副标题。

正文 : 仿宋

易读性强的字体,于是我用在正文里。

附字体选择指南:《超实用!有哪些活泼而高端且不俗套的中文字体?》

颜色 : 白色 黑色 天蓝色

白底、黑块已经占了两个颜色了。这次主题是与风筝有关,我加上一个天蓝色。

附配色方法指南:《色彩搭配速成!3个实用方法帮你全面搞定配色》

以上就是文字的排版做完了,最后可以把黑色块换成图片。

我百度了一张关于风筝的图片,代替了黑色块(为突出标题,标题字体换成了白色)

最后与原来的海报比对,你们感受一下:

hb201503252

我开始使用黑色块而没有直接上图片,是因为我想让大家知道重心的重要。重心和轴线是版面的核心是绝对不可以没有的!

最后附上海报的大图:

hb201503251

来源:http://www.tulaoshi.com/n/20160129/1478724.html

延伸阅读
标签: PS
PS设计一张创造日落效果   设计一张创造日落效果!光线(www.tulaoshi.com)射入大气时的低角度,令日出和日落拥有一天中最漂亮的颜色。 PS设计一张创造日落效果(2) PS设计一张创造日落效tulaoShi.com果(3)
巧用phTuLaoShi.comotoshop易容术之卷福真人大圣效果   巧用photoshop易容术之卷福真人大圣效果,简单粗暴又好玩,创意来源于民间啊,只有想不到的没有做不到的,思路清晰,素材有提供,有兴趣的动手试试,为大圣贺彩
本教程简单利用一些素材图片制作出潮流的音乐海报。作者的变现手法比较随意,用到的元素比较多。颜色方面作者把握的很好,不过教程很多参数是英文的,需要多对照下中文。 最终效果 素材图片 1、在动用素材之前,我们首先要做一个简单的材质效果,之后会需要它为素材添加效果。 新建一个800×600像素的空白文档,按下“D”设置前景色...
本教程的制作有点另类,产品图不像平常的那样处理得非常精美,而是故意处理成颓废的感觉。制作难度不大简单的调色再刷上一些笔刷即可。如果你还没有安装笔刷可以去网上下载。 最终效果 1、打开下面的纹理素材。 2、复制2层得到图层1、图层1副本,图层1副本混合模式为正片叠底、图层1混合模式为柔光。 3、背景看起来有点暗,我们...
来源:pconline 作者:木易 本教程介绍介绍古典艺术海报的制作方法。作者对PS非常娴熟,用滤镜制作出淡淡的背景,然后用画笔画上水墨荷花,再加上一些装饰元素,效果非常不错。 最终效果 1、按Ctrl+N组合键新建一个文件,在弹出的对话框设置"宽度"为1024像素,"高度"为768像素,"分辨率"为72像素,"颜...

经验教程

684

收藏

78
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部