校园海报这样做!

网上Ps教程很多,却难找到针对我们学生活动海报的。能轻松做出一张海报的同学往往一切糕难求。作为一个既当过设计者又当过需求者的学生,以及一个平面爱好者,我来给尚迷失在棋盘格子里的同学说一下我的经验。

大神请绕道,不允许见笑。

速成班退票,这里不精妙。

海报其实与装逼有莫大的相似性,除去装逼的负面因素,它们都是要吸引自己的特定对象传递信息。

为了体现装逼的重心在前一个字,本文决定以以下结构组织自己:

不小心写得太长,建议主要看小节后黑体总结就可以了。

0 基本准备

0.1 思想准备

每个人都有自己的审美观以及感受美的能力(仅仅是看而不是做),并且它没有五道杠的评级制度。释放你自己眼中的世界,以及对美的理解。如果你眼中的美与别人不同,那么你有三个选择:1.认识别人的审美假装自己和他们一样。2.认为别人的审美都是SB。(赶紧要随便图几笔给亲朋特别是比自己小的,说不定可以让他们轻松养老)3.承认自己是SB。请选择最后一条的按下Alt+F4。

0.2 技术准备

如果你看见上文“棋盘格子”直接联想到了Ps默认透明区域,无视此小节。如果你觉得这不公平也请跳过此小节。(真的这节很无聊)

我讲的是电子海报建议会Photoshop。水平以基本做出以下例子为下限:

方法繁多请自便,至少你文字、选区工具能用了,颜色能调了,图层分得清了。当然你对蒙版什么也有概念是最好不过的了。

20130316-01

其实它是这样做的:

20130316-02

记事本+QQ截图,终了。

不要一副暴走表情的样子了,我只是说明一下Ps不如你想的那么必需、重要。不要把做海报看作是使用Ps,我们研究的是装逼理论及模式。只是因为我们总要用个软件提高效率,Ps仍然是最佳选择。

个人更喜欢从书入门,大略浏览获得基本认识,重实际操作体验。

左边工具里的工具认识一半以上;

右边知道有个面板叫图层面板(没有的话“窗口”手动打开),里面有图层、蒙版以及混合选项等;历史、导航器也很实用。

上面有个选项条能设置不同工具参数,而再上还有很多不知道干嘛用的设置,包括滤镜什么的;

知道路径是什么东西就太好了。此外Ctrl+T自由变换很常用。

实际上很多东西我到现在都没用过,你不用怕,80%的功能是给20%的人准备的,我们只是做一张海报。

1 简单制作

据说领导们博大精深的审美观欣赏过各位的大作后,通常有一句万能用语秒杀:“不够——大气”。不幸的是你的天才表现力通常难觅知音,而在社团的周密部署,精心组织下,你还是要保证海报方案顺利被大家接受。所以为了假装自己的审美和他们一样,我总结出四个字:

简明大方!

我说过我们研究的是理论、模式,所以我们先要对我们的对象海报有一个认识。

1.1 海报定义

我来定义一下:传播有效信息以期达到特定目的的文字与图像。(主要是没找到定义)

注意:海报的唯一目的就是告知同学老师们活动信息。在这个基础上什么颜色、图片、美女帅哥都是打辅助的。所以一张海报扫一眼就应该获得以下内容:

  1. 标题(活动名称)
  2. 时间、地点
  3. 组织单位
    这三个是写文章的主线,做海报的中心,需要特别重点突出。尤其是活动名称、时间地点。如果海报是一篇文章,三个要素已经保证这篇文章内容有效。这里随便翻出学校E海报栏里哪一张,都可以看到基本是按这个逻辑来的。

至此 “简明” 已经阐述完毕。

1.2 大方一点!

如果你在Word里打上了三要素就交上去了,在我心里它不光合格还大气无比。但这不是现实,你还得加若干元素。一旦加上元素大家丰富的表现力就得到了充分的展示:

20130316-03

这是在学校E海报随便翻的,我来就它的问题扯一下淡:

1.看了这张海报,我不明白到底这个活动叫“春Spring游”,还是“一站到底苏州站”?还是这两个看似没有关系的短语有某种深刻的内在联系?

2.从标题开始每句话的颜色和位置是随机的吗?然后到下面黑色字开始要让人看手机号什么的了,终于不随机了?

3.一大朵花、三个人的脚、那两个看上去从天而降的人和……那个底下是海水么的机械,是代表“一站到底”?(我想象力真丰富)

好吧好吧,大家都是凑凑素材的,那么我总结下迅速上升一个档次的方法:

1.活动名称放大、减少特效。 要求一个近视的人远处至少知道活动名称在哪里。效果掌握不好就不要加,特别是如上图的透视、斜切变形,以及鱼眼等把标题变得扭曲无比的效果,慎用。注意大方。(练习还是要的,知道下效果。)

