• 首页Portal
  • 官网
  • 最新
  • 易企秀学院
  • 分类
关闭
用快闪,让你的H5更吸睛 分享 分享 收藏收藏 点赞点赞
  • 易企秀   2020-07-09 14:16:47
  • [复制链接]
  • 207    0
  • 我是达尔,设计达人,于创意设计领域闯荡8年之久,擅长科技、教育、政府行业营销创意设计。


    易企秀的快闪模板,视觉高大上,配上动感音乐能给作品带来更好的曝光和点击,当然快闪模板的价格也是比较贵的,如果您是土豪不差钱, 直接在易企秀商城搜索‘快闪’就能快速找到你想要的模板直接购买就能使用。如果不想花钱也能做出快闪的效果。

    今天达尔教你3分钟学会快闪特效,来吧,发车!

    首先,我们要知道什么是快闪?


    如上图所示,快闪广告是2016年下半年起刚刚兴起的一种新的广告形式。

    分为视频类的文字快闪广告和实景表演类的街头行为广告。实景表演类的快闪难以在各种社交媒体上制作和传播,因而视频文字快闪广告便成了广告界新的弄潮儿。易企秀将视频形式的文字快闪广告搬进了h5中,实现了文字快闪的h5化。通过在h5页面内快速闪现各种强烈对比的文字或者图片,达成营销的目的。

    易企秀的快闪是什么样子的呢?我们看下图


    只需要用简单的文字堆叠,加一张背景图片,通过图层的衔接,就可以实现快闪特效。具体怎么操作,这里就不废话了,直接看下面的教程吧!添加方式:【组件】-【快闪】


    当添加好之后,我们就可以在编辑器最右侧的页面栏中看到快闪的字样


    点击【快闪】进入快闪编辑界面,通过点击【新增一幕】,可以添加快闪的页面数量。


    我们可以多新建几幕,然后在每一幕上提前添加好文字素材和图片素材。


    然后将每个元素设置好动画,动画的时间建议选择0.3秒,延迟时间设置最小值为0.3秒起,这样的好处是进入动画时迅速,停留0.3秒后消失,给人一种速度感的闪现,同时也不会影响阅读的效果,不会因为还没看完文字,就一闪而过。


    上图的【大】字,动画效果解读:

    翻滚进入】延迟0.2秒后进入屏幕,动画效果0.3秒播放完  整个周期0.5秒【翻滚退出】当上个进入动画周期结束后,延迟0.3秒立即衔接翻滚退出特效,整个退出动效时间周期为0.6秒。【翻滚进入】+【翻滚退出】时间总和为1.1秒。设置好元素动画后,当前【第1幕】的所有动画时间就调整好了。然后依次设置【第2幕】、【第3幕】、【第4幕】等等。。。将每一幕的动画全部设置完,就可以完成一段快闪的特效了。

    注意:由于各幕与幕的衔接时间默认为1秒,所以我们设定当前幕所有元素的进入动画时间+退出动画时间 ,相加总和一定要在1秒内,这样才能够完整的展示完当前幕的所有动画,然后衔接到下一幕,不至于出现当前元素动画没展示完就跳转到下一幕了。

    如果当前幕元素动画时间相加之和大于1秒,我们可以调节幕与幕之间的停留时间,如下图。


    通过调整幕与幕之间的停留时间,可有效解决当前幕内动画时间过长的问题。(每幕停留时间最大可调为9秒)

    当我们在门店或者广场里促销时,需要的是叫卖、喧闹、嗨起来的节奏,让人驻足围观。而快闪就是通过吸引眼球的动效、配合快节奏的音乐打造让人沉浸其中高级感。可以在产品促销、新品发布、招聘等诸多场景中应用。

    总结:看似高端炫酷的快闪其实并没有那么复杂,华丽的特效背后,其实是对每一幕动画时间细节上的严格把控,只要够细心,对动画进入和移出的时间计算精准,相信你一样可以做出视频级的快闪特效。
    易企秀发现频道上线啦!点击链接挖掘更多干货文章吧:http://topic.eqxiu.com/userTopic/discover或者按照如下操作进入发现频道:



    发现频道上线啦!

    发现频道上线啦!
  • 最新评论
  • 添加评论
  • 快速回复 返回顶部 !pub_help!