覆蓋蓋蓋蓋蓋蓋蓋蓋蓋蓋滑動來了!
先左滑,再右滑,來回重復滑動幾次:
*素材來自淘寶《淘寶一千零一店,盛大開張!》
組件:層層滑開(左右交錯,首層向右,自動對齊)+無縫圖
編號:10489(組件)
這種層層滑開的效果想比大家印象深刻,非常適合撥開人群、云霧、謠言等創意排版。
另外還有單向層層滑開的,比如坦克SUV這篇,連續向左滑動試試:
*素材來自坦克SUV《一起“趣”嗎》
組件:層層滑開(單向左滑,首層向左,自動對齊)+無縫圖
編號:10432(組件)
組件:遮罩
編號:10829(組件)
見慣了層層滑開的效果,今天再向大家展示一下它的相反效果——覆蓋滑動,再次連續向左滑動:
*素材來自坦克SUV《一起“趣”嗎》
組件:覆蓋滑動-左滑(自動對齊)
編號:11856(組件)
組件:遮罩
編號:10829(組件)
可以看出,覆蓋滑動配合遮罩用作前景,與普通的左滑相比別有一番感覺。
因為它是每滑動一次覆蓋一層,非常適合用作組句、拼圖等創意,并且滑入的圖片支持再次滑出,大家可以嘗試創作。
在 iPaiban Pro 編輯器中搜索關鍵詞「覆蓋」可以看到更多方向的覆蓋滑動效果。
以上方「覆蓋滑動-左滑(自動對齊)」配合「遮罩」的效果為例,一起看下制作教程吧。
詳細教程:
工具:iPaiban Pro 黑科技編輯器,網址:SVG.iPaiban.com
組件:覆蓋滑動-左滑(自動對齊)
編號:11856(組件)組件:遮罩
編號:10829(組件)
第1步:選擇組件
登錄 iPaiban Pro 編輯器后,點擊編輯器左側「組件」按鈕,在「滑動」-「覆蓋滑動」分類中找到「覆蓋滑動-左滑(自動對齊)」組件,或者直接搜索組件編號11856,點擊選擇。
第2步:上傳圖片
點擊右側「換圖」按鈕上傳底圖,點擊「+」號批量上傳準備好的滑動圖。底圖和所有滑動圖尺寸需保持一致。
第3步:設置前景圖
在左側「組件」中搜索編號10829找到「遮罩」組件,點擊選擇。
「遮罩」組件圖片高度為零,常用來做前邊組件的前景。接著點擊右側「換圖」按鈕上傳一張前景圖,尺寸和前面的滑動圖保持一致。
第4步:導入公眾號后臺
點擊最右側「預覽草稿」掃碼預覽效果,效果滿意后點擊「同步至微信后臺」同步到自己的公眾號就可以了。
使用同步功能可以不用頻繁在編輯器和微信后臺切換,同步成功后可以立即掃碼預覽二維碼查看。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)