2.字体黑体系优先,不超过三种。 善用大小、粗细、不同饱和度来体现区别。通常只用黑体系如雅黑、丽黑就足矣。把次要内容用较小、或较细、或颜色较不突出的文字体现。注意这三者互相补充,比如把字放浅后可以相应调大,以增加比重防止看不清。)

20130316-04

3.文字排版对齐。 当作在Word里排版,Ps中文字控制起来比Word随意多了,因此要注意自我限制:比如按底线对齐,靠右对齐,自己找基线。特别遇到文字比较多的海报,开启“视图”-“显示”中的网格,以及对齐功能。尝试新建参考线。

文字的字体与排版不可分,利于 信息获取 的排版就是好的排版,注意留空。所以名称、时间地点应当是一眼就能知道的,而说明文字是被海报吸引后较近距离阅读的。

4.用纯色或小幅度渐变。 海报有一种主体颜色后,其他配合之。配色可以:1.模仿,找一张专业的直接取。2.配色表。3.色相环。4.配色工具、网站。如果不太会配色,减少颜色数量,换用同色系不同饱和度颜色。此外小幅度渐变绝对是装逼要素;灰色作为一种特殊消色百搭,即对整体色调没有影响,实在不知道用什么时小范围运用。

20130316-05

渐变示例说明:从上至下——没有渐变,小幅度渐变,较大幅度渐变。在蓝色背景上的红字很有违和感。所以这里加个白色边框。这样第一个也可接受;第二个从较浅到较深,像光从上投射。简单一个渐变可以有一些立体感,最推荐这样;第三个不做评论,不过至少比上面那张海报的“游”字好。背景也是一个小幅度渐变。

5.Less is more. 再次注意留空、大气!装饰素材、文字都不要把海报全填满。可以在一处安排较多元素或文字,而其他留空。你要明白大多数人只是看一眼海报而不是仔细欣赏。

以上是 “大方”

这里贴一张E海报里艺术学院的海报:

20130316-06

简明大方!不愧为艺术学院的,在一群E海报里明显拉开了档次。我们来分析一下,活动名称突出、明显,其他两要素明了。字体黑体系,时间地点左对齐,总体居中显示,放置间距适当。背景由上到下由浅到深基本同色系,整体颜色单一。除三要素、logo外再没有其他多余元素。你要说背景上的曲线透明不会做,只用渐变也可以。

小结一下:一张海报可以从三要素、排版(构图)、颜色来评价、学习。其中重点学习构图,我们可以简单认为是文字排版,判断是否利于信息获取

我忍不住要说一句用黑体系字体、纯色是装逼的捷径。

2 善用素材

俗话说得好,一个好汉三个帮,一张海报素材装。如果你老是交以上一张海报,大家都会腻。对我们学生工作来说,要用最快的时间最不折腾自己的办法完成一张多彩的海报,那就借用素材吧。

(不同意上文五点的大神们不用着急,第一阶段相当于调用简单函数,我们不是教程,所以函数参数需要自己填。而函数即具体方法总是给不完的嘛。那么此阶段就来调用dll或者jar,即大家都觉得比较好用的集合。)

实际上我们之所以要学习装逼理论,是为了不断提高偷懒水平,以下是偷懒稍提高版。注意我们研究的是理论、模式,最终目的是方便大家更好更快地装逼。

先介绍两个素材网站:

站酷:http://www.zcool.com.cn/

下吧:http://xiaba.shijue.me/

还有个专业图片社:

华盖:http://www.gettyimages.cn/

(作为学生我们都没有盈利目的,免费使用素材应该没什么大问题。)

每次做海报前我都要先去浏览、下载。这个过程中首先明确这次的目的,寻找资源;同时对不符合本次目的的资源有自己的评估,(对自己能掌控的)不太出现的、适用面较广的或与自己常做主题相关的,留备。(反正看好看的东西自己会很高兴……)

2.1 跟着素材走

如果素材本身已经完整,那么我们无需再从空白开始,应该把文字合理安排上去。

要写API文档的话有个例子最好了,所以我们也从例子出发说明。

嫌长直接到最后黑体小结。

先来看一个栗子:

20130316-07

虽然这张海报要素都有,并且也用了一张很high很好看的素材。但是1.效果凌乱 2.几乎没有排版、构图 3.字体过多 4.文字颜色不和谐。前景文字感觉就是随意放在大背景素材上。如果是一道菜的话,就类似于一块酱方上放了一些辣椒什么的……(有次看展有幅油画一部分直接贴了剪的照片,上赫然有gettyimages水印,这么突兀也是表达手法么,可惜当时没再多问,现在没人跟我说明、探讨这个问题了。)

