请输入图片标题

写在最前面

「稍后电影短评」是一个即刻主题,她是我探索出来的关于思考电影的最佳实践,本系列教程将围绕该主题教你如何从基础到进阶,制作一张属于自己的精美电影短评卡片,同时,这套工作流具有很强的通用性,也算抛砖引玉,大家可在其基础上发挥改造,打造各种精美卡片。
这是本系列基础篇,本系列教程共三篇,每篇聚焦一个核心软件,解决一个需求痛点,分别如下:

  1. (基础)用 Pixelmator 制作页头和页脚,打造个性化的图片
  2. (进阶)用 Editorial 优化排版样式,并实现模板流程自动化
  3. (进阶)用 Workflow 实现拼图裁图的自动化,完美出图

如果你喜欢这个系列教程 or 「稍后电影短评」,请记得关注我的 即刻主题微博 哦 🙂。

看电影 & 写短评

作为一个准资深电影爱好者,我从来都把看电影视为比看剧更高级的体验,所谓高级,意指精神层面。当然了,诚如《西部世界》这样的高质量美剧和层出不穷的国产烂片,我上面那句话更像是把脸凑过去等待被打的做法,所以,更安全的说法应该是:

我认为看电影是比看剧更浪漫的体验。

这种体验差距可以参考恋爱婚姻,一场电影是主动选择的深度沉浸的 2 小时爱恋,一部剧更像是定期投入的波澜起伏的漫长婚情。电影如此独特,每一次观影,在我看来都像是一次主动而短暂的从不腻烦的精神交合 行为 (mental mergence) 。
如果你认为思考电影应该是写一篇万字长评,那绝大部分人在想象的那一瞬间已经放弃了,当然不是了,长评是影评专家的工作,我们需要的是表达自己对这部电影的独特思考。所以我的做法很简单,写电影短评,100-300 字的精炼短评,一来可以锻炼自己的语言组织能力,二来达到了有效思考的目的。
短评是现实困境里每个电影爱好者都能做到的最佳实践方案,接下来,我将一步一步向你展示如何利用现有的应用流在 iPhone 上制作出「惹人舔屏」的电影短评卡片 😎。

电影短评卡片全过程





1. 制作页头/页脚

请输入图片标题

请输入图片标题

页头和页脚的制作属于作图阶段,涉及到对图片元素的编辑、调整、增删等,这类操作只能交由强大的 Pixelmator 来完成。

第一步,确定宽度

你需要确定卡片宽度,简单理解即屏幕宽度,可以通过 ViewExif 这类小应用查看屏幕截图的宽度信息,以 iPhone 6s Plus 为例,屏幕截图宽度是 1242 px。

请输入图片标题

第二步,定主色调

你需要选一个主色调,「像素」这个 app 简洁上手快,通过点击屏幕来切换「编辑」和「选色」模式,在「选色」模式下,我比较喜欢「HSB」+「色号」这个组合,通过滚动小球和在大球内直径方向划动,即可随心变幻颜色,最后找一个你心怡的即可。选好颜色后截个图,下一步会用到 😀

请输入图片标题

颜色选好之后,就可以正式开始作图了。停!有人举手提问了:为什么是先选颜色后作图呢?因为 Pixelmator 不支持通过色号选颜色啊!(反正我是没找到🌚)这也是没办法的事……如果你对颜色不是那么敏感,可以在作图阶段决定色调也是没问题的啦。

第三步,确定高度

打开软件 -> 新建画布 -> 添加元素 -> 导入上一步的主色调截图,如下所示。

请输入图片标题

通过点击顶部工具栏的「笔刷」按钮调出工具面板(这个操作后面会经常用到),找到「裁剪」功能后,通过调整上下边距来确定页头高度。这里有个小技巧,因为宽度已经是确定的,所以只需要拖动上下边距即可。

请输入图片标题

如果你对第二步里选的颜色不满意,怎么办呢,很简单,「填充」新颜色修改就好啦。

请输入图片标题

