这个H5有点炫酷

来给你的照片加个酷炫动态滤镜效果......



案例：活出真我

出品：Ballantine’s 百龄坛

亮点：

1. 策划上，视频+图片处理。载入完毕进入页面，点击“从此开始”播放视频，可能因为是酒类广告，屏幕下方有确认选项“在进入页面前确认年满18岁”，勾选了才可继续。视频内容是，华晨宇提倡的，无论被黑或者被贴了标签，不要管他们什么想法或者看法，“我是我自己的表达”，要活出真我。视频进入，是图片处理部分，选择文案后，点击上传照片，调整位置并确认合成，会在结尾页出现对照片做炫酷动态特效处理。结尾页还可以“赢取真我福利”或点击观看“华晨宇真我大片”。

1. 设计上，暗色调，偏黑白，动画效果很炫酷，画面风格给人叛逆、倔强、坚韧、不羁的感觉，画面和内容主题，与华晨宇的歌《我管你》的主题搭配，整体氛围很燃很爆炸。不同的环节播放不一样的背景音乐。最后的图片处理也很令人印象深刻，让人眼前一亮。

1. 体验上，视觉和听觉都很享受，主题表达也很到位，给人自信。各个环节都很炫酷。最打动小编的还是图像处理部分，效果又潮又炫。背景音乐《我管你》好听又洗脑，让人忍不住一起哼唱。

技术实现： jQuery + Video视频 + Canvas

【图片合成】相关H5案例推荐：

1. 爱钱进图片合成H5：私人颜值印钞机
2. 康师傅 + 迪士尼：奇幻之旅 邀您共赴
3. 今日头条：宋仲基手机被盗，中国女友遭曝光
4. 【图片合成】H5案例大汇总（干货精选）——2017大合集第9波
5. 【图片合成】H5案例大汇总（干货精选）——2016大合集第21波

找创意H5，上 h5-share.com

    关注 H5案例分享