用Adobe的各種神器做動圖這事兒，對我來說實在有點難。所以說如果制作簡單又酷炫的動圖，我一般都用H5。

今天想給大家分享一個制作紙卷效果背景的方法【瓜瓜出品喲~】，特別簡單，先上效果圖（我的錄屏軟件有點坑，真實效果比這個順滑好看很多）：

瓜瓜出品

ok，下面一步一步教大家如何制作這樣的效果吧~

（要用到的素材放在文末了~另存就好）

step1

登錄自己喜歡的H5制作網(wǎng)頁。我用的wps H5（因為我電腦自帶wps所以用這個，大家可以自行選擇）

將一個帶陰影的圈圈放置在H5編輯布上：

step2

ctrl+c復(fù)制圈圈，ctrl+v粘貼。

將復(fù)制得到的圈放大一些，蓋在原圖上。

像這樣：

就這樣依次復(fù)制→放大→覆蓋，重復(fù)這個步驟。

直到圈圈覆蓋了整個畫布、白色編輯區(qū)沒有留白為止。

最后會變成這樣：

step3

接下來，開始插入動畫。

選中最小的圈圈，點擊菜單欄的【動畫】-【添加動畫】

將第一個圈圈（最小的那個），動畫設(shè)置為彈入，開始時間0，持續(xù)時間1：

接下來，選中第二小的圈圈，依舊是彈入，但開始時間和持續(xù)時間均比上一個圈+0.2秒。

開始方式選擇【與上一動畫同時】

像這樣：

如此反復(fù)，每一個圈的開始時間和持續(xù)時間都比上一個多0.2秒，開始方式為“與上一動畫同時”。

step4

在頁面插入一張這樣的圖：

將動畫設(shè)置為：與上一動畫同時，開始時間0.持續(xù)時間3

ok，到這里就結(jié)束了。點擊預(yù)覽查看一下吧~

附錄：素材

圈圈

這是一整張圖哦