“輸入心愿放飛孔明燈，這種元宵節排版怎么做啊？”
元宵節大家都干啥？
放孔明燈是元宵節（案例合集）的一個重要習俗，不過因為公共安全的問題，許多地區禁止燃放孔明燈。
不到一周就是元宵節了，今天教大家一個在圖文中放孔明燈的玩法，而且在點擊放飛前還支持輸入心愿。
感受一下：
*素材來自雷克薩斯中國《中秋佳節，來放飛一盞屬于你自己的孔明燈》
組件：輸入文字+點擊切換
編號：11490（組件）
在上面放置一張鏤空遮罩圖，還能營造出一種孔明燈飛遠的感覺：
*素材來自真果粒《「真果粒元宵游園會」開逛！》
組件：輸入文字+點擊切換
編號：11490（組件）
組件：遮罩
編號：10829（組件）
這個效果的亮點就在于點擊前支持手動輸入文字，給用戶以更強的參與感。
除了用作放孔明燈，還可以用作填寫證書、書信落款、立Flag等創意，大家自行發揮。
組件：輸入文字+點擊切換
編號：11490（組件）
*素材來自DR鉆戒《除了DR定制記錄，這些記錄也不刪！》
組件：輸入文字+點擊切換
編號：11490（組件）
*素材來自AMD招聘《請解鎖 你的職場MBTI》
組件：輸入文字+點擊切換
編號：11490（組件）
下面以第一個放孔明燈的效果為例，一起看下使用教程吧。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組件：輸入文字+點擊切換
編號：11490（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，在「特殊」分類中找到「輸入文字+點擊切換」組件，或者直接搜索組件編號11490，點擊選擇。
第2步：上傳圖片素材
點擊左側兩個「換圖」按鈕，分別上傳點擊前和點擊后的圖片。兩張圖片尺寸需保持一致，支持切換播放GIF。點擊前的圖片注意預留輸入文字的空間。
第3步：調整效果參數
輸入「輸入框初始內容」，以及進行字體大小、顏色和對齊方式的設置。
兩種常用字體顏色，黑色為#000000，白色為#ffffff。
第4步：調整文字顯示和點擊切換的觸發區域
雙擊編輯區圖片，調出調整窗口。
其中紅色色塊用于設置文字的位置，藍色色塊為點擊觸發區域，分別拖拉兩個色塊到圖片的合適區域，然后點擊「保存設置并退出」即可。
點擊頁面最右側「預覽草稿」可隨時預覽效果，盡量使用手機掃碼預覽。如果點擊后的圖片為GIF，則需導入公眾號后臺后預覽完整效果。
第5步：導入公眾號后臺
調整效果滿意后點擊「同步至微信后臺」同步到自己的公眾號就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）