学生党来收!给零基础超新手的校园海报设计全方位指南 - 优设网 - UISDC

学生党来收!给零基础超新手的校园海报设计全方位指南

2015/12/21 24874评论区

campus-poster-design-guideline-1

编者按:今天来一篇针对零基础+超新手的海报设计教程,作者@无线电_ 在学校做了30+的校园海报,经验丰富,还专门给学妹学弟写过教程,完全木有基础的同学建议读完这篇就可以入门咯。

注:由于作者是大学生,也非设计专业,所以本教程只针对零基础的人,高手勿喷。

校园海报还是一个蛮有意思的切入点,毕竟现在人人都能做海报,无论是Word还是Corel Painter,都能轻松传递信息并适当美化,履行一张海报的职能,至于做得好不好那就仁者见仁智者见智了。而且校园海报,有其固定的种类(最多的莫过于讲座、音乐会或音乐节、各类比赛、征集活动、竞选等),在这么一个框架下,有其限定性,很难做得非常出挑。

同时,很难模仿商业化或者艺术化的海报作品,使用极简、抽象主义等比较前卫的设计风格也不妥当,毕竟受众是学生。而且如果太xxx被和谐了可不好(总不能拿Wanimal的摄影作品做海报吧XD)。素材也是很大的限制因素,如果你到不了能自己画或者创作素材的地步,你非常有可能会侵犯版权。我个人还算注重版权,迫不得已使用网络素材时也会去找开源图库。而如果没办法很好地创作素材(比如画个背景底纹),一开始的确会过得非常痛苦……

以及适合新手的背景绘制方法:《PS新手教程!教你快速绘制精致有格调的马赛克背景》

关于海报设计的步骤,在这里做一个大致的说明。

熟练使用工具

AI PS是我的顺手软件,高中之前用的是CorelDraw。我从小学一年级开始摸索着玩PS了(然并卵,至今不会用RGB通道扣像,蒙版用得也很不熟练),从这一段经历中学到了制作海报的过程是极为重要的摸索过程。很多时候,在制作海报的时候用新功能,会有意想不到的惊喜。一定要把功能都体验一把!(比如PS的图层属性,模糊效果,自带滤镜等等)

初学者就在这样的摸索中完成最开始的绘图的,很多时候只是“蒙”就能蒙出还不错的效果。

而进阶者因为懂得如何掌控画面,也懂得如何获得这样效果,因此不太会“蒙”,而是直直地走下去。

(下图就是一个比喻)

当然,熟练使用工具只是万事的第一步,后面还有许多步骤。

准备素材

字体、开源图库、配色方案、滤镜、底纹图片、笔刷等等。素材由个人喜好决定,素材的丰富程度和质量会影响你画面的饱满度和风格的多样性。

字体可以去百度上的各种字体库看一下,不过如果不是开源的话还是推荐购买正版的哦。在这里引用一篇好文:《有哪些值得推荐的中文字体?》

