如何在公众号文章中，完成海报中图片可以左右滑动？

想你，已成惯 · 发表于 2023-2-10 11:22:52

公家号拉文是一整弛海报图，念正在海报中的某个图片完毕阁下滚动

怎样正在公家号文章中，完毕海报中图片能够阁下滚动？-1.jpg

S2viR · 发表于 2023-2-10 11:23:32

这个效果其实应该拆解成两个部分，首先是一个无缝的图片背景，其次是一个左滑的滑动SVG，把这两种素材在SVG编辑器里进行一个组合就可以了（ps：不用敲代码
下面给题主介绍一下具体是怎么操作的：
1、打开SVG编辑器
通过135编辑器左侧入口进入svg编辑器

如何在公众号文章中，完成海报中图片可以左右滑动？

或者直接在浏览器输入svg编辑器网址进入：
知乎 - 安全中心
2、上传背景图
在【素材】-【无缝图】栏目下找到【点击不可弹出批量无缝图】，点击将其放到中间的编辑区，并在右侧的【添加图片】按钮处上传好背景图

如何在公众号文章中，完成海报中图片可以左右滑动？

3、添加滑动效果
（1）点击单层左滑素材，将其插入中间的编辑区

如何在公众号文章中，完成海报中图片可以左右滑动？

（2）在编辑器右侧点击【添加图片】按钮，按住Ctrl键批量选择并上传滑动的图片，需要注意的是，所有滑动图片的宽高尺寸要保持一致

如何在公众号文章中，完成海报中图片可以左右滑动？

4、调整间距
选中滑动效果所在的组件，点击编辑区域上方的【间距】按钮，调整滑动效果与背景图的外间距，直至合适的位置就ok啦

如何在公众号文章中，完成海报中图片可以左右滑动？

5、保存/同步
制作好的效果可以在SVG编辑器里通过导出或者同步的方式保存到微信公众平台，具体的操作跟着系统提示走就可以了~

如何在公众号文章中，完成海报中图片可以左右滑动？

更多排版技巧&公众号运营知识&课程推荐&涨粉服务，请关注@135编辑器，邀请好友注册即可获得7天编辑器会员~
-135编辑器

J8AJeV · 发表于 2023-2-10 11:24:12

在秀米里边用一个左右滑动布局就能搞定了~

如何在公众号文章中，完成海报中图片可以左右滑动？

2p9KVB · 发表于 2023-2-10 11:24:25

使用常见的微信编辑器工具编辑，然后同步到微信公众号就行，我平时写文章的时候，一般用135编辑器，里面图片左右滑动的样式！

如何在公众号文章中，完成海报中图片可以左右滑动？

我平时做这种类型的海报
都是使用rrx自助设计平台上的模板
先上一波校园招聘的海报看一看

如何在公众号文章中，完成海报中图片可以左右滑动？

在搜索框输入“招聘”或者“校园招聘”，可以看到更多相关的海报，都是免费使用的！
一、校园招聘海报设计

最近更是招聘旺季，人们对招聘海报的需求很大，所以设计师们每日都更新了不少相关的海报，各种风格都有，可选择性比较广。

如何在公众号文章中，完成海报中图片可以左右滑动？

选择喜欢的海报之后，点击使用在线修改图文就可以了！

如何在公众号文章中，完成海报中图片可以左右滑动？

这种专门做招聘海报的平台，参考性比较强，可以看一下大家如何设计的，也可以自己创建。
海量原创素材提供，精美背景，艺术字体，好玩的元素都是可以共享的。

如何在公众号文章中，完成海报中图片可以左右滑动？

可以自己上传元素和图片，也可以自带的图库选择背景图片。
制作完海报之后，保存下载就可以了

如何在公众号文章中，完成海报中图片可以左右滑动？

二、设计校园招聘海报注意事项

1.搞清楚海报定位
很多人设计海报的时候，不确定海报风格，恨不得将所有的信息和元素风格，都加上海报上，显得杂乱无章。
正确的方式是，确定好海报定位，提前确定色彩和风格，比如如果你准备做一个青春活力的海报风格，可以多加一些校园元素，色彩绚丽一些。
2.可根据行业的不同，对海报风格进行调整
其实观察后我们可以发现，每个行业的招聘海报风格都是有迹可循的。
商务风：地产金融，酒店家居以及旅游行业。
插画风：教育，设计，动漫游戏，美食餐饮，互联网等行业。
科技风：数字媒体，信息技术等行业
3.内容简洁有效
一张海报所容纳的信息是有限的，用简洁的文字，将大家所关心的招聘岗位，福利待遇，新人培训，晋升体系等内容写清楚。