1. 首页 > 营销

四招教会你做快闪H5

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

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

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

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

  一、快闪H5用什么做

  平台快闪 and 视频快闪

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

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

  

四招教会你做快闪H5(图1)

 

  二、平台快闪VS视频快闪

  

四招教会你做快闪H5(图2)

 

  

四招教会你做快闪H5(图3)

 

  三、平台快闪制作要点

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

  1. 音乐and节奏

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

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

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

  

四招教会你做快闪H5(图4)

 

  2. 文案and结构

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

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

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

  

四招教会你做快闪H5(图5)

 

  3. 铺垫节奏

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

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

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

  

四招教会你做快闪H5(图6)

 

  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

  

四招教会你做快闪H5(图7)

 

  四、视频快闪制作要点

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

  

四招教会你做快闪H5(图8)

 

  1. 音乐and节奏

  同前文略。

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

  

四招教会你做快闪H5(图9)

 

  2. 文案and结构

  同前文略。

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

  

四招教会你做快闪H5(图10)

 

  3. 铺垫节奏

  同前文略。

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

  

四招教会你做快闪H5(图11)

 

  4. 制造亮点

  同前文略。

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

  

四招教会你做快闪H5(图12)

 

  五、重点来了

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

声明:OurSeo登载此文出于传递更多信息之目的,并不代表本站赞同其观点和对其真实性负责,请读者仅作参考,并请自行核实相关内容。如有侵权请联系我们,会及时删除,如若转载请注明出处。

联系我们

在线咨询:点击这里给我发消息

微信号:wutian08

工作日:9:30-18:30,节假日休息