朋友圈个性九宫格长图制作教程

朋友圈个性九宫格长图制作教程

朋友圈个性九宫格长图制作教程：之前发了一个九宫格的朋友圈，所有的缩览图组成一个封面，点击每一个缩览图，可以查看每一个长图的效果。

那么我们首先看下效果：（缩览图和点开的长图）

看着挺复杂的样子，但是其实我们明白其中的原理之后，就简单很多了！

在制作之前，我先了解下微信长图和缩览图的显示原理:

两张图和缩览图：

三张图和缩览图：

四张图和缩览图：

依次类推…

好了，以此可见，微信朋友圈九宫格缩览图的计算方式是：

取水平方向和垂直方向的正中心的区域作为缩览显示区域！（因为水平方向一般都是铺满的，所以我默认按照水平满屏制作了原理图）

方法一（推荐）：电脑端使用Photoshop软件制作，然后导出9张图到手机，手机直接按顺序发朋友圈即可！

方法二：纯手机端操作，需要“九格切图”软件+图片裁剪拼接软件，最后生成，9张图到手机，手机直接按顺序发朋友圈即可！

推荐用电脑端的Photoshop操作，photoshop软件的具体操作这里不再赘述，明白原理之后，操作就方便很多！

手机端操作的话，建议封面用“九格切图”裁剪，然后用手机自带拼接工具，或者第三方软件进行拼接都可以，由于手机端操作尺寸不好控制，建议拼图的每一个图大小一样大。

明白原理之后，我们在制作个性九宫格长图的时候，应该就明白了吧：

如果想要缩览图是一个完整的封面的话，只需要把封面图片3*3等分成9张图片，然后分别放在单个长图对应的缩览图的位置即可！

同理，缩览图6张和4张，甚至三张的，制作的原理也是一样的！

缩览图在一个长图中必须占用一个拼接图的位置（如果缩览图比较小，可以在中间位置水平垂直居中摆放）！

长度方面，为了好计算，建议单个长图的张数为奇数，这样封面切割图就可以刚好在中间的位置了；

每一个长图都是单独独立的，只需要保证缩览图的位置对的上，就可以了，不一定遵循每一个长图的个数都一致（比如第一张长图，我们可以用三张图片纵向拼接，只需中间一张是缩览图即可，也可以是5张，只需中间一张是缩览图就可以了）；

长图的宽度方面，建议不要太宽（屏幕分辨率的宽度左右吧，如果是文字的话，建议宽度再小一点），因为太宽的话，缩览图会会压缩，显示效果不太好；

为了尽可能保证我们制作的图片的时间和计算成本，建议每一个长图的中，拼接的小图高度都相等！

基础操作能给我们解决大部分效果，但是有些情况就显得捉襟见肘了，比如有的图高度比较高的，为了统一，裁剪之后，视觉效果就差了很多，那么这个问题可以解决吗？

是可以的！

我们再次思考缩览图的原理，就可以轻松解决这个问题，下面我用一个具体示例来解释回答：

比如我们可以用三张图拼出5张图的效果，下图中，左边的图就是5张，第三章放缩览图，右边就是三张图占五张图的位置，1和2位置一张，4和5位置占一张

（由于每一张长图都是独立的，所以右边的不必要和左边的高度保持一致）