宝藏模版
往期推荐(点击阅读):
🤑618排版必备SVG模版🤑http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247505052&idx=1&sn=40d88344ea787fbfcdfe7d4597a02faa&chksm=c3256ca6f452e5b041deaba9838b1159bdec451d455d2ba9cd60e8db194a95cae7af58b08b2b&scene=21#wechat_redirect
🤠属于爸爸们的SVG模版🤠http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247505196&idx=1&sn=b3e267edfa44b86de7331e476f538d20&chksm=c3256d16f452e4008624efa170c4b6d2949be8dde287af4375eeaece0642305428230183e926&scene=21#wechat_redirect
各位黑科技编辑器会员,编辑器内 800+ 的 SVG 组件你们都用过吗?农历新年即将到来,这里为大家推荐一批适合春节场景的交互形式。此外你也可以点击阅读《🥳推荐适合新年的SVG模版🥳》和《🤗推荐几个敲级可爱的SVG模版🤗》获取相关参考。
无限选择器
SVG 无限选择器模版是由大神@科蚪 创立的一款高阶 UGC 模版,我们在《热门SVG|无限选择器,开启无限创意》中已经介绍了包括 Apple、GQ 实验室、蕉内、小米、大疆等品牌对它的应用。而上一期我们还推荐了卡地亚的新年祝福《一切美好,未完待续》案例,同样适合春节场景:
遮罩滑动/底层滑动
常规的横向/纵向滑动,如何在春节主题下更有新意?不妨试试利用「遮罩」技术将滑动区域形状化,像 NIKE 的《跟着这只兔,跑向苏神的少年梦》一样构建隧道般的纵向滑动范围。
在编辑器的组件搜索功能内查找「遮罩滑动」即可体验!具体教程可参考《黑科技编辑器|遮罩滑动教程》,嵌套区内可以放入横向或纵向的各种形式滑动。
注意遮罩图的地址必须来源于公众号图库,因此请先将遮罩图上传至自己的公众号并复制其链接填入组件对应位置,同时预览时务必导入自己的公众号查看。如果你不太理解「遮罩」的定义,可参考 NIKE 作品使用的遮罩形式,它是一个表达画面范围的形状图片:
而「底层滑动」则非常适合制作红包开启的效果,操作便捷体验生动,如卡地亚的《开启新春红运第一步...》就是比较典型的互动
在编辑器组件搜索功能内查找「底层滑动」即可体验!该组件的「顶层图片」即红包的封套,需要设计为透明素材且与滑动高度一致。
书法写字特效
新春佳节,提笔写字少不了。我们可以通过 SVG 在图文内模拟如写春联或写祝福语等特效,给人诚意满满又年味十足的感觉!请点击下方画面体验:
在编辑器组件搜索功能内查找「书法写字特效」即可体验!和「轨迹动画」组件一样,这里需要用户自行填写在 AI 中完成的轨迹参数。如果你不知道在哪里查询到这条轨迹长度的话,记得在 AI 中打开「文档信息」并勾选「对象」,就能看到轨迹的长度值啦!
全屏红包雨
在编辑器中有一批可以覆盖屏幕范围的特效如下雪、时空穿梭、烟雾等,而对于春节你则可以选择「全屏红包雨」来让画面覆盖丰富的表层特效:
在编辑器组件搜索功能内查找「全屏红包雨」即可体验!该组件为全矢量贝塞尔曲线路径,由平台精心设计制作,只需在嵌套区放入具体内容即可对目标进行红包雨覆盖,具体教程可参考《黑科技编辑器|全屏红包雨教程》。
幸运抽签
SVG 抽签依然会是春节主题下的热门交互选择——其制作门槛适中,用户体验极佳,而且在 E2.COOL 中专业会员即可享受大多数抽签特效。近期央视新闻发布的一则抽签就是典型的「封面式」SVG 抽签,点击下方画面2次体验:
编辑器中的 SVG 抽签效果具体类型非常多,在组件搜索功能内查找「抽签」即可依次体验!也非常建议大家直接在「节庆通用」类目中通过组件右侧的 i 标签查看它们的案例效果。
大转盘抽奖/九宫格抽奖
有抽签,那自然也可以抽奖。当然编辑器中的抽奖主要是形式层面的表现,如大转盘抽奖提供的是 5 个随机的转盘结果,请点击下方体验:
在编辑器组件搜索功能内查找「抽奖」即可体验!具体教程可参考《黑科技编辑器|大转盘抽奖教程》。注意超链接应用的前提为公众号已开通微信支付,具备外链权限。
开门特效/开门特效-伸长
开门红,就用开门特效组件!请点击下方体验:
在编辑器的组件搜索功能内查找「开门特效」即可体验!具体教程可参考《黑科技编辑器 | 开门特效教程》,此外在编辑器内还支持开门后播放 GIF、开门后画面伸长以及开门后播放 GIF 并伸长等丰富的延展形式喔!
拆红包特效/拆红包特效-伸长
E2.COOL 就春节营销需求提供了一款丝滑又超清的拆红包特效,无需书写复杂的红包动画代码也无需设计多余的红包素材,即可实现一个非常逼真的微信拆红包动画:
在编辑器的组件搜索功能内查找「全屏红包雨」即可体验!该组件为全矢量贝塞尔曲线路径,由平台精心设计制作,只需在嵌套区放入具体内容即可对目标进行红包雨覆盖,具体教程可参考《黑科技编辑器|全屏红包雨教程》。
带背景红包封面卡片/红包封面跳转美化
对于有实际发出微信红包需要的品牌来说,一定要记得用上平台中的特制组件,能让红包卡片更自然地融合到一图流中:
在编辑器的组件搜索功能内查找「红包」即可体验!注意红包的官方卡片需要提取对应代码填入,具体教程可参考《黑科技编辑器|带背景红包封面卡片教程》等。