微信公众号排版的一些心得总结

OhAkiRa 2018-06-04 23:39:30

本期推送: 倾情总结了开号一年来的P图心得 ps对象仅限于公众号&九宫格排版
换句话说: 对于95%打开这篇文章的人来说 接下来的内容,这辈子都用不到

做自媒体一年来,收到过形形色色的提问,我唯一能够回答的,可能只剩和P图相关的问题,再严格说来,应该是关于微信公众号和微博九宫格如何排版构图。

写公众号这件事既(还)没让我发财致富,也(还)没让我走上人生巅峰,相信对此好奇的胖友们一定都是出于十分朴实纯洁的学习交流目的。这篇特别的爱就献给特别的、少数的你萌。

做图对我而言纯粹是兴趣爱好,我不是设计、艺术类专业的科班出身,PS也全靠自学,想到艺术院校应该不会开设针对自媒体排版的课程,这才给了业余人士本人一点不要脸的勇气,把自己摸索的野生心得经验整理出来。

下面的内容都不涉及技术层面(我用到的都是最基础的Photoshop功能),也不是结果导向的手把手P图教程,主要提供一些做图思路和方向。至少在我看来,「如何思考」比「具体操作」更有长远价值和普遍意义。

文章很长,全文大纲如下,大家各取所需。本文写给特定受众,如果你没有做公众号的相关经验,可能1/4都看不下去。

*豆瓣的貌似不能添加图片链接,可以点击这里查看完整版。原文中能加链接的图片都加了链接,方便追溯到图片所在全文排版。*

