RT 排版的时候选了一个框，然后往里加标题，加文字，加图片，加完一看框外面的其他框和文字离这个框超级远，要把组件定位的组后距设置成负几十甚至负几百才能勉强调回来，每次设置都很麻烦，而且搬运到公众号有时候会变形。 有什么办法能解决吗？

svg day10收缩移除动画，步骤有点复杂需要多看几遍

svg day9翻页动画效果，设置参数和放背景图，才知道原来书环是图做的

首先，在“我的设计”页面新建一个设计，选择公众号双图打开进入编辑区域： 第1页横版的就是2.35:1尺寸的封面图；第2页方形的则为1:1尺寸的封面图。#秀米#

秀米插入视频方法美化插入的视频，比如加个边框，加个背景色啥的。具体步骤: 1-找一个喜欢的卡片模板，可以是漂亮底色的，可以是带动态小挂件的，可以是好看边框的等等。 2-把卡片模板里原有的文字或图片删掉。然后随便输入几个字做标记，意思是这里插入视频。 3-复制粘贴到公众号后台，然后在标记处插入视频，这样视频就美化完成了。#秀米#

看直播回放，学习秀米知识点，坚持打卡#秀米#秀米#

秀米SVG DAY 17 在在图文中做移出滑动动画知识点：SVG布局，进入编辑，插入图片 以图片为基准 删除图片，设置背景透明，添加图片，添加第二页 添加图片 设置效果移除，内容页添加左右滑动布局，添加滑动序列，自动对齐，返回即可。

秀米训练营打卡day18 #秀米XIUMI# 秀米第十八期训练营📝打卡第十八天 今天学习的是🔖图文中做移出滑动动画 很适合做文旅方面的推文🤪

移出滑动，滑动用的是左右滑动，还算简单就是素材有点难找，家人们有没有免费好用的png网站推推

SVG搜旅行找到模板 1.SVG布局-编辑按钮-第一页添加图片，点击图片以本图为布局基准，删掉图片，背景色透明色，再添加提前准备好素材 2.转场设置，不转场， 3.添加SVG页，向第二页中添加提前准备好的素材，转场设置，交互效果下，添加效果移出向上时长1秒， 4.内容页，添加左右滑动布局，设置滑动序列，添加图片勾选自动对齐#秀米#

【前言】今日是移出滑动动画，操作很简单！ 【干货】SVG布局中搜索关键词“旅行”即可找到模板，自己从头做也不难，关键是很难找到适合的图片哈哈哈哈。今日还学了新的“左右滑动”基础布局，就是滑动的时候容易手滑就翻过了好几张图片。 【注意点】注意第一张图只留“一扇窗”，不要让后面的图片出框了。

SVG搜万圣节找到模板 1.SVG布局，编辑，第一页，宽高比375：458，背景色透明色，添加图片，调整大小位置 2.转场设置按钮，操作滑动转场，向右，确定 3.向下添加SVG页，第二页添加图片，调整大小位置，转场设置按钮，操作滑动转场，确定 4.再向下添加SVG页，第三页添加图片，调整大小位置，转场设置按钮，操作滑动转场，方向向右，确定 5.再再向下添加SVG页，第四页添加图片，调整大小位置，转场设置按钮，操作滑动转场，方向向右，确定 6.最后再

秀米SVG DAY 16 在图文中做滑动转场动画 知识点：SVG布局，进入编辑，第一页设置375*458大小 背景透明 添加图片 更改大小位置 转场设置滑动 向右 第二页同样设置图片 转场设置滑动向左 继续添加其他SVG页 转场设置滑动 最后一个SVG页 设置背景色 添加素材，设置素材的动画 次序自由 效果淡入1秒 效果2移入 方向上 1秒，删除内容页文字，转场设置为不转即可。

秀米训练营打卡day17 #秀米XIUMI# 秀米第十八期训练营📝打卡第十七天 今天学习的是🔖图文中做滑动转场动画 今天的动画很有意思，想不到在svg布局里面有这么多动画🤪

滑动转场，添加图片设置参数，感觉滑动转场的设置是最简单哈哈哈

【前言】今天的蛮好看的，也比较通用，个人很喜欢。 【干货】主要是在“转场设置”处设置滑动转场，比较简单。 【用途】可以做节日庆祝图。 【注意点】滑动的时候不太好操作，容易把之前滑走的滑回来，不知道有没有什么方法可以让它滑走后就不能滑回来。

收缩移除动画设置参数如下，只需要设置一个其他可复制

