? ? ? ?今天分享下第三個封面效果,之前已經分享過兩個封面效果,一個是類似聚光燈的效果,一個是紙飛機的動畫效果,今天分享的效果靈感來源于–––信封。
? ? ? 先來看下動畫的效果:
效果展示
? ? ? ?信封飛出,旋轉到背面,然后打開,飛出標題,配合其他的元素完成封面!
? ? ? ?要完成這個動畫效果,除了最基本的路徑和縮放動畫之外,還用到一個我們平時不常用的效果–––伸展!
? ? ? ?伸展動畫解析:跟伸展動畫有些類似的效果是我們最常用的擦除效果。除了最開始的原始效果,我們還可以設置伸展的各個方向,先來比較下兩個效果:
? ? ? ?是的,一個很明顯的區別就是擦除會帶有淡出的效果,伸展則不會;對于色塊,展開的過程區別還不是很大,但對于圖片而言,伸展有明顯的壓縮后展開的效果!
? ? ? ? 相對于進入效果叫做伸展而言,退出效果則叫做層疊,上文的信封動畫就是利用的這兩個效果的連用!
伸展
層疊
? ? ? 分析完這兩個效果,估計很多小伙伴已經知道怎么做了,我們來具體操作一下!
第一步,信封的反轉。信封淡出之后,先給信封的正面加上層疊退出效果,然后在效果之后給信封的背面加上伸展出現的效果,效果如圖:
信封翻轉操作
第二步,信封打開的效果。還是剛才的效果,只不過這次對象換成信封的封口而已,注意伸展出現的時候,把LOGO去掉。
封口動畫
第三步,文字飛出。這步就非常簡單了,淡出加路徑,文字記得放到倒數第二層就可以了,底層是上面的封口。
? ?剩下其他的效果就不一一贅述了,大家自己嘗試著做下!
? ? ? 當然,這個效果不僅僅用在封面,也遠遠沒有這么簡單,比如之前我發過的幾個效果都是用伸展做的。
伸展動畫舉例
伸展動畫舉例
伸展動畫舉例
? ? ? ?慣例文末分享下源文件的下載地址,還有更多的效果,等待你和我一起來摸索哦!