首页 > 电脑专区 > 电脑教程 >

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

来源:互联网 2023-02-22 01:16:30 441

朋友圈个性九宫格长图制作教程:之前发了一个九宫格的朋友圈,所有的缩览图组成一个封面,点击每一个缩览图,可以查看每一个长图的效果。0le办公区 - 实用经验教程分享!

那么我们首先看下效果:(缩览图和点开的长图)0le办公区 - 实用经验教程分享!

朋友圈个性九宫格长图制作教程0le办公区 - 实用经验教程分享!

朋友圈个性九宫格长图制作教程0le办公区 - 实用经验教程分享!

工具/原料

  • 微信App
  • 电脑端:Photoshop
  • 手机端:九格切图

原理

  • 1

    看着挺复杂的样子,但是其实我们明白其中的原理之后,就简单很多了!0le办公区 - 实用经验教程分享!

  • 2

    在制作之前,我先了解下微信长图和缩览图的显示原理:0le办公区 - 实用经验教程分享!

  • 3

    两张图和缩览图:0le办公区 - 实用经验教程分享!

    朋友圈个性九宫格长图制作教程0le办公区 - 实用经验教程分享!

  • 3此文章未经许可获取自百度经验
  • 4

    三张图和缩览图:0le办公区 - 实用经验教程分享!

    朋友圈个性九宫格长图制作教程0le办公区 - 实用经验教程分享!

  • 5

    四张图和缩览图:0le办公区 - 实用经验教程分享!

    朋友圈个性九宫格长图制作教程0le办公区 - 实用经验教程分享!

  • 6

    依次类推…0le办公区 - 实用经验教程分享!

    0le办公区 - 实用经验教程分享!

  • 7

    好了,以此可见,微信朋友圈九宫格缩览图的计算方式是:0le办公区 - 实用经验教程分享!

    取水平方向和垂直方向的正中心的区域作为缩览显示区域!(因为水平方向一般都是铺满的,所以我默认按照水平满屏制作了原理图)0le办公区 - 实用经验教程分享!

  • 制作

  • 1

    方法一(推荐):电脑端使用Photoshop软件制作,然后导出9张图到手机,手机直接按顺序发朋友圈即可!0le办公区 - 实用经验教程分享!

  • 2

    方法二:纯手机端操作,需要“九格切图”软件 图片裁剪拼接软件,最后生成,9张图到手机,手机直接按顺序发朋友圈即可!0le办公区 - 实用经验教程分享!

    推荐用电脑端的Photoshop操作,photoshop软件的具体操作这里不再赘述,明白原理之后,操作就方便很多!0le办公区 - 实用经验教程分享!

    手机端操作的话,建议封面用“九格切图”裁剪,然后用手机自带拼接工具,或者第三方软件进行拼接都可以,由于手机端操作尺寸不好控制,建议拼图的每一个图大小一样大。0le办公区 - 实用经验教程分享!

  • 分析总结

  • 1

    明白原理之后,我们在制作个性九宫格长图的时候,应该就明白了吧:0le办公区 - 实用经验教程分享!

    如果想要缩览图是一个完整的封面的话,只需要把封面图片3*3等分成9张图片,然后分别放在单个长图对应的缩览图的位置即可!0le办公区 - 实用经验教程分享!

    0le办公区 - 实用经验教程分享!

    同理,缩览图6张和4张,甚至三张的,制作的原理也是一样的!0le办公区 - 实用经验教程分享!

  • 注意事项

    • 缩览图在一个长图中必须占用一个拼接图的位置(如果缩览图比较小,可以在中间位置水平垂直居中摆放)!0le办公区 - 实用经验教程分享!

    • 长度方面,为了好计算,建议单个长图的张数为奇数,这样封面切割图就可以刚好在中间的位置了;0le办公区 - 实用经验教程分享!

    • 每一个长图都是单独独立的,只需要保证缩览图的位置对的上,就可以了,不一定遵循每一个长图的个数都一致(比如第一张长图,我们可以用三张图片纵向拼接,只需中间一张是缩览图即可,也可以是5张,只需中间一张是缩览图就可以了);0le办公区 - 实用经验教程分享!

    • 长图的宽度方面,建议不要太宽(屏幕分辨率的宽度左右吧,如果是文字的话,建议宽度再小一点),因为太宽的话,缩览图会会压缩,显示效果不太好;0le办公区 - 实用经验教程分享!

    建议

  • 1

    为了尽可能保证我们制作的图片的时间和计算成本,建议每一个长图的中,拼接的小图高度都相等!0le办公区 - 实用经验教程分享!

  • 进阶玩法

  • 1

    基础操作能给我们解决大部分效果,但是有些情况就显得捉襟见肘了,比如有的图高度比较高的,为了统一,裁剪之后,视觉效果就差了很多,那么这个问题可以解决吗?0le办公区 - 实用经验教程分享!

    是可以的!0le办公区 - 实用经验教程分享!

    我们再次思考缩览图的原理,就可以轻松解决这个问题,下面我用一个具体示例来解释回答:0le办公区 - 实用经验教程分享!

    比如我们可以用三张图拼出5张图的效果,下图中,左边的图就是5张,第三章放缩览图,右边就是三张图占五张图的位置,1和2位置一张,4和5位置占一张0le办公区 - 实用经验教程分享!

    (由于每一张长图都是独立的,所以右边的不必要和左边的高度保持一致)0le办公区 - 实用经验教程分享!

    朋友圈个性九宫格长图制作教程0le办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!0le办公区 - 实用经验教程分享!


    标签: 视频朋友圈朋友个性九宫

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码