(当时情况是明天就要付印,我只有一个晚上的时间改。你知道要从头做一张海报大脑总是一片空白,而这张的背景还不错,并且把PSD也给我了,我就想在这个基础上修改修改就可以了。但是我打开PSD发现它真的是一个素材……一张图。凭我的理解素材都是可以找到的,但是那天我居然真的没找到这张的源文件。于是我只好思考在只有这张图的基础上,我能做什么。)

如下图,这张没有文字的海报本身就比较饱满,所以我们可以跟着它走。单纯添加文字肯定不和谐。从元素来看,它最显眼的是前面有一个人影,所以我想到了杂志封面的形式(构图,此处主要排版,或许原作也是这么想的,但是显然这个排版不利于信息获取),这需要修改原素材。而现在没有源文件,这意味着我们就不能修改了吗?

20130316-08

当然不是啦~这里蒙版就横空出世了!对Win 8那样的色块有点印象的话,会发现在字后面加色块控制透明是简单高效的不二选择。具体到这个例子上,在字、色块都做好后,用蒙版按人物轮廓遮掉。这样凭空就又多了一个图层的感觉。

其中文字等很简单,注意主次轻重。除了那个“中国”的“中”是个素材(高中美术老师手书……)。

颜色,因为海报本身有一道彩虹,颜色按那里取就可以了。

20130316-09

从这个例子总结一下:

如果素材已经完整,分析出素材各部分,顺着素材的结构和颜色构图和绘制。 让自己与素材 融合。(或独立,轮回,就像把面粉融合在肉里就独立成了肉糕,而干脆独立成皮的话就可以融合成馄饨,它们都是和谐的,最不要做了点面疙瘩和肉一起煮,这道菜不是把材料全煮锅里就能出来的。)

再来一张,素材:

20130316-10

这张可以当装饰素材,但是本身也足够完整。所以考虑如何融合文字 (构图),注意到素材本身在方块上就有字了,且方块的确够大,顺理成章,字上方块。

20130316-11

但是注意,按照评价三方面或者“简明”原则,活动名称必须在第一眼被看到。如果把名称也放入方块,比较容易没有区别。所以干脆单独放在外面,同样用白色边框反差。这样构图基本分为两大部分,名称与下面的方块。因为素材本身比例较为狭长,遂稍作旋转。排版上依照旋转角度,统一方向。颜色依然依照素材。

如果用了很多装饰元素,按照需要随意旋转是可以的,因为图形无所谓方向。但要素文字的目的是阅读,所以必须有方向且统一。

这里要注意很多好素材都是矢量图,所以Ai也必须要装。以便提取元素。(与Ps有相似之处,而我们也只需要提取素材拖到Ps里,所以不需要特别学习Ai。当然给会插画的大神跪……)

小结:

素材完整的情况下,构图与颜色都基本定型。我们可以:

1.观察素材本身,分析出各部分,为下一步做准备。

2.以素材情况依照海报比例快速决定构图,通常只需要考虑文字排版。

3.安排元素,视情况对素材稍作添加删除调整。

我们看到跟着素材走的好处是构图时想象力有大体方向,而颜色也基本不用自己选取。

2.2 素材跟我走

以上是素材本身就成型的情况,但是有时候我们很难找到合适的成型素材,或者海报本身有特定要求,这时我们更需要组合素材到自己海报上。即让素材为我们掌控。

继续看小结。

以下一个例子的要求是“华丽的中国风”。我之所以记得很清楚是因为在我概念里这两个词不搭,或者说我驾驭不了。

但是我们把这两个词分解一下,“中国风”典型的就是水墨、中国结、各种中国元素;“华丽”最方便的方法就是用颜色。说实话华丽实在太虚(且也就个定语),所以决定偏重中国风。

在搜索了一堆素材后我选择了这两个:

20130316-12

墨点:中国风;彩色墨迹:华丽的中国风。

先放置墨迹,因为显然它比墨点显眼。构图时候我有两种想法,一个是那个墨迹横着放,发现不好构图;改为竖放。(其他构图想法还有:把logo型活动名称放中轴线,墨迹衬在下面稍遮掩,整体轴对称。) 拿到的墨点素材较大有发挥空间,尝试“琵琶半遮面”,局部显整体。对角线再放一个墨点边呼应。整体重心放在中心靠右上,即中字上,这样左边可以留出空间放活动标题。字体及排版:我还是坚持认为信息(即这里的时间地点、说明、主办单位)字体应该用容易辨认的字体如黑体、宋体,因为这部分是需要阅读、记住的。而活动名称、标题因为较大,可以用一些手写字体拟作logo。但是也要注意排版,比如这里依照白色空隙,文字用了右对齐。

