操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

新聞資訊

    一頁PPT里放20張圖?排版難設計難?一個動畫全搞定!

    向天歌-08-23

    作者/菜 花

    編輯/肖 灑

    小伙伴們,好久不見!我是菜花~

    今天分享一個動畫組合,適用于頁面需要依次展示多張圖片

    圖片動畫設置為進入_圖片動畫設置為進入_為圖片添加透明動畫

    重點是這個動畫效果真的超簡單,只需要2步就能完成,學會后再多的圖片也沒在怕啦~

    廢話不多說,動畫效果開整!

    01

    動畫效果解析

    我們提取兩張圖片單獨查看動畫效果

    可以看到第一張圖片被壓縮消失的同時,第二張圖片伸展出現,二者同時發生形成的動畫效果

    圖片動畫設置為進入_為圖片添加透明動畫_圖片動畫設置為進入

    是不是感覺沒那么復雜,接下來我們一步步完成這個效果

    02

    準備圖片素材

    第一步是這個動畫比較關鍵的步驟,因為圖片展示的過程是有順序性的

    我們在開始制作前,有兩點需要注意:

    ①要統一圖片大小

    ②要確定圖片展示順序

    為圖片添加透明動畫_圖片動畫設置為進入_圖片動畫設置為進入

    這里方便大家了解我的圖片展示順序,這里將圖片打上了序號,按照序號進行動畫添加,小伙伴對序號不必在意

    03

    添加動畫效果

    第一步:

    選擇第一張圖片添加【進入動畫】的【淡化】效果。再次選擇第一張圖片,添加【退出動畫】的【層疊】效果

    這里我們需要將參數修改一下,【效果選項】改為【到左側】,【開始】改為【與上一項動畫同時】,【持續時間】改為1秒,并且添加1秒的延遲

    圖片動畫設置為進入_為圖片添加透明動畫_圖片動畫設置為進入

    第二步:

    選擇第二張圖片添加【進入動畫】的【伸展】,【效果選項】改為【自右側】,【開始】改為【與上一項動畫同時】,【持續時間】改為1秒

    再次選擇第二張圖片添加【退出動畫】的【層疊】,【效果選項】改為【到左側】圖片動畫設置為進入,【開始】改為【與上一項動畫同時】,【持續時間】改為1秒,并且添加3秒的延遲

    為什么是3秒的延遲呢?因為需要比之上一個動畫時間多2秒,上一個動畫延遲是1秒,所以總共是3秒的延遲

    第三步:

    將圖片二的動畫使用動畫刷粘貼到圖片三,將【進入動畫】的【伸展】設置為【與上一動畫同時】

    將【退出動畫】的【層疊】在原來的延遲時間上,再添加2秒的延遲,例如原來延遲為3秒,則改為5秒的延遲

    圖片動畫設置為進入_為圖片添加透明動畫_圖片動畫設置為進入

    第四步:

    圖片四也是按照第三步的操作圖片動畫設置為進入,使用【動畫刷】粘貼動畫效果,修改動畫延遲

    最后再把所有的圖片居中對齊,效果就完成啦

    如果想讓最后一張圖片停留在頁面,把最后一個【退出動畫】的【層疊】效果刪除即可

    我是菜花,希望你能學會這個動畫,拜拜~

    獲取源文件添加文末的微信回復【輪轉動畫】即可獲取~

網站首頁   |    關于我們   |    公司新聞   |    產品方案   |    用戶案例   |    售后服務   |    合作伙伴   |    人才招聘   |   

友情鏈接: 餐飲加盟

地址:北京市海淀區    電話:010-     郵箱:@126.com

備案號:冀ICP備2024067069號-3 北京科技有限公司版權所有