本期来分享一下,
怎样做出图片分割快闪动画。
快闪动画氛围感非常强,
应用范围也很广。
但大多数快闪动画都是文字的闪烁,
即使有图片,
也只是出现、消失、一闪而过。
今天要介绍的方法,
能够帮助你丰富快闪动画效果,
并且这些动效在替换图片后也是保留的。
接下来详细讲解一下。
此实现此动画的思路为:
利用文本变形和填充制作满铺页面效果,
使用文本独有的延迟动画,实现图片分割进入快闪效果。
关键步骤如下:
1、插入文本框,输入“-”并进行排列、变形,设置合适的字符间距和行距,完成满铺分栏效果。
本案例中,
你看到的所有图片,
其实都不是图片,
而是经过变形,间距恰当的字符,
它们填充了图片。
2、为文本框添加动画,并设置按字母顺序播放。
3、为文本框填充图片,置入文字,整合动画并进行时间微调。
详细操作教程
整个动画的制作和图片替换拆解为5个部分讲解,
以下为详细操作视频:
源文件分享
本文源文件已打包,
后台回复【图片快闪】即可下载。