消除過去一年的不愉快吧！
之前教大家點擊作畫的效果，有的小伙伴還想在圖文里玩更多的游戲，比如說消消樂。
今天咱們就來看一個不起眼但很好玩的組件「點擊-消除圖片」（編號：10238），點擊圖片，圖片淡出消失，不再占據空間，文章整體收縮。
我們可以用它來實現消除標簽、消除難題、消除套路等玩法，新年將至，還可以用作消除過去一年不愉快的創意。
如果結合「多列布局」組合進行制作，效果更佳。接下來一起看看案例里是怎么用的吧。
點擊消除標簽：
*素材來自每日每加《今天，我們選擇撕掉這些標簽》
組件：點擊-消除圖片
編號：10238（組件）
組件：零高圖片
編號：10224（組件）
組合：三列布局
編號：10150（組合）
組合：二列布局 ｜ 兩列布局
編號：10144（組合）
也有加上減號設計做成氣泡的：
*素材來自可麗金《可麗金 x 美麗修行 | 真測真實力》
組件：點擊-消除圖片
編號：10238（組件）
組件：零高圖片
編號：10224（組件）
組合：三列布局
編號：10150（組合）
組合：二列布局 ｜ 兩列布局
編號：10144（組合）
還有套路消消機：
*素材來自一汽奔騰《準備好了嗎？這次618，有點意思！》
組件：點擊-消除圖片
編號：10238（組件）
組件：零高圖片
編號：10224（組件）
組合：三列布局
編號：10150（組合）
相信大家還能制作出更多的創意效果，下面以示例2為例，一起看下組件的使用方法吧。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組件：點擊-消除圖片
編號：10238（組件）
組件：零高圖片
編號：10224（組件）
組合：三列布局
編號：10150（組合）
組合：二列布局 ｜ 兩列布局
編號：10144（組合）
第1步：設置背景
為了使每一行多列布局的點擊消除圖片，在未完全消除時不漏白，我們需要給整體的點擊消除效果加一個背景。
零高圖片，顧名思義，在排版中顯示的高度為零，可以用作做后邊組件/組合的背景。
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，在「背景設置」分類中找到「零高圖片」組件，或者直接在搜索框中搜索組件編號10224。
點擊右側「換圖」按鈕上傳一張背景圖。尺寸和整體點擊消除效果的圖片尺寸一致。
第2步：選擇組合
點擊編輯器左側「組合」按鈕，在「多列布局」分類中找到「三列布局」組合，或者直接在搜索框中搜索組合編號10150，點擊選擇。
同理，點擊選擇「二列布局」組合。
第3步：拖拽「點擊-消除圖片」組件到組件位中
點擊「編輯組合」，進入組合編輯模式。
點擊編輯器左側「組件」按鈕，在「點擊」分類中找到「點擊-消除圖片」組件，或者直接在搜索框中搜索組件編號10238，我們分別拖拽組件到組件位中。
第4步：上傳圖片素材
組件拖拽完畢后，點擊右側「換圖」按鈕上傳圖片素材。一行中每個宮格的圖片尺寸要一致。
第5步：調整動畫參數
拖動右側底部動畫時間的滑桿調整圖片切換的時間。
點擊最右側「預覽草稿」可隨時預覽效果。
第6步：導入公眾號后臺
所有參數調整完畢后退出組合編輯模式，點擊「預覽草稿」預覽效果。效果滿意后點擊「同步至微信后臺」同步到自己的公眾號就可以了
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）