Apple同款SVG如何制作?搞定这招大牌SVG也会做了
什么样的内容该配什么样的交互效果呢?
首先是当我们图片很多的时候,我们可以用到图片轮播,多次点击换图和滑动。
那么当我们文字很多的时候,我们就可以用到滑动滚动播放以及弹幕。
那么当我们的图文整体的内容都很长的时候,我们就可以选择使用图文展开。
那么在今天我们将就图片太多的情况下,给大家介绍一款 SVG 的大牌同款效果,Apple-多图弹动轮播。
它是苹果之前发布新手机的时候,需要展示我们的手机和平板等等。但是它这个效果是一种比较特殊的轮播,它是通过将我们的图片放大和滑动结合在一起,是有一种3D立体的视角,一秒就能抓住用户的注意力。
那么像产品上新、旅游景点推荐等,大家就可以选取一些质感好重要的图片,做成这个轮播的效果放在我们推文的开头部分来吸引用户继续阅读。
下面详细介绍一下,这款SVG的制作过程。
首先在135的SVG编辑器搜索轮播,选择多图弹动轮播的效果,组件有为横向和竖向,那么我们选择一个横向,然后批量的上传我们的轮播图。
这里有素材要求,要求你至少需要添加两张轮播图,并且宽高尺寸必须也是要求一致的。
添加完素材之后,效果就可以呈现出来了。
滑到右边的下方,我们可以给我们的效果添加背景图或者背景色。
再往下可以看到我们可以设置图片的左右边距、上下边距以及动画的一个时间,包括我们的一个方向设置,可以设置向左滚动或者说是向右滚动,都是可以的。
最后可以给添加一个整体的轮播效果, 打开一个特效,比如说花瓣一样的小清新风格,看起来就会特别的好看,这个比较适于放在推文最开头。
你学废了吗?如果觉得有用,请点赞关注哦!
#135编辑器# 、#智联校园# 、#圣诞节# 、#平安夜# 、#新媒体运营# 、#模板# 、#排版分享# 、#SVG# 、##新年快乐# 、#冬季# 、#元旦#
什么样的内容该配什么样的交互效果呢?
首先是当我们图片很多的时候,我们可以用到图片轮播,多次点击换图和滑动。
那么当我们文字很多的时候,我们就可以用到滑动滚动播放以及弹幕。
那么当我们的图文整体的内容都很长的时候,我们就可以选择使用图文展开。
那么在今天我们将就图片太多的情况下,给大家介绍一款 SVG 的大牌同款效果,Apple-多图弹动轮播。
它是苹果之前发布新手机的时候,需要展示我们的手机和平板等等。但是它这个效果是一种比较特殊的轮播,它是通过将我们的图片放大和滑动结合在一起,是有一种3D立体的视角,一秒就能抓住用户的注意力。
那么像产品上新、旅游景点推荐等,大家就可以选取一些质感好重要的图片,做成这个轮播的效果放在我们推文的开头部分来吸引用户继续阅读。
下面详细介绍一下,这款SVG的制作过程。
首先在135的SVG编辑器搜索轮播,选择多图弹动轮播的效果,组件有为横向和竖向,那么我们选择一个横向,然后批量的上传我们的轮播图。
这里有素材要求,要求你至少需要添加两张轮播图,并且宽高尺寸必须也是要求一致的。
添加完素材之后,效果就可以呈现出来了。
滑到右边的下方,我们可以给我们的效果添加背景图或者背景色。
再往下可以看到我们可以设置图片的左右边距、上下边距以及动画的一个时间,包括我们的一个方向设置,可以设置向左滚动或者说是向右滚动,都是可以的。
最后可以给添加一个整体的轮播效果, 打开一个特效,比如说花瓣一样的小清新风格,看起来就会特别的好看,这个比较适于放在推文最开头。
你学废了吗?如果觉得有用,请点赞关注哦!
#135编辑器# 、#智联校园# 、#圣诞节# 、#平安夜# 、#新媒体运营# 、#模板# 、#排版分享# 、#SVG# 、##新年快乐# 、#冬季# 、#元旦#
斜切式翻书效果
这类效果非常适合用在做开学指南的推文之中,将入学指南、开学须知、军训注意事项放在一起,形成一本小册子,既能让学生们、家长们阅读起来互动性强,又能够合理布局推文内容。适合教育行业、科技行业展示相关领域热词,或者是品牌做产品推广。
图片弹窗效果
此效果可以实现在同一张图上设置多个不同的图片弹出区域,可发挥的空间大,像九宫格盲盒、寻藏宝图等形式都能实现。适合博物馆科普宣传、电商行业/品牌以节日节点来做宣传推广。
多图弹动轮播
此效果是比较特殊的一种轮播,通过将图片放大+滑动结合,营造出一种立体视角,一秒就能抓住用户的注意力。像产品上新、旅游景点推荐等文中的图片内容较多时,我们可以选取一些质感好、重要的图片做成此效果,放在推文开头部分,吸引用户继续阅读。
点击换图并自动返回
这是一篇介绍iphone 13pro手机拍照功能的推文,通过展示各个用户拍摄的照片,并配上拍照片背后的故事,来介绍iphone 13pro的拍摄微距效果。在介绍微距功能时,苹果没有采用普通的图文展示这种单刀直入的方式,而是利用点击换图再自动返回的效果,将文字附在图片上,赋予照片神秘感,此效果将简单的照片分享变得有趣高级,一点小巧思就让整篇推文大变样。
多次点击换图效果
使用讲解:这个效果我们可以做成输入密码的形式,通过点击对应数字来解锁新内容,此效果无论是从新颖角度还是实用性来看都是极好的,像商场活动、新品发布、特定的节日等涉及到与数字相关的情况时,可以考虑此效果来呈现相应的内容#135编辑器##智联校园##模板##新媒体运营##SVG#
这类效果非常适合用在做开学指南的推文之中,将入学指南、开学须知、军训注意事项放在一起,形成一本小册子,既能让学生们、家长们阅读起来互动性强,又能够合理布局推文内容。适合教育行业、科技行业展示相关领域热词,或者是品牌做产品推广。
图片弹窗效果
此效果可以实现在同一张图上设置多个不同的图片弹出区域,可发挥的空间大,像九宫格盲盒、寻藏宝图等形式都能实现。适合博物馆科普宣传、电商行业/品牌以节日节点来做宣传推广。
多图弹动轮播
此效果是比较特殊的一种轮播,通过将图片放大+滑动结合,营造出一种立体视角,一秒就能抓住用户的注意力。像产品上新、旅游景点推荐等文中的图片内容较多时,我们可以选取一些质感好、重要的图片做成此效果,放在推文开头部分,吸引用户继续阅读。
点击换图并自动返回
这是一篇介绍iphone 13pro手机拍照功能的推文,通过展示各个用户拍摄的照片,并配上拍照片背后的故事,来介绍iphone 13pro的拍摄微距效果。在介绍微距功能时,苹果没有采用普通的图文展示这种单刀直入的方式,而是利用点击换图再自动返回的效果,将文字附在图片上,赋予照片神秘感,此效果将简单的照片分享变得有趣高级,一点小巧思就让整篇推文大变样。
多次点击换图效果
使用讲解:这个效果我们可以做成输入密码的形式,通过点击对应数字来解锁新内容,此效果无论是从新颖角度还是实用性来看都是极好的,像商场活动、新品发布、特定的节日等涉及到与数字相关的情况时,可以考虑此效果来呈现相应的内容#135编辑器##智联校园##模板##新媒体运营##SVG#
Apple同款SVG操作
多图弹动轮播:
此效果是比较特殊的一种轮播,通过将图片放大+滑动结合,营造出一种立体视角,一秒就能抓住用户的注意力。像产品上新、旅游景点推荐等文中的图片内容较多时,我们可以选取一些质感好、重要的图片做成此效果,放在推文开头部分,吸引用户继续阅读。
点击换图并自动返回:
这是一篇介绍 iphone 13pro手机拍照功能的推文,通过展示各个用户拍摄的照片,并配上拍照片背后的故事,来介绍 iphone 13pro的拍摄微距效果。在介绍微距功能时,苹果没有采用普通的图文展示这种单刀直入的方式,而是利用点击换图再自动返回的效果,将文字附在图片上,赋予照片神秘感,此效果将简单的照片分享变得有趣高级,一点小巧思就让整篇推文大变样。
#135编辑器##模板##新媒体运营##新年快乐##元旦##冬季##圣诞节##平安夜##模板分享##SVG##智联校园#
多图弹动轮播:
此效果是比较特殊的一种轮播,通过将图片放大+滑动结合,营造出一种立体视角,一秒就能抓住用户的注意力。像产品上新、旅游景点推荐等文中的图片内容较多时,我们可以选取一些质感好、重要的图片做成此效果,放在推文开头部分,吸引用户继续阅读。
点击换图并自动返回:
这是一篇介绍 iphone 13pro手机拍照功能的推文,通过展示各个用户拍摄的照片,并配上拍照片背后的故事,来介绍 iphone 13pro的拍摄微距效果。在介绍微距功能时,苹果没有采用普通的图文展示这种单刀直入的方式,而是利用点击换图再自动返回的效果,将文字附在图片上,赋予照片神秘感,此效果将简单的照片分享变得有趣高级,一点小巧思就让整篇推文大变样。
#135编辑器##模板##新媒体运营##新年快乐##元旦##冬季##圣诞节##平安夜##模板分享##SVG##智联校园#
✋热门推荐