推荐适合世界杯的SVG模版

宝藏模版
往期推荐(点击阅读):
各位 E2.COOL 的会员,编辑器内 800+ 的 SVG 组件你们都用过吗?世界杯已正式开幕,获授权的品牌方们也迈入了世界杯主题营销赛场,是时候了解在此期间哪些 SVG 互动模型值得一用了!
错层滑动设计
错层滑动是一种通过 E2.COOL 内「零高容器」、「自然优先级无缝图」、「置顶图片」等组件复合搭建的创意滑动效果。以 GQ 实验室的本届世界杯选题图文《“滚!”》为例,足球悬浮在前景与背景间穿梭而行的效果,就是非常典型的「错层滑动」排版法。

基于同样的排版方法,GQ 实验室近期还设计过一篇名为《这届年轻人的消费欲,哈哈...》的图文。不过要说最让小 E 欣赏的,是局部气候调查组公众号的中秋节选题神作《月亮看见了》,它也正是通过 E2.COOL 黑科技编辑器完成的排版(点击这里查看第三方评析):

密码解锁/密码解锁-伸长
无论是运用世界杯标语、时间信息还是品牌方其他特征字符串等,具有密码解锁特效的 SVG 组件都非常适合营造世界杯的互动性和悬疑感!来参考一则早期的定制(by yiwebsite)案例《官宣一位新朋友》,就是以欧洲杯缩写为密码宣布 VIVO 成为其官方合作伙伴:

在 E2.COOL 的组件搜索功能内查找「密码解锁」和「密码解锁-伸长」即可体验!具体教程可参考《黑科技编辑器|密码解锁教程》和《黑科技编辑器|密码解锁-伸长教程》。其素材设计和拼装有一定复杂性,一定要仔细对照教程操作喔!
多热区弹出式海报/多热区弹出式按钮激活
奥迪的《GOALLLLLLL》以绿茵场为画布,点击不同位置弹出不同的海报画面——这种排版被称之为「多热区弹出式海报」(如需同步做到下方案例的提示符依次变化,则需使用「多热区弹出式按钮激活」SVG 组件),它是「点A见B」模型的升级应用。

在 E2.COOL 的组件搜索功能内查找「多热区弹出式海报」即可体验!这一模版的应用面非常广泛,也很容易出奇制胜——例如 Vogue 曾经的出圈佳作《今天的头条是Prada》,也是基于 E2.COOL 该模板实现的。(点击这里查看操作演示)
直线运动(序列帧)/直线运动(GIF)
带球前进,连续盘带经过不同的设计场景,也不失为世界杯主题创作的一个可选 SVG 排版方向:

在 E2.COOL 的组件搜索功能内查找「直线运动(序列帧)」或「直线运动(GIF)」即可体验!注意无论序列帧还是 GIF 素材都应透明。

这里是黑科技编辑器(e2.cool),会的比别人多一点
