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