在秀米中利用svg实现翻页效果
粉丝223获赞1125
相关视频
01:42查看AI文稿AI文稿哈喽，小伙伴们大家好，今天我们来分享秀米中的 svg 点击展开效果。首先我们需要在这个基础布局里面，我们下滑找到 svg 布局，添加进去之后我们删除掉 svg 的布局的多余文字。 那这时候我们需要点击这个布局的外框，这里有一个动画，点击动画在这里呢，我们再次选择中间的图片，一个选项，把展开前的图片我们给他添加进去，也就是我们推文的一个封面图片 添加进去之后呢，我们需要改变一下他的动画，在这里我们的动画，动画一，我们要给他改成是淡出动画，时长为零秒，再次添加一个动画，动画二，我们给他改成一个展开，展开之后我们的 时长为一秒。设置好之后呢，我们给他点击第四个选项显示内容，点击进去之后我们删除掉多余文字。 在布局空白布局里面，我们需要添加一个展开后的图片，在这里我们必须要点击这个图片，我们的逐渐定位改成主前主后，距度为零，再次添加一个图片进去， 想要多少效果，展开效果我们就要添加多少图片，之后呢，我们依旧是把他的每张图片的左前距，左后距都分别调整为零即可。 好，调整好之后呢，我们可以点击最外框，把他的隐藏，点击一个隐藏内容，那这时候我们显示的就是他的一个最外面的内容，最外层的内容，这时我们需要点击保存，点击预览看一下效果， 我们点击它就会出现展开后的图片，那我们的一个简单的点击展开效果就制作完成了。
3310小田的排版分享(停更版)
00:1983今天吃果子了吗？
01:00查看AI文稿AI文稿哈喽，编辑小伙伴们大家好，答应大家的点击展开图文教程来喽！我们需要提前准备好配图，图片格式可以是 gpg 拼记、 jf、 svg 的任何一种。把准备好的图片上传到秀米图库中，然后打开一篇日常的图文，向编辑区添 加一个 svg 布局，把需要展开的正文内容拖拽到 svg 布局中，选中 svg 布局，点击动画按钮，来到图片面板，点击图片，待选区域到图后，单击我们上传的图片，动画 时长更改为零点一秒左右，其余属性不变。点击右侧加号，依次添加剩下的五张图片，六张图片全部添加完成之后，我们开始做展开的效果，点击动画面板右侧的加号，动画类别选择展开动 画时长设置为二十秒左右，固定宽度设置为三百四，取消勾选自动宽高比，最后预览即可，你学会了吗？
1682秀米
01:28查看AI文稿AI文稿哈喽，小伙伴们大家好，今天给大家带来的是修理中 svg 图片滚动播放的效果，那我们话不多说，现在就开始吧。我们首先是要在这个 图文里面，我们要插入一个 ssvg 的图集，在布布局的基础布局里面，我们下滑找到 svg 图集，我们添加进去之后呢，删除掉他的多余部分，点击他的画框，有一个图集设置，我们点击进去，在这里我们需要改变他的类型，改成滚动他的单张时长，我们在这里需要改为三秒 循环，我们要跟上，那我们的出发改为自动，在这里我们的方向是向上、向上，向左、向右向下都是可以进行的， 停留时长我们需要改为零秒，那这里我们先设置一个线下滚动，设置好之后，我们只需要添加我们需要的图片即可，当然在这里 我们需要注意的是图片它的尺寸一样的话，大小一样的话，它出来的效果会更好一点。再添加需要的图片，添加完毕之后，我们就可以保存预览一下效果， 那这样我们的一个向下图片自动滚，图片自动滚动的效果就制作完成了。那如果我们想要设置成向左向右的话，只需要改变他图集设置中的方向，那我们可以设置一个向右的效果， 点击阅览，再次看一下效果，那这样图片就是向右去滚动的。好，那这期视频到这里就结束啦，我们下期再见。
1188小田的排版分享(停更版)
03:22查看AI文稿AI文稿哈喽，大家好，我是三千喵。呃，这个是接上一个，呃，就是这个图文的一个效果，上一个的教程我讲了点击继续播放嘛，然后这一个的话要讲一下这个这里的这个双层滑动， 然后讲一下这个双层滑动，然后这个双层滑动的原理呢？实际上就是，呃，两个布局，底下的布局，他设置一个背景图过后，底下这个布局就不动了，然后上面签到一个 svg 的滑动布局，然后通过设置滑动序列，然后把图片放进去，他就可以进行滑动了。 然后我们现在去秀敏的界面给大家看一下具体怎么制作。嗯，这边图片我已经上传好了，就是他需要准备。呃，你们看我的图片格式吧，就是背景是一张图片，然后底部哦不，顶部的两张图片都 都是透明的。然后我们现在来看一下他怎么做。先放一个普通的布局，然后这个普通的布局给他设置背景图， 这就是这就是我们的背景图，然后选择不重复，然后里面再放放一个滑动序列底下的 sg 左右滑动，因为我们是左右滑动嘛，如果你想做上下滑动的话也可以去做，反正就是二外套嘛。 那我们放把这个左右滑动布局放进去过后，把这些多余的文字啊都删掉，尤其是这些空行啊，你们一定要记得删掉，不然的话他到时候就会效果不对，然后你们半天还找不出问题。然后这里设置滑动序列，好的 放入一张图片， 这是第一张图，然后这里点这个加号添加第二张图，实际上就是你后面有多少图片他都可以添加，只要你添加就行了，你看这里我就把它设置成三个，然后我们来预览 这样子一个双层的滑动他就做好了， 其实还是蛮简单的，然后这里我要给大家多讲一个东西，呃，就是不知道你们有没有在淘宝界面看到过，就是有一些滑动吧？他就是你滴 就是第一个界面出现的时候，你第二个界面就会露一半，就大概就是这种效果吧，这边会露一半，然后这个效果呢？其实，嗯，在秀敏也可以做，他就比较像那个 淘宝首页的那个斑点图吗？然后我们给你，我就跟你们说一下这个怎么做吧，他只是一个附加的，然后这里的话你就点击这个滑动左右设置序列，把这个宽度设置成，嗯，四十啊或者六十啊，就是看着那个大小来设置，我们先设置六十看一下， 然后你看这样子的时候，你在滑动第一页的时候，他后边的后边的这个，这个就会露一半出来，就是吸引用户去滑动看下一个嘛，每个的时候都是会这样， 大概就是这样一个效果，这个的话可以用在那些其他的商品页上面。好了，今天的华东就讲到这里了。呃，如果有什么问题就是你们没有懂的话，你们就可以给我留言，呃，我看到都会回复的，好了，拜拜。
236三千喵
00:56查看AI文稿AI文稿哈喽，编辑小伙伴们大家好，你知道在微信图文中如何点击播放 jf 动图吗？也是零代码制作呦。首先 你要准备一张动图，然后用这个动图做一个静态的版本，例如先在 ps 里导出为 gpg， 再然后你就有一动一静两张图片，把这两张图片上传到秀米图库中。 接着在编辑区添加以 svg 布局，将我们的 gpg 静态图放在布局中，选中图片，在普通工具条的定位按钮中，将段前后距都改为零， 然后选择最外侧的 svg 布局，点击动画按钮，切换到图片面板，点击空白区域，到我的图库中，选择准备好的 gf 动图。在动画选项中，将动 动画类别改为弹入，动画时长改为零点一秒左右。最后预览一下，点击播放效果，你学会了吗？
1113秀米
01:22查看AI文稿AI文稿零基础免费制作公众号 svg 交互图文效果大家好，我是建辉， svg 交互图文火了一段时间了，他和 h 五相比呢，不用跳转，打开推送的图文就能呈现这个优势，就降低了跳转带来的流失率，而且还能实现有创意的互动效果，高级感满满。 不过现在你看到的基本上都是品牌账号在做，因为门槛真的很高，一篇图文的制作费用动者就要一两万，但其实我们自己也能免费制作，我是用了秀米 ipad 版一三五 三款变异器的 svg 功能，最顺手的还是秀米。下面就以秀米为例，制作一篇简单的 svg 交互图文。打开秀米编辑器，你可以看到一个 svg 的项目，但我更喜欢用布局里面的 svg 布局，因为自由度更高，可以定制自己想要的内容。重点来了，下面的步骤一定要记好， 并且按照顺序进行。首先要编辑好点击动作后需要呈现的内容，如果是纯图片内容，可以忽略这一步。将副文本 内容全选收藏，然后删除边界面的内容。依次选择布局、基础布局、 svg 布局。将刚刚放在收藏里的内容放到 svg 布局中。打开布局模式，选择动画。注意 这里上传的图片是交互动作前直接呈现的，我们选择一张图片即可，然后依次设置动画呈现方式，大概就是我下面列出来的这些步骤，这过程可以不断的调整。最后我们来看下效果，如果觉得还不错，可以点赞收藏一下，有任何疑问也可以在评论区留言关注运营文件夹，你的运营自然酷！
2739辉哥的笔记本
03:39查看AI文稿AI文稿今天分享一件点击播放视频，如果是个完全不懂 svg 的公众号编辑小白，那像这种一键点击就能播放视频号内容可以实现吗？当然可以，今天我们就来学习一下，一共八步，跟上我的每一个步骤， 做不出来私信我，包教包会取视频号链接，我们登录公众号后台新建图文，在编辑页面上方选择视频号，再选中需要的视频内容，然后填写标题方便我们保存，然后点击保存， 然后再去首页找到该条，并点击编辑会心跳出一个新的页面，这个时候我们直接获取网页生成的链接即可，双击网址栏， ctrl 加 c 就复制啊。 第二步，秀米新建图文， 从这一步开始，全部都是在秀米编辑器里操作，所以打开秀米新建一个图文，进去图文编辑的页面后，第一件事就是打开深度布局。 第三步，秀米生成视频号卡片，点击放大镜标志，直接输入模板代号三一九一七，点击右侧放大镜开始搜索，左键点击卡片，选择图中模板即可。 在编辑区左键点击模板看到导入视频号这个功能，点击即可粘贴视频号链接，最后点击确认就能导入视频啦。 第四步，点击后播放的视频号， 点击放大镜标志，直接搜索二三九一零，点击选择这个，点击换图的 svg 模板， 鼠标左键选中视频号卡片不放，直接拖到这个彩色银杏树的上方，然后松鼠标，这个之前的教程有说过啦，蓝色提示线条就是拖放的位置，最后记得删掉模板内多余的空行和图片。 第五步，点击前的引导图设置，点击 svg 模板最外层的灰色实现点击动画，鼠标点一下灰色这张银杏叶图片左侧的 工具栏会自动跳到图库，选择自己的点击前引导图片，然后勾选宽高笔的自动。 第六步，重点设置点击穿透设置完图片之后，将点击穿透设置为开启动画，触发设置为点击动画，时长设置，根据需求来，时间越短则跳转的速度越快。 第七步，生成预览看效果，然后在图文最上方设置一张封面图保存，这里涉及到公众号的视频号，所以要手机看实际效果。 然后我们点击导出同步到公众号，会出现一个公众号素材链接的二维码，我们手机扫码即可查看效果，这时候我们点击图片会发现直接播放视频号内容，就说明已经设置 好啦。第八步，公众号后台发布设置，选择我们确认的版本，进入编辑页面，设置封面图、标题、摘要等内容。然后这里提醒大家一定要发送预览到手机上，确认推送页的封面效果和内裤物再决定推送哦！
451跟我秀SVG
00:18202今天吃果子了吗？