秀米SVG DAY 16 在图文中做收缩移出动画知识点：SVG布局，进入编辑，第一页设置大小 背景透明 设置转场 效果1为收缩 效果2为移除 保存 第二次进入设置 设置固定宽度 自由 然后 添加图片 调整图片位置和大小 删除内容页文字，内容页背景修改为透明色 添加单列布局，设置单列布局的背景和边框为圆角，双击输入文字 行间距1.8 组件定位20，返回图文编辑 添加单列布局，将SVG放入单列布局 复制 设置格式 向右复制 添加固定布局 宽100%高100 设置背景色，

SVG收缩移出动画 1.SVG布局搜愚人节找到模板 SVG布局，编辑，转场设置，效果1收缩时长2.5秒，效果2，移出向下，时长1.5秒，自由，确定 2.转场设置，收缩固定宽度，宽度80像素，确定 3.点第一页空白处，宽高比100：180，背景色透明色，添加图片，改变图片大小和位置 4.内容页，背景色透明色，添加单列布局，单列布局背景色白色，单列布局边框，圆角15，组件定位组前距20，双击布局，输入文字，字色绿色，居中对齐，间距按钮行间距，1.8 ，组件定位

SVG收缩移出动画 1.SVG布局搜愚人节找到模板 SVG布局，编辑，转场设置，效果1收缩时长2.5秒，效果2，移出向下，时长1.5秒，自由，确定 2.转场设置，收缩固定宽度，宽度80像素，确定 3.点第一页空白处，宽高比100：180，背景色透明色，添加图片，改变图片大小和位置 4.内容页，背景色透明色，添加单列布局，单列布局背景色白色，单列布局边框，圆角15，组件定位组前距20，双击布局，输入文字，字色绿色，居中对齐，间距按钮行间距，1.8 ，组件定位

秀米训练营打卡day16 #秀米XIUMI# 秀米第十八期训练营📝打卡第十六天 今天学习的是🔖图文中做收缩移出动画 跟重复展开动画的效果很像，还是非常实用的

【前言】今日的有点复杂，主要是在调边距、间距之类的问题。 【干货】看视频用提供的素材可以做出来，自己改变素材的话需要调一调参数，稍微有点麻烦，因为不知道怎么调才能适配自己的图案。摸索了半天算做出来一个还算可以的。 【用途】搜索SVG布局中的“愚人节”关键词可以找到，所以好像没啥特别的用途哈哈哈哈。

秀米训练营打卡day15 #秀米XIUMI# 秀米第十八期训练营📝打卡第十五天 今天学习的是🔖点击翻页动画 这个居然还能设置角度，感觉挺灵活的😞打卡完这个还要去做上周的考核😭下班之后好困好累，希望下周的考核能提前一点布置

【前言】开启新一周的学习！属于忙里抽空了。 【干货】今日学习的是点击翻页动画，核心就是在转场设置中选效果为“翻页”，然后调整一下参数。其余内容基本之前都有涉及。 【用途】可以做成翻页状，知识点分享之类的都可以。 【注意点】如果想要更像一本书，最好有一些线圈等图片使画面更丰富一些~

缩放展开动画 1.SvG布局，编辑，转场设置，效果1组件触发，自由，缩放，第一个缩放比110%，勾选中心点设置，时长0.2秒，延迟1秒效果2，淡出0.5秒，时长1.7秒，确定 2.第一页添加贴纸和图片，第一个贴纸，动画按钮，交互效果，自由，效果1字幕，向上，0.14秒，勾选动画重复，效果2，淡出0.3秒，延迟0.7秒，效果3转场， 3.点击第一页复制按钮复制三份，替换配图 4.内容页基础格式菜单无缝图片，添加图片 点击第第四页转场设置按钮，添加效果3，展开

【前言】连续打卡两周啦！今日所学缩放展开动画，实现云拍照！ 【干货】直接通过SVG分类下搜索“缩放”就能找到模板啦！跟着视频学也比较轻松，能知道模板怎么来的，今天有设置“分段展开”、无缝图片等小技巧，还是很值得一学的。 【用途】分享旅行照片~

秀米SVG DAY 14 在图文中做缩放展开动画 今天学习的感觉还不错，SVG布局，进去之后设置图片的动画格式，然后设置图片连续展开

秀米XIUMI 秀米训练营打卡day14 #秀米XIUMI# 秀米第十八期训练营📝打卡第十四天 今天学习的是🔖缩放展开动画 首先选择基础布局-添加svg布局，然后进入编辑模式，转场设置组件触发，效果次序更改为自由，效果更改为缩放，第一个缩放比110%，勾选中心点设置时长更改为0.2s，延迟1s，添加效果2淡出动画0.5s，延迟1.7s，接着添加图片贴纸，调整大小位置，选中上层贴纸，添加效果选择自由次序，字幕。方向向上，时长0.14s，重复动画，效果2淡出动画0.3s，

