局部氣候調(diào)查組的《月亮看見了》,教程來了!
中秋節(jié)雖然過去了,但中秋節(jié)的圖文有很多意思的值得拿出來說一說。
比如局部氣候調(diào)查組的《月亮看見了》,最近就有不少小伙伴來問里面的交互效果是怎么制作的。*拖動空白處,使長圖上沿對齊屏幕頂部,以獲得最佳沉浸體驗
這個效果一共分為三層,向上滑動屏幕,背景層和前景層圖片跟隨上滑,中間層的月亮固定不動。根據(jù)相對運動的原理,好像是月亮在緩緩下滑,配合前景層圖片的各種鏤空式設(shè)計,月亮在下滑過程中時隱時現(xiàn),很是有趣。七夕的時候,小編也向大家推薦過東風(fēng)標(biāo)致的一個案例,效果其實是一樣的。
有趣的效果,往往制作起來并不復(fù)雜,就像之前的GQ《紅了!》一樣,它可能只需要一個組件就能實現(xiàn),而這次用到的組件是「三層滑動-上滑(多張)」,下面一起看下快速還原《月亮看見了》圖文的教程,不到1分鐘完成!
i排版黑科技詳細(xì)教程:工具:iPaiban Pro 黑科技編輯器,網(wǎng)址:x.iPaiban.com組件:三層滑動-上滑(多張)編號:10803(組件)第1步:選擇組件登錄 iPaiban Pro 編輯器后,點擊編輯器左側(cè)「組件」按鈕,在「滑動」-「三層」分類中找到「三層滑動-上滑(多張)」組件,或者直接搜索組件編號10803,點擊選擇。
第2步:上傳圖片素材分別上傳中間層、前景層和背景層圖片。中間層不動,只需上傳一張主體圖片,注意圖片滑動的長度由中間層圖片確定。
前景層和背景層圖片可以切圖后上傳多張,兩層圖片的總長度需保持一致,圖片寬度與中間層相同。
第3步:導(dǎo)入公眾號后臺
效果滿意后接著點擊「同步至微信后臺」同步到自己的公眾號就可以了。
局部導(dǎo)入可參考:《iPaiban Pro小助手v2.0安裝和使用教程》
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標(biāo)注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載,授權(quán)事宜請聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán),侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)