设计

九宫格图片玩法

叶九秋 · 9月18日 · 2017年 · ·

关于九宫格的玩法多多,九秋目前先把已经知道的玩法列出来,但是因为随着时间的变化,可能有些玩法会失效。当然了,随着时间推移,也会更新很多新的玩法。

九秋眼中的标准九宫格玩法:首先,九宫格玩法并不一定是必须九张图片,两张到九张都可以,此类玩法实际上是多图创意组合。

其次,九宫格图片要素:每张图片都有各自表达的意思,然而九张图片合并在一起的时候又是另外一层新的含义。九宫格图片可不是简单的九张图片凑一波就是了,切记。

初阶玩法

简单列举一下目前教程中用到的基本工具:

九宫格图片制作工具:包括在线制作的,比如这个美图秀秀或者PS之类的,至于如何切九宫格图片,实在是没必要多写了。

初阶玩法相当简单,做九张广告图片,每张图片都有各自的信息,然后九张放在一起凑成新的信息。

如果有设计师,可以玩这种九宫格。

如果没有设计师?很简单,用工具弥补技术不足吧。图片素材图片编辑工具

大概像下面这样子:

基本结构

如果没有设计师,有文案创意狗的话,可以这么玩,不用做图,只需要网上搜图拼接就行了。

文案思路拓展趣味图片制作

大概是这样子:

关联结构

阴阳图片

样式:缩略图为黑色文字,点开后为反转信息,白色文字。

原理:手机在PNG缩略图时候自动填充白色背景,点开图浏览的时候自动填充黑色背景。

制作步骤:

1、PS新建正方形PNG底图。

2、用黑色输入文字。

3、用白色输入反转后的信息。

4、最好做一套前后呼应的系列图。

逗比图片

没有设计师?没有文案狗?只有一群骚浪贱的小逗比?看下面:

中阶玩法

中阶的九宫格玩法不但比初级的高了很多,并且花费的时间和精力也是呈几何倍数增长。但是,同样做出来的效果也是初阶的九宫格玩法不能比拟的。

只要是真正看懂上图的制作原理的,制作方式就很容易理解了。这个主要是利用平台的自动裁剪截图特点制作的,平台会对于长宽比例不一致的图片进行默认裁剪为长宽一致的图片,同时截图大小取决于图片本身最短一边的长度。

所以,只需要做长文内容的时候,在图片中间留取一个正方形放入需要展示的九宫格图片就行了。

目前这类图片竖条和横幅都可以制作,只是鉴于手机的阅读体验,还是以竖条阅读为主。

下面欣赏一下中阶玩法最顶尖的案例:

制作教程

上面案例的九宫格制作其实很简单:

首先,做出九宫格缩略图的九张图片,确保九张缩略图有各自的意义。先找出一张大图,然后,用九宫格切图工具切成九张小图。PS:大图要求必须为正方形,且图片边界模糊无轮廓。切记!

其次,分别制作九张图,下面以一张为例,其他的八张原理一样。使用的工具为PS:

第一步,将第一张缩略图按照中阶玩法介绍的教程置于长图的正中间。

第二步,将九宫格图片原图打开,拖动到缩略图长图的界面,然后将九宫格原图透明度调整为50%左右。

第三步,拖动原图,让缩略图的正方形和九宫格原图中对应的部分重合。

第四步,原图透明度改回100%,然后确认原图放置的位置。

这时候第一张缩略图就做好了。

依次做完九张缩略图之后,分别根据各自的图片,写上合适的文案即可。

内有九秋所做的案例彩蛋,需要在电脑端打开本页面才会展示。

九秋案例

高阶玩法

一般常用的初中阶九宫格玩法足够平时使用了,还有其他的诸如GIF九宫格,视频九宫格等等。但是这些玩法主要是微博等平台使用的。

高阶玩法其实也没得写,等等看以后会不会有什么新的玩法了,其实上面这些玩法都是好几年前的了,有很长一段没出现新的了。

0 条回应