重复展开动画 1.SvG布局，编辑，第一页，设置比例1004：299，背景色透明色 2.内容页添加图片，组前距0组后距17%， 3.转场设置，淡出0.1秒，展开0.4秒，反复展开，调整触发区位置大小，确定 4.设置好的SVG布局复制一份，向下添加3份，框选后3份布局，组前距-11% 5.添加一个单列布局，设置好的SVG布局都拖进来，单列布局背景色淡蓝色，边距左右上内边距15，完成#秀米#

秀米XIUMI 秀米训练营打卡day13 #秀米XIUMI# 秀米第十八期训练营📝打卡第十三天 今天学习的是🔖重复展开动画 今天的学习内容跟昨天的很相似👀现在对图片的参数会比较有顾虑，之前涉及一些复杂的svg图片我都会设置跟官方模板图片大小一模一样的尺寸，不知道图片的大小是否会影响svg的互动呢？

秀米SVG DAY 13 在在图文中做重复展开动画 知识点： SVG布局 进入编辑 设置第一页为1004*299（教程上未说明为何如此数值，猜测为图片显示的部分标头大小。）然后把需要展开的图片放入第二页，设置转场何组前后距：淡出0.4，添加效果为展开，0.1，勾选反复展开。返回图文编辑模式，复制出自己需要的份数，根据实际情况调整各布局的组件定位（组前后距数值）然后预览到手机OK。

重复展开动画，主要是设置参数和作图

【前言】今日和昨天学的差不多，都是通过“反复展开”来实现。 【干货】通过SVG栏目下翻也是可以找到的，不过要多翻一会儿。就注意调整一些组距就好~ 【用途】动画效果还是不错的！可以做科普问答。 【注意点】有些动画要在手机上才能看到效果呦！请以手机效果为准~

1.SvG布局，编辑，第一页添加图片，以本图为布局基准， 2.内容页添加图片（最好都放图片），框选第一张图片，组前距0组后距10，第二张图片，组前距0组后距2 3.转场设置，效果1淡出，时长0.1秒，效果2，展开，时长0.4秒，勾选反复展开，在弹出菜单调整触发区位置大小，确定#秀米#

多列展开 SVG搜中秋找到模板 1.SvG布局，编辑，第一页添加图片，以本图为布局基准，删除图片，背景色透明色 2.转场设置，展开，时长1秒，确定 3.内容页，添加图片，组件定位组前距0组后距45%，返回 4.添加单列布局，把做好的SVG布局拖进来，向下添加月饼贴纸，组件定位组前距-41%组后距0，增减列按钮向右插入1列插入时复制，边距按钮上下左右内边距25，格式刷向右全部应用 5.将设置好的两列布局复制一份，向下添加两份 6.在添加一个单列布局，将

秀米训练营打卡day12 #秀米XIUMI# 秀米第十八期训练营📝打卡第十二天 今天学习的是🔖反复展开动画 这是一个非常高频率使用的一个动画😏现在我已经能非常熟练的使用啦

今天学反复展开，设置很简单就是展开最好用图片，图片得自己做

秀米SVG DAY 12 在图文中做反复展开动画 知识点：SVG基础布局，进入编辑，第一页放入页面显示的图片，以图片为基准；第二页先添加第一页的图片，然后添加下面的图片，设置俩图片组件前后距为0，前一张图片组后距为10；设置转场 淡出 修改时间0.1秒 添加效果展开 0.4秒 点选反复展开 返回 去手机中预览即可

【前言】今日学习反复展开，即可以收回再展开的动画。 【干货】视频时长很短，其实也就只需要在转场设置中选反复展开就行。 【注意点】今日的注意点比较多。①封面图还需要再复制到内容页；②在图片中还想添加文字、图标可以选中图片并点击“设计”来操作；③不要让图片放大，不然想点收回的时候就会显示放大的原图，我搜了一下，发现可以选中图片，点击“增强”，把点击放大给禁止就可以啦！

SVG布局 选择图片放在第一页，以本图为基准，设置转场动画，效果1缩放 效果2淡出 设置图片动画效果为淡出，效果2为转场，添加扣好图的图片，第一页背景色为透明色，第二张第三张图片时间稍有区别，设置转场，添加效果3展开，时长5秒。然后到内容页添加自由布局，里面的图片自由摆放，返回 预览#秀米#

秀米训练营打卡day11 #秀米XIUMI# 秀米第十八期训练营📝打卡第十一天 今天学习的是🔖多列展开动画 挺简单的，也很有意思，就是没想好在什么场景使用会比较好🧐