图片素材推荐一个比较小众文艺开源然并卵的图片网站  Unsplash | Free High-Resolution Photos。还有16个可以找到开源图片的高逼格网站16 Places to Find the Best Free Stock Photos(注:英文不好的同学可以参见《私家好货!设计师的高清图库收藏夹(附使用技巧)》

笔刷与滤镜什么的素材网站有非常多在这里就不赘述。

值得一提的是,平日里可以多收集一些底纹素材,比如Low-polygon(自己做的话参见:帮你快速打造LOW-POLY风格的酷站推荐),斑驳的水泥地纹理,如果比较少女的话,碎花什么的也是可以的……这些素材在之后会有很大的用处,可以算作是基础素材。

以上都是通用素材。校园海报很多时候会和学校本身的特征挂钩,因此,所在的学校的Logo、书法字样的学校名称、学校地标建筑的图片会发挥非常大的作用!通过这类的素材,能更好得反应学校特征,那海报也是更加有特色了。

其他的平日里都要留心。

观赏与灵感

「没有技术天花板,只有审美天花板。」我不记得是谁说的了,那就……——马克思。

你要做出好的海报,你先得形成好的审美。你要形成好的审美,你先得养成自己的审美。你要养成自己的审美,你先得告诉自己哪些是好看的。你要能告诉自己哪些是好看的,你先得多看。

咱们就不提什么大画家之类的了……地铁里的广告牌,朋友圈里的摄影作品都可以一看,当然最好还是看看名家的摄影作品和设计作品,美丽的建筑和人像也可以给你无穷的灵感。

我不反对临摹,因为临摹可以帮助创作。网上有一些很棒的设计,自己可以先试着模仿一下。用不着抓住那些海报的灵魂,先看上去像就可以了。

观赏——临摹——创作。在观赏的过程中获得灵感,在临摹的过程中琢磨技术,在创作的过程中应用。就是如此。

值得一提的是,在搜集素材的过程中,很大程度上你也会迸发新的灵感。

1、大体构思

毕竟还是学生嘛,偶尔电脑会被没收。因此我养成了在上电脑前先大致构思画面的习惯,这样可以提高上机效率和针对性。

海报,最关键的就是「信息」与「注意力」。在构思的过程中,第一要素是把信息得当得展现出来,同时考虑能否抓住路人的注意力。

(上图为一张街舞比赛的海报)

我以这张海报为例子。首先考虑的是反映「它有街头的感觉,它是街舞比赛」这一特征,我首先想使用的元素是涂鸦,后来那张因为花纹元素太重、重点不突出而作为了比赛的辅助海报。而这一张,突出了「舞者」这一要点,并且很好得抓住了眼球。

而信息我选择放在了下面,最低限度的信息,没有一句废话,粗字体与细字体也是在事先的规划中就考虑使用的,这样可以使阅读更清晰。

在构思中我就希望能有一张可以反映舞者的图片,最后被我找到了,经过简单处理合成了一张街舞海报。

这个过程,短则一瞬间,长则一年(笑:-D,这是真事,有些海报真的是构思了一年反复在脑海中改,不敢开电脑做)。虽然并没有都这么夸张,但是构思还是需要时间的。有时候在寻找素材的过程中会灵感迸发呢XD

2、确定信息

先确定整张海报上所有的文字,大段的也好,标题也好,署名也好,都应该有一个总体的估计。

文案必须和委托方敲定好,一般按照我的脾气,敲定完之后是绝对不再改的,除非是我打错别字什么的。

如果是要用图片传递信息,那也要确定图片。

3、设计结构
4、摆放文字
5、进行装饰

这三者我要放在一起说,因为这三者是相互映衬与影响的。我经常会出现因为文字量与预期的出入而不得不重做装饰与设计结构的事。

而且这三者又没办法讲得清楚……这是最考验的人的地方,一定要按照1#中的标准来做。

这里有几个要点:

  1. 画面简洁有力
  2. 色彩丰富或相对瞩目
  3. 好看!

我来举个例子:

(上图为一个航拍社团的Logo)

我在做这个Logo时,对方社长和我发邮件说,要求这个Logo能够有极高的辨识度,最好能在比较远的地方都能看清。当时我就努力往这个方向去绘图,因为要画得相当简洁有力。

最后出了这样的成品,对方后来告知我使用了,效果还不错,我也对Logo本身还算满意。

做海报也是这样的,要简洁有力吸引人。记得有一个很著名的「放飞风筝」的海报,简直惨不忍睹……所以,结论是:海报不是小报,别来大杂烩。

注:风筝海报的改进见:《设计易容术!如何设计一张高品位高水准的海报?》

在这里对于处理文字有一些心得。

首先粗字体细字体交替的技巧(专业点说是不同磅型的交替使用)在刚刚已经说了。这个的灵感来自于Android 4.0 时代的时钟,有助于增强文字层次感,缓解冗长感。

其次是善用颜色。相同类型的文字使用相同的颜色,也是可以增强文字层次感的。

大段文字我是非常不建议使用在海报当中的,如果可以的话,附一张A4纸在下面也是不错的选择。毕竟海报首先要求的是阅读的顺畅,而大段文字放在海报中多多少少没白底黑字读得畅快。

同时也要注意文字从左上到右下的阅读顺序。如果是比较杂乱的排版,请务必给读者一个阅读的顺序的指导,不然有可能会漏读,也会降低阅读体验。

我比较擅长排字,喜欢通过文字本身构建海报。

(上图为我校科技节总海报)

很多时候校园海报并没有明确的主题,相当笼统,根本没办法发挥,又很容易以偏概全。像我这种想象力不丰富的小盆友,就选择了从文字入手,通过变化文字的方式来做海报。

6、细节调整

在这一点上强迫症的优势比较明显,包括强制对齐,强制等间距,强制颜色相同之类的。这就不再多阐述了,细节是让人判断质量的地方。

7、进行印刷

建议多了解一些关于纸张的知识,相同的花纹印在不同的纸上感觉是不同的。

我是一直死抠CMYK RGB不放的典型代表,虽然现在发现有一些打印机也能支持RGB了,但是总会有点偏差的。

不过最搞笑的是有一次偏色了……印出来居然比我配的颜色还要好看……hhh

还有ppi的问题,如果是屏幕使用,72ppi,如果是大面积海报印刷,150ppi,如果是小面积的,300ppi。像素密度真的不是乱吼吼的,会把你玩死的。

在最后说一下我的设备。主力机一台RMBP,有一块廉价Wacom数位板,但是买了之后发现没啥用……毕竟手绘渣,后来用它精准调色和给图片上色打光。

最后附上一张教同学制作海报的长图。

如果是「极新」地开始做海报,应该怎么下手呢?

1、先把软件玩一通

PS的话,找张图片,用尽各种方法折磨它!比较一下高斯模糊、动态模糊、模糊的区别,用用等高线和马赛克,试试看正片叠底和叠加的区别,等等等等。

AI就是,玩图形!看能组出什么奇怪的图形。举个例子:

上图为一张极为基础的插图(虽然看着很唬人),几乎没有使用进阶技巧,绘图配色花了我共4个小时。极为单纯的图形拼接。
啊当然,「极新地」开始不用到这个地步……

或者说,像这样:

上图是我在一张照片上加了个图层描出来的结果。

对于一些东西进行临摹。

通过这样的过程能让你学到的技术得到应用。

2、看到一个图案,尝试复原出来

举个例子,我寒假去澳大利亚玩了,也不忘搜集了一点素材,对于墨尔本的城市Logo真是爱不释手。

回到家,我就尝试把它临摹出来:

上图来源自网络。

上图为自己的临摹。

通过这个过程,我也感受了墨尔本城市Logo的立体理念,做了其他几个字母出来。

上图为临摹悉尼歌剧院Logo。(别看简单,对于曲线的处理能力要求不低)

看到一张图片,问自己,能不能做出来!能不能做出来!能不能做出来!

能不能做到一模一样!能不能做到一模一样!能不能做到一模一样!

这样的操练极为有效果。

给个简单作业哈哈,有兴趣的可以试试看:

上图为上海南部某模拟联合国易拉宝背景图,非常简单的图片,能否复原出来呢?~

3、找一份素材,进行改编

你有一张自己的自拍,试着在角落里面加上自我介绍,同时给自己的脸进行适度美化,做成学生会竞选海报如何?
你有一张学校教学楼的图片,试着给它配上字,加上滤镜,做成学校的宣传海报如何?

举个例子。你有一张校徽,求做一张义卖的海报。

但是我就改动了校徽,做出了这个:

(上图为我班去年爱心义卖海报1)

把校徽进行了合理改动,配上文案,做出了符合主题的海报。

再来一个例子。

学生会竞选海报?额?人像该怎么处理啊?如果你能想起你看到过的海报们,你就会有所启发。

你可以把自己扣出来加一个白边和阴影,给底色配上鲜艳的橙黄,用白色手写描边字体标注你的大名,像漫画和剪贴板。
你可以用阈值把自己做成黑白剪影,再配上绿色的做旧填充色,再用酷酷的字体并处理成斑驳的样子。
你可以把自己的头像扣下来放在张全蛋身上,在手举的牌子上写上黑体文案。
你可以…………

无穷的可能。先多看,再试着去模仿和改编。达不成的效果,记得去搜索,百度上教程太多了,不行也可以提问啊。

4、给自己定一个主题,并去达成

举个例子,爱心义卖。

当你脑海中对于爱心义卖的海报的模样是模糊笼统的「啊,爱!啊!温暖!义卖!商品!圣光!」抱歉……你得先去看看别人的爱心义卖海报怎么做了,这不是主题。

主题是,我想做一张红色系、让人觉得温暖、同是也有我班印记的义卖海报,用爱心作为主背景。如果有爱心的背景素材可以套用,那是最好,如果没有我就要自己画了。

辛亏找到了一张非常合适的图片。

于是我做出了这个:

(上图为我班去年爱心义卖海报2)

极为简单的素材堆砌(十五分钟的产物……把它发上来真的有点不太好意思。)

做海报一开始肯定会不知所措,大脑空空。这最主要因为是无法把自己的想法清晰地够建出来。这个问题最关键的就是海报观察的不够多。看看别人做的海报,一定会对你有启发的。

多看,多练,多思考,多创作。

我一直坚信,只有想不到,没有做不到!

加油!

有哪些受益无穷的渔之技?学一次就成!

设计心理学的最佳教程之一!
《设计师必看!为什么英文要比中文在设计中显得高大上》

设计心理学的最佳教程之二!
《涨姿势!设计作品中的“廉价感”是如何产生的?》

懂文化的设计师才不会闹笑话呦!
《设计师必看!LOGO设计的忌讳有哪些?》

原文地址:zhihu

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量106万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/campus-poster-design-guideline

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里