本期来分享一下,

怎样做出图片分割快闪动画。


快闪动画氛围感非常强,

应用范围也很广。

但大多数快闪动画都是文字的闪烁,

即使有图片,

也只是出现、消失、一闪而过。


今天要介绍的方法,

能够帮助你丰富快闪动画效果,

并且这些动效在替换图片后也是保留的。


接下来详细讲解一下。


此实现此动画的思路为:

利用文本变形和填充制作满铺页面效果,

使用文本独有的延迟动画,实现图片分割进入快闪效果。


关键步骤如下:

1、插入文本框,输入“-”并进行排列、变形,设置合适的字符间距和行距,完成满铺分栏效果。

本案例中,

你看到的所有图片,

其实都不是图片,

而是经过变形,间距恰当的字符,

它们填充了图片。


2、为文本框添加动画,并设置按字母顺序播放。


3、为文本框填充图片,置入文字,整合动画并进行时间微调。


详细操作教程

整个动画的制作和图片替换拆解为5个部分讲解,

以下为详细操作视频:


视频加载中...


源文件分享

本文源文件已打包,

后台回复【图片快闪】即可下载。