过去的2016，视频占据了H5行业的大半壁江山，宝马汽车、穿越故宫、种太阳、优酷十年、薛之谦......各路大仙大秀美术功底，火拼视频技术，真是让人看得眼花缭乱流口水。

　　我们一边感叹大作如何NB，一边琢磨“我什么时候能做这样啊......”是的，对于没有基础的我们，那些的确是距离远了点。

　　罢特表桑心，哥今天带来一套拳法，不用会画，不用AE，也能装逼and逆袭!

　　是的，快闪!这东西不能让你一飞冲天，但整天看眼能有什么出息!如果快闪做好了，也一样可以离开地球表面!今天我们就来聊一聊快闪H5的那些事。

　　一、快闪H5用什么做

　　平台快闪 and 视频快闪

　　1.平台快闪：基于H5平台直接制作，推荐平台Epub360，因为第1个快闪类H5就是在这诞生的。

　　2.视频快闪：使用视频软件(AE/PR/EDIUS)制作本地视频，再将视频导入H5平台生成H5，推荐平台Epub360。

　　

 

　　二、平台快闪VS视频快闪

　　

 

　　

 

　　三、平台快闪制作要点

　　免费注册、登录Epub360即可制作快闪H5，这里有个作品供参考，链接在底部。

　　1. 音乐and节奏

　　或者现有，或者自制，一首节奏适宜(4/4拍)的背景乐非常重要。因为是快闪，节奏是首位。相当于蹦迪，节奏卡稳了，一顿晃脑袋也好看。

　　于是有了基本节奏“动次打次”，但只是动大还不够，需要在关键时刻加把劲，比如“要要切克闹” “啪啪啪啪啪啪啪啪” “偶买各达......”这样姿势丰富起来才更嗨。

　　所以找一首现成的、符合我们要求的音乐，没那么简单。建议各位打开酷狗，输入“电音”关键词开始搜索，同时也送上苹果发布会快闪的背景乐，移步底部连接寻找。

　　

 

　　2. 文案and结构

　　为了让观众在快节奏中尽量多的接受信息，在文案上需要我们把长句拆开，以字和单词为主，比如“这是一条广告”，往往会拆成“这是”“一条”“广告”3个单词。

　　前面提过音乐是4/4拍，所以文案可以按照4(字)词一组的格式展开，正常应该是先有文案，后有音乐，但是作为吃瓜群众，you know，所以只能让文案去适应背景乐的结构。

　　我们可以先梳理音乐的结构，比如基本节奏8组、加强节奏8组、渐进爆发8组、舒缓铺垫8组等等，相当于框架有了，往里面填文案，这样是不是easy了一些。

　　

 

　　3. 铺垫节奏

　　因为在H5平台时间线不可视，所以需要计算好每一个4分音符的时间，也就是文案中1个基本单位的动画时间，一般情况是0.5s左右，这样1组的时间为2s左右。

　　然后按照等差数列做下去，0.5s、1s、1.5s、2s......每个单位的动画时间一定要短，在视频中是以0.03-0.04秒为单位的(1秒25帧或30帧)，H5中参考设定。

　　每个单位可以只有进场，也可以进场 and 出场都有。如果在Epub360中编辑，建议以时间线+动效为主，在局部使用事件线，详见下文。

　　

 

　　4. 制造亮点

　　如果只有一个动效，一动到底不差拍，也算是厉害了。但我猜你一定想多几个姿势 I know，下面几个仅供参考。

　　(1)基本姿势(基于时间线)-

　　反色：黑底白字 and 白底黑字-

　　字号：小小大小 and 大大小大-

　　语种：中外中外 and 外中外中-

　　翻转：正正反正 and 反反正反-

　　图标：文字 and 图标

　　快闪：闪白 and 闪黑-

　　弹幕：you know-

　　爆点：循序渐快 and 很快 and 更快 and 爆炸 -

　　其他：不透明 and 半透明、不模糊 and 半模糊......

　　(2)意派亮点(基于事件线)

　　亮点1：逐字出现(打字机效果)

　　亮点2：直线运动 and 曲线运动

　　亮点3：放大 and 缩小

　　亮点4：X轴旋转 and Y轴旋转 and Z轴旋转

　　亮点5：SVG动画 and SVG变形

　　亮点6：序列帧(比GIF高端且约等于视频)

　　亮点7：视频 罢特 这条大招被微信阉割了 you know

　　

 

　　四、视频快闪制作要点

　　视频软件当然是AE，别说AE难，实现小目标没那么简单。当然PR也是可以的，实在不行用EDIUS、爱剪辑、会声会影这些都没有问题，只是渲染后的压缩要做好，推荐狸窝，用H264压缩成640-1040或640-1020尺寸的MP4。

　　

 

　　1. 音乐and节奏

　　同前文略。

　　AE时间线可视化，而且音频可以看到波形，可以根据音频波形的高峰低峰编辑素材，非常方便 you konw。

　　

 

　　2. 文案and结构

　　同前文略。

　　一段文案为一个小合成，众多小合成组成总合成。

　　

 

　　3. 铺垫节奏

　　同前文略。

　　还是时间线可视的优点，每个基本单位的出现点、消失点、持续时间、关键帧、特效效果等全部高清无码，大大提高编辑效率。

　　

 

　　4. 制造亮点

　　同前文略。

　　前文提到的各种姿势 and 意派亮点，在AE中全部秒实现，而在特效部分，AE强大到不可言传，仅一个Trapcode够我们折腾半年的了。

　　

 

　　五、重点来了

　　本人网名六弦居，本人手持《Epub360技能全解课程》和楼下快闪H5的视频AE源文件，如果想要，来找我【微信平台JYXMT2015】