A. 【秀米教程】SVG点击展开推文,手机横屏下拉效果动画
效果展示:点击图片展开推文内容
操作步骤(点击上方卡片):
1、点击【图文模板】 - 【SVG】 - 在左边选择自己想要的下拉效果
2、点击下拉效果图的边框 - 点击【编辑】显示内容:显示当前编辑下的内容,但不能编辑
3、点击【转场设置】 ①解释说明:【转场设置】下方有“转场淡出(0.5秒)+展开(13秒)”提示 ②转场淡出(0.5秒):封面淡出的时长 ③展开(13秒):内容展开的总时长
4、清除封面中的内容,并设置自己想要的图片 - 点击【图片】,设置【以本图为布局基准】
5、在【内容页】中设置封面+展开的内容
6、点击【分段展开】中的设置 - 右边小窗口线下滑动查看动画停顿分隔线 - 点击【分割线】,上方会显示单个模块的动画时长。
注:点击小窗口中间的 “+”号 可以在小窗口中间区域添加分隔符。 我们手动设置的动画时长可以不一样,这样会使动画更有运动效果显得更加自然。匀速变化的动画会显得不自然。
可能遇到的问题?实战推文制作水平时间轴下拉效果:
1、设置图片素材为竖图:点击或右击图片 - 设置图片【向右旋转】,此时的图片在插入秀米时就可以横屏浏览
2、设置文字为竖版:点击【深度布局】可以观察到正常的文字是横屏的,我制作的文本框有2个盒子(方框)并且是竖屏。
3、设置步骤:点击【深度布局】- 插入【基本卡片】box1(盒子1),并删除里面的文字,只保留box1
4、在box1中再插入【基本卡片】box2(盒子2)
5、选择box2,并旋转90°,此时文本框就是竖屏,我们在里面输入任何内容时文字都将是竖屏。
小贴士也可以直接设置box1旋转90°,我想达到的效果是无论文字长短,文本框都会根据文字的段落长度(宽度自适应)+固定上下边距进行设置,这样编辑会更加方便,但“文字宽度自适应”是根据屏幕宽度进行变化的。
6、选择box1,设置【组前距和组后距】为适当的值(例如:20像素),使竖屏文本框有一下的一下边距,这样会使推文更加美观。
7、选择box1对竖屏文本框进行【收藏】,在需要使用时直接在【收藏】中进行调用。 小技巧:竖屏文本框在编辑时不方便查看,在前期编辑时可以用横屏文本框进行编辑,确认无误后再将文本框进行竖屏设置。
原文链接: cnblogs.com/MrFlySand/p...(查看原文)
B. 秀米编辑器如何上传动图
打开秀米进入图文排版,点击“添加新的2.0图文”,点击我的图库,将电脑上的动态图片上传至图库,将图库中的动图拖至右侧即可。
动态图片(dynamic image)是指当一组特定的静态图像以指定的频率切换而产生某种动态效果的图片。网络上常见的表现形式是Gif动画,它是通过对多图层的图片,按时间进行不同的切换,从而达到动画的效果。
分类
1、Flash动画
Flash是网络上动画常见表现形式。Flash动画可以实现很多效果,比如:移动、放大、缩小、跳动、旋转、扩散、渐强和渐弱、分割、排列组合等等。Flash在音画作品中被广泛使用。
2、Gif动画
Gif动画图片的特点是,图片小,易于随时安置调用,经常用来作网页装饰用。Gif在音画作品中,配合网页装饰经常使用。
3、3D动画
3D动画是通过3Dmax软件制作的动态图片,由于可以表现图象三维的效果,所以又称为三维动画。3D动画虽然效果好,但由于文件很大,音画作品很少采用。
C. 秀米svg点击图片出现文字
您问的是如何使用秀米的svg排版功能做出点击图片出现文字的效果吗?用到的工具有:电脑、Windows旗舰版、秀米编辑器、需要排版的图片及文字。
1、在秀米编辑器中点击“布局”,选择“基础布局”。
2、然后找到SVG布局,点击SVG布局后我们会发现它有内外两个框。
3、在内框中编辑填充我们想要的内容,支持视频、图片、动图和图文模板等。
4、填充完成后,点击外框,在弹出的编辑栏上面点击“动画”按钮。
5、在弹出的编辑框里面,动画方式选展开,再根据图文的长度和点击前要展示的内容设置适当动画时长和宽高比。
6、点击上方的预览功能,一篇可以和读者互动的SVG图文就做好啦。
7、确定好编辑的内容后,就可以点击上方的小勾图标通过同步或复制的方式放到微信公众平台。