然后,在畫(huà)布中將圖片適當(dāng)?shù)睦螅?/section>
當(dāng)然,反過(guò)來(lái)對(duì)背景圖添加放大動(dòng)畫(huà)也是可以的:
有沒(méi)有一種,在與宇宙中穿梭的感覺(jué)?
路徑
與改變圖片大小的方式不同,路徑動(dòng)畫(huà)則是直接讓圖片產(chǎn)生位移。
使用路徑動(dòng)畫(huà)有兩個(gè)好處:
一是,在圖片比例與屏幕相差較大的情況下,能夠更全面的展示背景圖片。比如下面這張圖片,太高了:
如果想要全屏展示,肯定會(huì)被裁剪。但是,為它們添加路徑動(dòng)畫(huà)后,就能呈現(xiàn)出這樣的效果:
二是,營(yíng)造場(chǎng)景感。由于圖片大幅度的運(yùn)動(dòng),還能夠給人一種震撼的感覺(jué),特別是超寬比例的屏幕,視覺(jué)效果更佳!
當(dāng)然,只要背景圖片選取的合適,常規(guī)比例的屏幕也可以做到類(lèi)似的效果:
這里的動(dòng)畫(huà)設(shè)置也非常的簡(jiǎn)單,給圖片添加一個(gè)向上或者向右的路徑動(dòng)畫(huà)即可!
注意設(shè)置動(dòng)畫(huà)平滑結(jié)束
路徑+放大
與添加單個(gè)動(dòng)畫(huà)效果不同,路徑+放大這兩種組合動(dòng)畫(huà),比較適合圖片短距離偏移,就比如文章開(kāi)頭所舉的案例:
如果去掉放大效果,演示效果就會(huì)顯得十分的生硬:
這種效果適用性會(huì)更強(qiáng),不受背景圖片尺寸的限制,不用大幅度運(yùn)動(dòng),也能夠營(yíng)造出運(yùn)動(dòng)感:
值得注意的是,這里圖片運(yùn)動(dòng)的方向與運(yùn)動(dòng)員臉部朝向是一致的。
好了,以上呢,就是這篇文章的全部?jī)?nèi)容了,希望對(duì)各位有所啟發(fā)。
]]>