如何排版微信公众号的文章?

2022年 12月 20日10:46:04 发表评论
如何排版微信公众号的文章?

前天直播教大家做圣诞\元旦交互图文,想学更多知识的同学们可以预约下周三直播——新年创意案例分享

今天这篇文字教程,

总结了之前直播的操作要点,

来一起跟着练吧!

以锦鲤青年的案例为例:

点此查看原文案例:活跃了1.5亿年的蜜蜂正在消失,人类担心的事情发生了……

如何排版微信公众号的文章?1

查看案例效果动图演示

如何排版微信公众号的文章?2

拆解

原文案例使用组件:点击-切换GIF直线移动(可拼接背景),实现点击蜜蜂自动移动的交互效果。

如何排版微信公众号的文章?3

轨迹移动效果GIF图

如何排版微信公众号的文章?4

制作

1、添加组件:批量无缝图(10009),添加图片“无缝图”;

如何排版微信公众号的文章?5

2、添加组件:点击-切换GIF直线移动(可拼接背景)(10229),按顺序添加图片“背景图”;

如何排版微信公众号的文章?6

3、再添加图片“点击前移动图”和“点击后移动图”,并调整动画时间为50S;

如何排版微信公众号的文章?7

4、点击轨迹移动左上角显示触发区域,双击图片调整触发区域并隐藏即可;

如何排版微信公众号的文章?8

如何排版微信公众号的文章?9

导入公众号后台

5、在iPaiban Pro编辑器后台完成SVG交互图文后,点击右侧“导入微信后台”→点击“复制”;

如何排版微信公众号的文章?10

6、打开微信公众号后台新建图文,点击浏览器右上角iPaiban Pro 小助手图标→点击“导入代码”→粘贴代码→点击“清空导入”;

如何排版微信公众号的文章?11

7、操作成功后,记得添加标题、封面和保存,最后发送到手机预览最终的效果。

↓查看还原后的效果↓

如何排版微信公众号的文章?1

原文链接:https://www.zhihu.com/question/292471688/answer/2274740829

  • 版权声明:内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 1936370309@qq.com 举报,一经查实,本站将立刻删除。
  • 转载请注明:如何排版微信公众号的文章? 紫林博客

发表评论

您必须才能发表评论!