海报:

20130316-13

(不要以为说得这么容易做就很容易,我每次都把素材移动来移动去最后还是恢复初始状态了耗费不知道几个小时!基本就是磨出来的。btw因为和此比赛第一张反差较大“学姐”还不太接受,但是我的想法是信息传递优先,在一堆比颜色的海报里果断白底反而惹眼。)

再贴两张凑素材的:

20130316-14

这张非命题,总之欢乐喜庆。先看到右边的盒子素材觉得比较顺眼,分析构图,本身也较为完整呈C字状,而按照通常海报画幅还短了一点,那时候彩色墨点各种流行。于是大体构图C字状。(大一时候做这幅从想到做花了两个星期,是种享受。想“跨年”那个logo花了很多时间,而怎么画出来又花了很多时间。那时候开始慢慢熟悉了路径。有时间心思的情况下,每次做东西都要尝试下自己不会的,这样既交差又练习。)

20130316-15
20130316-16

这张要求大段介绍文字,所以优先考虑的是文字排版。注意我们的原则,名称一定要一眼看到,而文字信息是走近了看的。所以构图比重二分。文字大小、粗细运用体现区别;排版注意自己找的基线,间距适当。文字本身较多,素材做装点。(做这张时候我已经当成工作了,就花了一节课。黑体系,留白,填素材,快速高效的方法。这里及以上可以看出单一消色为主色,或多颜色素材都能回避考虑配色问题。)

20130316-17

小结:

让素材为自己所用目的在于组合素材满足特定要求。其规律为:

1.按文字内容或其他要求初拟构图。 有的要求文字较多,按利于信息获取的标准初步设想。(模糊想象,或许有多种想法。文字不多时重心是活动名称。)

2.以拟定的构图寻找素材。 尝试初步绘制。寻找素材时往往是把多种想法都过一遍评估是否可用,当凑够一个想法后就可以尝试。(因为素材本身不完整,需要自己思考构图。尝试绘制时会明确想法。或许看到素材后也产生了新的构图想法。这主要看你的喜好,甚至时间充足时多种构图都尝试一下,让自己、给别人评价下最终效果。)

3.绘制有大体轮廓时评估、修改。 即以三要素、排版、颜色审视是否合理、利于信息获取。反复修改不理想更换构图方式。

4.添加小元素、修改完成。(不要为了添加素材不舍得留空。)

善用素材小结:

1.明确要求范围。这个有时需要你自己评估选择,比如风格是活泼还是庄重。

2.按要求决定不同模式(跟素材或跟我)。 如无特定要求,那么找素材就相对随意,可以找到一个不错的“跟着素材走”;如有要求,心中先按要求初步设想,以便“素材跟我走”。

3.寻找素材。 需要说明的是模式随时可改。比如本来有初步构图,但是看到一个好素材觉得依照它更好;或者寻找不到合适的成型素材,只能自己构图。但是要给寻找素材设定时间范围,先完成工作。

4.按模式见上步骤。

到这里装逼的理论已经结束,大家可以散了。我希望你可以多练习而后告诉我以上原则步骤皆已忘记。


3 自我修养

因为上面写得太长了这里我不再分列小节。

很多原则步骤我都现编的谢谢大家。实际上在玩平面时我好像已经脱离工科生了,做多了自然有一些习惯,习惯也可以总结。但是它不像做算术题有定理可循,我只是在跟感觉走。所以很多时候我要花很长时间反复比较不同感觉的效果,请不要忍受一像素的差距。我想人可分为两种,一种是天才,一种不是。很可惜我大约因为出生稍窒息了一下没有成为天才。天才创造世界的规则,我等凡人不过是在努力跟随学习他们发现、创造的规则。所以为了让自己的感觉能跟天才近一点点,或者要看天才的作品,或者要看走得比较前头的人的作品。看多了才想得出来,语言的掌握程度决定思维深度,视野的宽阔程度决定作品水平。

“看”,即欣赏别人的作品;再“摹”,即体验别人的想法手法。才能为自己所用。最后尝试当一把天才,“创”一下。

“别人的作品”或许是画,或许是范围大一点的艺术作品,也或许是生活、自然中的“作品”。人有感受美的能力,又有表达美的欲望。

(有些东西起初不能接受,看看也就接受了。比如本来我觉得数字夹在字母中间不好看,现在也不觉得了。好像有点晚了。)

“第一阶段”时不太会用效果素材风格简单,传递信息就好;然后会了点效果素材拼命用;再看多了又回归传递信息本身。

先要会function,然后调调jar/dll看看别人写好的类,不过最后还是要思考下到底靠什么interface。

我觉得是

interface Love{}

(谢谢你看到这里,前面都是扯淡的,整篇文章我只想说这一行。)