有句话得说在最前面,如果对排版P图要求高,制作耗时耗力不说,从投资回报角度看,性价比极低(有那么多时间还不如想个吸引人的标题来的划算……

因为做图是我个人兴趣,而且我又是个体户自己爱怎么来怎么来。你要是新媒体账号的小编,不会有那么高的自由度,需要考虑效率问题,可能还必须顾及上级的口味和要求。

a 整 体 排 版

通常,素材的来源五花八门(有些号照片都是自己拍的,就另当别论了),排版的目的是在风格不一的素材之间建立关联,让文章从头到尾整体保持一个连贯统一的视觉风格。

我一般都是先p个几张图,再根据结果奠定全文的排版。操作起来就简单两字:重复

重复配色,重复主题元素(比如蛋蛋扣一文中黄主蓝辅配色,以及反复出现的荷包蛋图案↓

重复框架(比如实心椭圆和椭圆边框的组合↓

重复字体及其版式(当图片素材过于简单时↓

统一素材的风格(比如做成手绘效果↓

b 单 图 排 版

公众号的图片两个任务:美观性和功能性,两者占比动态变化。

下图圆圈边框纯粹为了好看,没什么实际意义,主要为了拯救拍得很烂的照片。

图片功能性体现在3个地方:

1. 大段文字的分隔符;

2. 承载信息量,许多图片本身已经是资料整合编排后的结果↓;

3. 图片帮助读者迅速理解文章,减轻阅读难度。

虽然我在选题上从来只考虑自己喜好,但既然文章是发出来给别人看的,我每次都会把相当大的精力花在让尽可能多的人读懂这件事上,尽量深入浅出简化表达,方便读者不用太费力就能get我想表达的意思。

图片的优势在于直观,效率更高,一张图能抵过10行文字,达到事半功倍的效果。

小玫瑰的5条脸盲蓝裙,方块里的图案是上半身的面料,区分一目了然,无须文字一一赘述。

下面这张图换成用一段文字来表达,肯定没有图片来得清晰易读。

不要小看这些标注,一眼明白又能省下阅读200字的体力。

c 增 加 细 节

许多情况下,图片看起来已经完成,但如果再增加一些细节部分,能让图片质量飞跃几个档次。

Victorian hand的小标题,实色字体略生硬。

换成手写字体,实色改成有深有浅的墨水质感,最后用动态书写完善最终效果。

实色色块背景略显呆板,用同色的植物照片丰富细节,同时拉开前景和背景,使画面更有层次。

5个Gucci蜡烛罐,白色那罐格格不入也没什么点。

把白色的罐子放在背景里,一样也是增加了构图的层次感,同时不会过于喧宾夺主。

我去年的排版里常用到「破格」的手法(名字我瞎起的,方便理解),尤其在《权力的游戏》那篇。

如果完全遵守框架,一些图片会被裁去一部分,让那些部分延伸出画面,既保留造型的完整,也不影响文章排版的简洁整齐。

让图里的人呈现出一种破框而出的动感

利用破格后图片间重叠的部分,做了半透明处理,来表现裙子的薄透质地。

我做图时经常会安插类似的小细节,大多数人不会注意到,当作是送给特别有心的胖友们的意外彩蛋。

a 寻 找 素 材

上哪儿找素材,也是一个很多人关心的问题。

我的常用「素材库」,就是多多利用图片主角自己,且不超过其方圆1米之内。用有限的素材,发挥更多的可能。

举个栗子,Paul & Joe的猫头润唇膏九宫格↓ 一半素材都取自唇膏包装,另外两个菊花和猫头的装饰元素都来自同品牌姐妹产品。

这样操作,既容易找到素材,而且素材之间同根同源风格一致,P图也相对简单。

不用担心会陷入套路,即使用同一个思路去找素材,面对不同的素材,也能发散出千千万万种构图。

哪怕素材相同/相似,当你需要传达的侧重不同,思考的方向和P出来的结果也不会重复。

下面两张用到的都是Dior 2017春夏系列的造型,一张强调「手」,一张着重表现占星主题。

除了以上这些,我偶尔也会去谷歌一些未加工的原始素材。

b 绘 制 素 材

这里的「绘制」不需要任何绘画功力,PS的基础功能分秒实现。

选区工具,这个最常见了。

格子搭配矩形选区。

圆形选区。

简单图形叠加就可以做出稍微复杂一些的图案。8个圆拼出花朵↓

钢笔工具

钢笔·路径工具比选区工具的自由度更高。

画出流畅的不规则图形和曲线。

绘制简笔画。

当时找不到能填满小李子发际线的著名卡通猫,所以用钢笔工具照着他左边表情画了一个喵🐈

对于完全不会画画的人来说,钢笔工具雪中送炭。

手的那篇,没找到合适的小插图,就拿Agnes de Verneuil的项链吊坠,用钢笔工具描边重新填色「画」了一张出来。

c 修 改 素 材

好比做菜,买来的食材在下锅前得清洗削皮切块一样,很多搜集来的原始素材不太好直接使用。为了突出重点or便于排版,需要进行一些简单处理。

这张图的主角是三色堇皮草夹克,但Gucci模特全身都是重点,于是就把不重要的地方做了去色处理,保留肤色发色(不然会像僵尸)。这样能让注意力集中在夹克上,而且一般人看一眼不会注意到异样。

后面那只手没用又碍事,把它p掉。呼应其他手形首饰,指甲改成红色。手臂延伸出画框,让画面四角平衡。

a 来 自 本 身

我大多数图片排版的灵感都是从素材本身出发的,先明确成品图需要突出什么,观察素材的特点,再有针对性地进行排版创作。

一来可以激荡出许多非常规的特别构图,二来这种一次性的「量身定做」既能避免自己重复过去,又让以后的素材没法套用,才能迫使自己不断思考进步。

月亮(开瓶器)和鲸鱼(裁纸刀),很自然浮现出「月下游鲸」的画面。

因为这两件东西都是日本的,初衷想做浮世绘效果,结果功力跟不上雄心,最后P了一张简单的工笔+水墨画。

2张以上素材稍微复杂一些。

筛选素材后,先定下来最终成品图需要呈现哪些东西:

1. 易烊千玺戴右上角的眼镜 2.吴亦凡戴右下角那副 3.镜架和镜片的连接处是一只手。

1&2 → 只需要两人脸部出现,突出两副眼镜的区别(镜架颜色、镜片形状)

3→ 那只手必须清晰醒目。

最后选择镜框作边框,把两人对应放入,这样想表达的内容都可以清楚地传递。因为原文前后的图片全是gif,就让4字眨个眼表示连贯统一。

b 来 自 联 想

这个呢,还是以素材自身特点出发,不同点在于,是向外寻求解决方法。平时杂七杂八的东西多多积累,搞不好哪天就能用上。

下图目的是把中间的耳环和背景分隔开来。边框一要具备明显的区隔功能,二最好和文艺古典的整体风格协调。

耳环:金色+珍珠 → 联想什么边框既有金色又有珍珠 →Lover's eyes珠宝的边框。

用到的高清素材是Mulberry去年秋冬模仿Lover's eyes出的系列珠宝

下面是一个gif段落小标题,围绕超现实主义的中心思想展开联想

首先字体用的是Dali。

另外,给文字制作了融化变小的效果,灵感来自超现实主义画派最有名的那幅《记忆的永恒》,人人都认识那几只融化的怀表。

《记忆的永恒》,萨尔瓦多·达利,1931

c 来 自 规 则

有时候盯着图片天也找不到灵感,可以从素材里跳出来,看看怎么样利用规则。

欧舒丹护手霜的九宫格↓

按照最初的设想,做出来效果眼花缭乱见左图。蒙上一层白内障图层后,虽然中心和外圈明显分隔,但是图片内容又看不清了。

微博在wifi状态下会自动依次播放gif,于是灵机一动,把背景里的每张照片都做成渐变gif。最后以下图形式呈现,九宫格整体保持清爽,而每张图又能本色无损地出现一次。

1. 用 什 么 编 辑 器 ?

上文的每一句话都在从侧面说明一件事——我排版基本不靠编辑器。

但有些特殊功能确实会用到,比如:左右移动效果from秀米;有时为了清晰度会把图劈一半后拼接, 那个是135的。

这些编辑器都很多现成的模板,要是不会ps也不会编程,排版找几个你觉得好看的,套用就行了。

2. 用 什 么手 机 app 做 图 ?

我不习惯用手机做图,而且我万年不发朋友圈,这方面没什么需求,很多图片处理app下了用过1、2次就荒废了。

长期使用的是VSCO,这个很有名,不用多介绍啦。调色滤镜功能强大,图片和视频都可以用(要是有电脑版就好了)。另外有个拍gif的app一闪也还可以,不过我用得没VSCO那么频繁。

公众号评论区有很多厉害的手机app推荐,戳这里~

3. 如 何 自 学 PS?

学PS真的零门槛(跟当时尚博主一样……),有兴趣就行,不必非得学艺术会画画才能入门。

我的PS自学生涯要追溯到初中时代,当时都买书借书学,年代过于久远,没什么可推荐的。现在b站和微博随手一搜就有大把的教程,都不用花钱。

可以先挑几个感兴趣的案例跟着做(我记得自己当年是从各种特效字体开始学PS的……)。跟着案例属于比较被动的学习,当你熟悉常用工具和快捷键之后,可以尝试一些小创作,遇到不会的地方,再去搜索解决办法,这样子的主动学习进步起来会比较快。

4. 如 何 做 动 图 ?

目前为止,我的所有自制gif都是用PS的时间轴做的。至于具体的操作教程网上自己搜吧。

里面有个很好用的辅助功能,就是圈圈里的过渡功能,可以实现一些简易流畅的动画。

下面gif里后半段雾气向两边消散和文字淡出的效果,就是过渡功能制作出来的:直线移动和透明度渐变。

但很明显,PS时间轴做出来的动画都比较简陋,有进阶需求的可以去学AE和C4D。

5. 如 何 提 高 审 美 ?

这个问题庞大复杂到令人窒息……以我这点水平实在没脸来指点江山,但鉴于问的人最多,又多少总得回答些什么。

除了极小部分天赋异禀人士之外,一个人的审美,说到底就是人生经历总和的一个缩影,大到所受教育、成长环境,小到看过的书、走过的路……都会多少被吸收成为构建ta审美体系的一砖一瓦。

想审美进步,需要让这一砖一瓦变得美丽,从提高摄取内容的质量开始。过去没法改变,至少从现在起多感受、多接收美和高级的事物。

然而这听起来依然是一句废话。

来问这个问题的人一定是想寻求一个更具体、可操作的方法。我这个靠刷instagram来感知世界的阿宅,在羞愧和反省中把「你是如何提高审美的?」的问题在公众号里抛给了读者胖友们。众人拾柴火焰高,大家都超厉害,留言里很多内容也让我大大长了见识。戳这里查看公众号的评论,如果对于提高审美你有什么推荐和建议也欢迎在豆瓣日记后面留言~


微信公众号 | 微博 | B站: OhAkiRa

OhAkiRa
作者OhAkiRa
21日记 6相册

全部回应 97 条

查看更多回应(97) 添加回应

OhAkiRa的热门日记

豆瓣
免费下载 iOS / Android 版客户端