第四步,导入 Logo

点击顶部工具栏的「+」按钮选择你相簿里的 logo 图片导入进来,但是,像我这种圆形 logo 要怎么做呢?这个就是 Pixelmator 强大的地方了,利用「反选+删除」可以轻松实现对任意形状的裁切,而这,是 iPhone 上普通的图片处理软件所无法做到。具体做法请看如下所示:

请输入图片标题

请输入图片标题

请输入图片标题

第五步,添加标题

OK,最后一步了,添加一个文本,文字修改为你的标题,调整字号和颜色,居中显示,就搞定啦 😎

请输入图片标题

第六步,搞定页脚

页脚的制作跟页头大同小异,收集你需要用到的图片,一一处理,按需求排版,搞定。这里有个小技巧,如果你需要用到 emoji,只能用图片代替文本输入,因为后者会被文本颜色覆盖,导致 emoji 原有的样子失真。下载 emoji 头像最好的网站是什么呢?当然非 emojipedia 莫属啦!

请输入图片标题

因为 emojipedia 保存的 emoji 图片都是 png 格式,所以背景是透明的,大胆放心用就行啦。

2. 制作卡片头图

头图的制作我选择的是 Instagram 系列工具,包括 Instagram 和 Layout,可以说 Instagram 提供的一站式图片服务已经可以满足日常修图和发图的需求了,而我则偏爱 Instagram 的正方形构图和滤镜效果。如果你像我一样需要经常拼多图,Layout 是最顺手的工具,简单便捷,满足各种线性构图需求。

请输入图片标题

Instagram 提供了足够多的滤镜,但这里必须吐个槽,用 Instagram 修完图后是必须发布出去才会保存副本到本地相簿的,如果你不想发布的话,可以之后删除掉。

请输入图片标题

记得善用 Instagram 修图界面底下的编辑器,如果你觉得自定义程度还不够,可以用功能更加强大的 Enlight。

请输入图片标题

3. 制作短评正文

第一步,Markdown 写短评

短评正文必须用 Markdown,否则在下一篇里,你就无法随心所欲定义自己的样式了。在这里我推荐 Bear 作为 Markdown 编辑器,除了免费外,Bear 提供了美观的编辑界面和预览效果,如果你喜欢还可以内购解锁更多主题。

请输入图片标题

第二步,把截图拼成长图

短评正文写完之后,Bear 是有提供导出图片的功能,但是却没有提供自定义导出图片的设置,默认导出的图片宽度太大,字体太小,阅读体验不好,怎么办呢?没关系,我们有万能的截图大法。把文章各部分截图之后(记得截图之间要尽量重叠!),再通过 Piiic 这类能处理重叠部分的拼图软件自动生成完整的短评图片即可。

请输入图片标题

拼接完后的短评图片是需要把头部和尾部裁剪掉的(如果有的话),这个需求用官方照片自带的编辑功能即可轻松搞定。
请输入图片标题

4. 短评卡片完美出炉

把多张图片按一定顺序衔接成长图最快最有效的方法是什么呢?当然还是拼图软件啊!好在 Piiic 可以选择所有类型的图片而不仅仅是截图进行拼接,同时还支持切换相簿,另外一个优势就是 Piiic 会对拼接完的图片进行自动压缩。
Tips: 随着你相簿越来越大,找到特定图片会变得困难,所以我建议在制作卡片的每个阶段都把产出的图片集中放到某个相簿里,比如「稍后电影短评」,最后在 Piiic 里浏览该相簿,按图片顺序来一次无缝衔接就大功告成啦!

请输入图片标题

至此,一张完整的电影短评卡片就完成啦!但离最终效果好像还有点差距,具体差多少呢,请看下图对比(右图为最终效果图):
请输入图片标题

最大的差别主要集中在短评正文的排版样式,这也是下一篇要重点解决的痛点,另外,如何「优雅」地进行短评正文自动化输出也是另一个重点内容。OK,我们休息一下,稍后继续 😀