然后,在畫布中將圖片適當(dāng)?shù)睦螅?/section>



當(dāng)然,反過來對(duì)背景圖添加放大動(dòng)畫也是可以的:
有沒有一種,在與宇宙中穿梭的感覺?
路徑
與改變圖片大小的方式不同,路徑動(dòng)畫則是直接讓圖片產(chǎn)生位移。
一是,在圖片比例與屏幕相差較大的情況下,能夠更全面的展示背景圖片。比如下面這張圖片,太高了:
如果想要全屏展示,肯定會(huì)被裁剪。但是,為它們添加路徑動(dòng)畫后,就能呈現(xiàn)出這樣的效果:

二是,營造場景感。由于圖片大幅度的運(yùn)動(dòng),還能夠給人一種震撼的感覺,特別是超寬比例的屏幕,視覺效果更佳!


當(dāng)然,只要背景圖片選取的合適,常規(guī)比例的屏幕也可以做到類似的效果:

這里的動(dòng)畫設(shè)置也非常的簡單,給圖片添加一個(gè)向上或者向右的路徑動(dòng)畫即可!

注意設(shè)置動(dòng)畫平滑結(jié)束
路徑+放大
與添加單個(gè)動(dòng)畫效果不同,路徑+放大這兩種組合動(dòng)畫,比較適合圖片短距離偏移,就比如文章開頭所舉的案例:

如果去掉放大效果,演示效果就會(huì)顯得十分的生硬:

這種效果適用性會(huì)更強(qiáng),不受背景圖片尺寸的限制,不用大幅度運(yùn)動(dòng),也能夠營造出運(yùn)動(dòng)感:


值得注意的是,這里圖片運(yùn)動(dòng)的方向與運(yùn)動(dòng)員臉部朝向是一致的。
好了,以上呢,就是這篇文章的全部內(nèi)容了,希望對(duì)各位有所啟發(fā)。
]]>