京东女神节大玩AR变妆,超A女神速来报到

数英评分
我的评分
收藏 评论
举报 2020-03

       

        3.8自然是各大美妆品牌必争的节日热点,京东今年3.8在其美妆频道推出了为美妆品类引流带货活动——“超A女神百变妆”。我们这次将京东的AR能力深度使用,把不同“妆容”和“特效”进行了有趣的融合。 

1584586321911345.gif            1584586330186088.gif

       AR营销与美妆品类本身就有着天然的契合度,其实各大电商平台早已把“AR试妆”作为一个常驻工具内置于商城内,并且在逐渐建构每个品牌的“AR妆容数据库”,让每个商品在线上都有其一 一对应的AR直观效果。用户只需要选好商品,开启摄像头,只需一秒就可以真实地看到上脸效果,然后判断这款商品是否合适,最后点击购买。

       这次基于此“AR试妆”能力做的《超A女神百变妆》营销活动,则是一个与上述过程“逆向”的行为,我们需要让妆容上脸这“惊艳的一刻”先发生,然后再加入优惠等激励逻辑设定,最后让用户购买推荐的美妆商品。

        如何制造“惊艳一刻”的体验,则是我们在这次项目中着力思考和打磨之处。 

                     

“台前”

      结合京东AR现有的识别能力,我们选择了6个“撩人”的动作来作为整个体验的“触发点”。 动作挑战提示每次随机出现,每个动作被识别后,定制的动效画就会缓缓展现。

     如果常玩抖音或美图 道具贴纸的用户可能会知道,绝大部分的贴纸动画都是一上来直接将贴纸动画出现在脸上。而该项目中我们把整个动画分为两个部分——“铺垫动画”和“跟踪贴纸动画”。

“铺垫动画”是为了与“触发动作”进行有关联的衔接。我们可以看到:一微笑就雨过天晴;张嘴就会从嘴中哈出一口气;眨眼就会放出一道电点亮霓虹灯;嘟嘴就会出来一个嘟嘴唇印;握拳后将花瓣汇聚,伸掌后释放花瓣变成头上的花环......这一点也是整个特效设计的出发点,为“惊艳一刻”的出发点。   

1584586505913074.jpg

       从“铺垫动画”到“跟踪贴纸动画”的过渡与结合,则是整个项目最为重要和最难的部分。对以上两方面的结合考虑进行脚本设计。以“微笑”为例,把整个动画脚本进行拆解后是这样的:

1: 在微笑前,背景就在下雨(铺垫动画)

2:  用户微笑让雨停停止,同时滤镜由灰调变成亮调,背景出现太阳光晕(铺垫动画)

3:  然后头顶划过一道彩虹(铺垫动画), 彩虹“微微发光”(跟踪贴纸动画),脸部同时出现装饰贴纸(跟踪贴纸动画)

1584586592601413.jpg

       可以看到,我们并不是直接让一个贴纸动画立马跳出它的最终形态,而是有一个“演变过程”,在3s-5s中去呈现。我们希望通过这样的轻度的“动画思维”来营造“惊艳一刻”。

1584586637788899.jpg


幕后

       以上提到的“铺垫动画”和“跟踪贴纸动画”两部分动画实质上是不一样的制作工序。前者正常输出全屏序列帧播放一遍即可,后者则要对动画素材加入AR匹配算法,以达到可以跟踪特定部位,同时保持几帧的循环。那么如何让这两种工序嫁接在一起,嫁接一起后怎么保证衔接顺畅,是这个项目技术上核心要攻克的难题,这里分享一下我们所尝试的方法。

      以当时京东侧提供的对“跟踪贴纸动画”的配置算法来看 ,不能实现一段素材中的“指定段落”的循环。于是我们决定重新做一套“动画跟踪“的算法,以达到自由控制一段素材的“循环节点”。这个过程就需要重新人工匹配脸部跟踪点。我们的开发小哥那段时间就像是老中医般地对着一张“穴位图”每天揣摩着。

1584587098332227.jpg

       因为不受原本AR配置算法的限制,除了自定循环节点之外,惊奇地发现还可以调节其他因素:比如近大远小的灵敏度、更多跟踪点的选择,加上定位偏移可实现更精准的区域定位(比如实现了原本没有定位设定的“耳环区域“)。

 

 One more thing

       该项目上线时,正处于疫情时期,考虑到很多用户可能戴着口罩。我们本计划新增一个“抗疫特别版妆容”——用户打开摄像头后,如果AR识别用户戴了口罩,则会先于原本的“动作提示”而直接弹出我们的“抗议先锋”妆容 —— 妆容中会把“口红”一项去掉,而改为在口罩上显示“抗议先锋”“拒绝野味”等标语的字样。

      1584587155962656.png

 

关于AR未来的一些探讨

       目前,电商平台、社交工具、短视频平台、摄影工具、支付工具……等互联网巨头们都在布局自己的AR能力,加上5G的来临,AR的潜力可见一斑。对于像京东、QQ、支付宝…..这类目前已有成熟AR底层能力的平台,AR的营销方案也能更有效率、更经济地落地。

 随着5G的来临,AR的能力将会大放异彩。AR——虚拟增强现实,总结起来它将会从以下三个方面进行发展和提升:1、识别物的丰富度和效率 2、虚拟信息的丰富度(平面-动画-三维-全息),最后就是以及以上两者的有机结合。

         无右一直对AR的保持着时刻的关注和实践。在过去的一两年中,我们也有幸地与QQ、支付宝、天猫……进行了AR相关营销项目的合作。加上这次通过与京东AR能力的深度合作,充分实践了“AR动效“的制作流程,在”虚拟信息的丰富度“这方面做了一小步的溯源性尝试。我们可以预见,今后AR在互动营销领域应用将会更加的广泛、体验也会更加丰富、和各行业的连接通道也会逐渐地被开凿。

幻灯片9.jpeg幻灯片10.jpeg

幻灯片11.jpeg


JD.com 京东

无右互动

无右互动

无右互动

 
数英评分
5
我的评分
谢谢
数英评分
5
我的评分

    专业评分

    专业评分已截止

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)