撕拉撕拉撕拉撕拉撕拉撕拉片
最近，一種充滿復古與趣味的即時成像膠片——撕拉片，在網絡上爆火出圈。
它獨特的質感與操作體驗，勾起了無數人的懷舊情懷，也激發了大家的探索欲望。
那么，當這股撕拉片熱潮遇上 SVG 排版圖文，會碰撞出怎樣的火花？
今天給大家推薦4種適合撕拉片創意的排版效果。
一
點擊播放GIF動圖
點擊撕拉：
*素材來自坦克SUV《我也來撕拉一下》
將撕拉片的撕拉動效通過Ps等軟件做成GIF，然后通過排版引導用戶點擊某個位置播放撕拉片的GIF動效。
素材準備好后，操作相當簡單。
在iPaiban Pro 編輯器選擇「點擊-切換GIF動圖」組件（編號：10086），然后依次上傳單擊前和單擊后的圖片。
單擊前圖片為GIF首幀圖，單擊后圖片為整張GIF，注意尺寸保持一致。
動畫時間保持默認0.1S即可。
想要實現同款效果可以在編輯器（SVG.iPaiban.com）搜索使用：
組件：點擊-切換GIF動圖
編號：10086（組件）
二
點擊飄落切換圖片
點擊撕拉：
*素材來自來自萱子飾品《撕拉一下，潛入夏日海邊》
同樣是切換圖片，這樣點擊飄落切換效果省去了設計GIF的麻煩，同時和「撕拉」的動作比較相似。
和點擊-切換GIF動圖類似，在 iPaiban Pro 編輯器選擇「點擊-飄落切換圖片(右)」組件（編號：11366），然后依次點擊「換圖」上傳單擊前和單擊后的圖片，注意尺寸保持一致。
接著設置好動畫時間：
想要實現同款效果可以在編輯器（SVG.iPaiban.com）搜索使用：
組件：點擊-飄落切換圖片(右)
編號：11366（組件）
三
打印機
點擊紅色按鈕：
打印機用作撕拉片圖文創意，也是非常合適，因為撕拉片的相紙本身是從相機中打印出來的。
在 iPaiban Pro 編輯器選擇「點擊-打印圖片(有觸發區)」組件（編號：10212）。處理好素材，在編輯器中按照指定位置一一上傳即可。
調整打印時間，時間越短，打印速度越快。
在編輯區雙擊圖片，通過拖動調整紅色區域即可設置點擊觸發區域。
想要實現同款效果可以在編輯器（SVG.iPaiban.com）搜索使用：
組件：點擊-打印圖片(有觸發區)
編號：10212（組件）
教程：《打打打打打打打打打打印機》
四
碎紙機
點擊按鈕：
雖然 iPaiban Pro 編輯器中的這個效果組件名稱為碎紙機，但使用它的創意不一定局限在碎紙上面，也可以點擊給圖片上色、點擊荒漠變成綠洲或者點擊生成撕拉片等等，任何具有前后對比的情況都可以考慮用這種效果來展現。
素材共分為四部分：背景圖、處理前圖、處理后圖和機器圖。
四部分圖片寬度應保持一致，其中處理前圖和處理后圖尺寸要一致。機器圖默認有示例圖片，是為了讓大家更好地了解該效果素材的制作，建議大家根據自己的圖文風格重新制作上傳。背景圖高度應大于等于其余三部分圖片的高度之和。
點擊右側「換圖」按鈕分別上傳到對應位置即可。
拖動右側滑桿調整點擊后圖片的滾動時間。
想要實現同款效果可以在編輯器（SVG.iPaiban.com）搜索使用：
組件：點擊-碎紙機
編號：11355（組件）
教程：《碎碎碎碎碎碎碎碎碎碎紙機》
你還能想到哪些適合撕拉片創意的排版效果？留言區聊聊。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）