过去的2016,视频占据了H5行业的大半壁江山,宝马汽车、穿越故宫、种太阳、优酷十年、薛之谦......各路大仙大秀美术功底,火拼视频技术,真是让人看得眼花缭乱流口水。
我们一边感叹大作如何NB,一边琢磨“我什么时候能做这样啊......”是的,对于没有基础的我们,那些的确是距离远了点。
罢特表桑心,哥今天带来一套拳法,不用会画,不用AE,也能装逼and逆袭!
是的,快闪!这东西不能让你一飞冲天,但整天看眼能有什么出息!如果快闪做好了,也一样可以离开地球表面!今天我们就来聊一聊快闪H5的那些事。
一、快闪H5用什么做
平台快闪 and 视频快闪
1.平台快闪:基于H5平台直接制作,推荐平台Epub360,因为第1个快闪类H5就是在这诞生的。
2.视频快闪:使用视频软件(AE/PR/EDIUS)制作本地视频,再将视频导入H5平台生成H5,推荐平台Epub360。
![1](/file/wsfile/20170207/1485932126893.jpg)
二、平台快闪VS视频快闪
![713623858040755586](/file/wsfile/20170207/1485932179481.jpg)
![2](/file/wsfile/20170207/1485932213697.jpg)
三、平台快闪制作要点
免费注册、登录Epub360即可制作快闪H5,这里有个作品供参考,链接在底部。
1. 音乐and节奏
或者现有,或者自制,一首节奏适宜(4/4拍)的背景乐非常重要。因为是快闪,节奏是首位。相当于蹦迪,节奏卡稳了,一顿晃脑袋也好看。
于是有了基本节奏“动次打次”,但只是动大还不够,需要在关键时刻加把劲,比如“要要切克闹” “啪啪啪啪啪啪啪啪” “偶买各达......”这样姿势丰富起来才更嗨。
所以找一首现成的、符合我们要求的音乐,没那么简单。建议各位打开酷狗,输入“电音”关键词开始搜索,同时也送上苹果发布会快闪的背景乐,移步底部连接寻找。
![3](/file/wsfile/20170207/1485932271136.jpg)
2. 文案and结构
为了让观众在快节奏中尽量多的接受信息,在文案上需要我们把长句拆开,以字和单词为主,比如“这是一条广告”,往往会拆成“这是”“一条”“广告”3个单词。
前面提过音乐是4/4拍,所以文案可以按照4(字)词一组的格式展开,正常应该是先有文案,后有音乐,但是作为吃瓜群众,you know,所以只能让文案去适应背景乐的结构。
我们可以先梳理音乐的结构,比如基本节奏8组、加强节奏8组、渐进爆发8组、舒缓铺垫8组等等,相当于框架有了,往里面填文案,这样是不是easy了一些。
![4](/file/wsfile/20170207/1485932321229.jpg)
3. 铺垫节奏
因为在H5平台时间线不可视,所以需要计算好每一个4分音符的时间,也就是文案中1个基本单位的动画时间,一般情况是0.5s左右,这样1组的时间为2s左右。
然后按照等差数列做下去,0.5s、1s、1.5s、2s......每个单位的动画时间一定要短,在视频中是以0.03-0.04秒为单位的(1秒25帧或30帧),H5中参考设定。
每个单位可以只有进场,也可以进场 and 出场都有。如果在Epub360中编辑,建议以时间线+动效为主,在局部使用事件线,详见下文。
![5](/file/wsfile/20170207/1485932373492.jpg)
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
![6](/file/wsfile/20170207/1485932539226.jpg)
四、视频快闪制作要点
视频软件当然是AE,别说AE难,实现小目标没那么简单。当然PR也是可以的,实在不行用EDIUS、爱剪辑、会声会影这些都没有问题,只是渲染后的压缩要做好,推荐狸窝,用H264压缩成640-1040或640-1020尺寸的MP4。
![7](/file/wsfile/20170207/1485932576816.jpg)
1. 音乐and节奏
同前文略。
AE时间线可视化,而且音频可以看到波形,可以根据音频波形的高峰低峰编辑素材,非常方便 you konw。
![8](/file/wsfile/20170207/1485932657211.jpg)
2. 文案and结构
同前文略。
一段文案为一个小合成,众多小合成组成总合成。
![9](/file/wsfile/20170207/1485932671885.jpg)
3. 铺垫节奏
同前文略。
还是时间线可视的优点,每个基本单位的出现点、消失点、持续时间、关键帧、特效效果等全部高清无码,大大提高编辑效率。
![10](/file/wsfile/20170207/1485932684279.jpg)
4. 制造亮点
同前文略。
前文提到的各种姿势 and 意派亮点,在AE中全部秒实现,而在特效部分,AE强大到不可言传,仅一个Trapcode够我们折腾半年的了。
![11](/file/wsfile/20170207/1485932703560.jpg)
五、重点来了
本人网名六弦居,本人手持《Epub360技能全解课程》和楼下快闪H5的视频AE源文件,如果想要,来找我【微信平台JYXMT2015】