杜蕾斯图片 杜蕾斯 Durex | 性感 | 图片合成：sexy in the AiR

性感是_ _ _ _ _？

大概需要2分10秒才能完全欣赏这个案例

性感的空气

杜蕾斯杜蕾斯

视频视频+画布

策划，视频+图片合成。进入页面，点击屏幕中间的“播放”，开始视频部分。视频画面是不同领域的KOLs，拍摄杜蕾斯的性感主题时装平面，有背景旁白和配音，分别说明自己对“性感”的理解。视频可以跳过。视频结束后，点击按钮上传照片，进入图片构图页面，可以拖动装饰标签和主题文字的位置，点击空部分填写文字，切换文字的配色。点击OK按钮，短暂加载后，图片合成，长按即可保存。在最后一页，你可以点击“购买”跳转到JD.COM超市，或者“分享你的性感”给你的朋友。

②设计上，视频是真人拍摄，人物在拍摄海报、摆姿势时画面是动态画面，声音是画外音的形式，风格时尚，主题性感，画面和内容结合的很好。画面构图部分有固定的装饰标签，另一个是文字，可以输入，然后根据需要切换黑白配色。生成DIY海报时，屏幕上会打印出一个二维码。别人看了海报想玩就可以开始创作了。

③交互，这种情况下的“跳过视频”与前一种不同。而不是真正意义上的跳过，给图片加一个蒙版，出现图片合成部分的按钮。视频还是会在蒙版层后面播放，画面一直在运动，给人一种充满活力的感觉。如果不想跳过视频，可以点击屏幕上除了按钮以外的任何地方，隐藏蒙版和按钮，继续看视频，很人性化。

案例截图:

...

据说这张海报

这与CK的风格非常相似

你在想些什么

↓

...

以上为原文！

转载时请务必注明出处！

推荐相关H5案例:

用“图片合成”“视频”等关键词回复“H5案例分享”微信官方账号。

或者点击微信官方账号菜单下的“学习H5”获取学习链接。

找到有创造力的H5，去h5-share.com