書信類（感謝信、情書等）SVG創(chuàng)意排版，盤它！
大家應該見過不少書信類的創(chuàng)意圖文，今天給大家推薦一個非常適合書信（感謝信、情書等）創(chuàng)意的SVG排版效果。
我們直接來看效果：
*素材來自AITO汽車《這封情書，有點特別》
組合：點擊消失+跟隨展開
編號：11896（組合）
可以看到，AITO汽車這篇圖文，點擊首屏后圖片消失，接著圖文展開，它的特殊之處是圖文展開時有一張圖片跟隨向下滑去，與現實生活中拆開信封看情書的動作非常契合。
可能會有人想到之前給大家介紹過的一個效果，一起再看下：
*素材來自招商銀行《送你龍年開運錦囊，點擊查收！》
組合：點擊展開
編號：10307（組合）
組件：遮罩
編號：10829（組件）
這兩個效果不是完全一樣的，后者點擊后直接展開圖片跟隨向下（教程），而前者在展開之前有一個點擊圖片消失的動畫，與情書的創(chuàng)意更加匹配。
AITO汽車圖文的效果目前有專門的組合可以實現，我們一起看下制作教程吧。
詳細教程：
工具：iPaiban Pro黑科技編輯器，網址：SVG.iPaiban.com
組合：點擊消失+跟隨展開
編號：11896（組合）
第1步：選擇組合
登錄 iPaiban Pro 黑科技編輯器后，點擊編輯器左側「組合」按鈕，在「花樣展開」分類中找到「點擊消失+跟隨展開」組合，或者直接搜索組合編號11896，點擊選擇。
第2步：進入組合編輯模式
如下所示，點擊「編輯組合」，進入組合編輯模式。
在組合編輯模式中，我們需要分別設置展開前和展開后的內容。
第3步：設置「展開前」內容
點擊「展開前」區(qū)域，接著點擊右側兩個「換圖」按鈕，分別上傳首屏點擊前的圖片和展開時跟隨向下的圖片。
兩張圖片寬度需保持一致，跟隨圖片的圖片高度需要小于點擊前圖片的高度。
第4步：設置「展開后」內容
「展開后」的內容支持嵌套各種組件，需要什么效果就在左側「組件」分類中找到相應的組件拖動到組件位中，然后上傳需要的素材即可。
添加組件位-拖動組件到組件位中-上傳圖片，每需要一個樣式就按照這3步操作：
第5步：設置動畫參數
點擊右側紅色小三角符號，可設置首屏圖片點擊后切換消失的時長，以及展開動畫的時長。
展開高度一般無需調整，但當大家在手機上預覽時，如果發(fā)現展開后有多余的空白或者沒有展現出全部內容，這時候可以通過「加減展開高度」使其恰好展開。
第6步：導入公眾號后臺
內容編輯完畢后，點擊左上角「保存并退出」退出組合編輯模式回到編輯器主頁面。
繼續(xù)點擊最右側「預覽草稿」掃碼預覽效果，效果滿意后接著點擊「同步至微信后臺」就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯(lián)系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）