想要可保存圖片的新年簽效果？我教你啊！

原創(chuàng) 贊收藏 評(píng)論

舉報(bào) 2024-01-09

掃描,分享朋友圈

這段時(shí)間，來問新年簽排版效果的小伙伴越來越多。

所以上周為大家整理了一波《新年簽SVG交互圖文案例合集》，可以看看品牌們是怎么玩的。

經(jīng)典常用的圖片原地輪播式的新年簽效果，無外乎3種，在《新年簽簽簽簽簽簽簽簽簽簽簽簽！》一文中已為大家梳理。

而在實(shí)際的排版使用當(dāng)中，又收到了一個(gè)被經(jīng)常問到的問題：
「抽中的后新年簽圖片，怎么讓用戶能夠保存啊？」
今天就為大家推薦3種可保存的新年簽排版，效果上也是經(jīng)典常用的圖片原地輪播式。一起看下吧！
第1種：
圖片點(diǎn)擊輪播，再次點(diǎn)擊停止，停止后抽取到的圖片支持長按保存。

*素材來自綠城官方《人人都是運(yùn)動(dòng)……》

組件：祈福簽-點(diǎn)擊輪播,點(diǎn)擊停止(可保存)

編號(hào)：11151（組件）

第2種：
圖片自動(dòng)輪播，點(diǎn)擊停止，停止后抽取到的圖片支持長按保存。

*素材來自UGG官方《UGG拍了拍你，一起過年了！》

組件：祈福簽-自動(dòng)輪播,點(diǎn)擊停止(可保存)

編號(hào)：11150（組件）

第3種：
圖片自動(dòng)輪播，點(diǎn)擊停止，停止后抽取到的圖片支持點(diǎn)擊彈出后保存。
它還有一個(gè)特殊之處是：點(diǎn)擊彈出保存的圖片，可以與你點(diǎn)擊停止看到后圖片不是同一張。
我們經(jīng)常在輪播的圖片上用文字提示用戶進(jìn)行交互，但這個(gè)文字提示其實(shí)也一定影響了畫面的美觀性。那么這個(gè)新年簽效果的特殊之處，就可以做到讓用戶保存不帶文字提示的圖片。

*素材來自GQ實(shí)驗(yàn)室《今天不說“新年快樂”》

組件：祈福簽-自動(dòng)輪播,點(diǎn)擊停止(可保存,可彈出)

編號(hào)：11831（組件）

以第3種效果為例，一起看下如何制作的吧：

詳細(xì)教程：

工具：iPaiban Pro 黑科技編輯器，網(wǎng)址：SVG.iPaiban.com

組件：祈福簽-自動(dòng)輪播,點(diǎn)擊停止(可保存,可彈出)

編號(hào)：11831（組件）

第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點(diǎn)擊編輯器右側(cè)「組件」按鈕，在「祈福簽」分類中找到「祈福簽-自動(dòng)輪播,點(diǎn)擊停止(可保存,可彈出)」組件，或者直接搜索組件編號(hào)11831，點(diǎn)擊選擇。

第2步：上傳圖片素材
為了更好的讓大家理解如何上傳素材，該組件設(shè)有默認(rèn)素材。
刪除默認(rèn)素材圖后，點(diǎn)擊第1個(gè)「+」號(hào)批量上傳自動(dòng)輪播圖，所有輪播圖尺寸需一致。
點(diǎn)擊第2個(gè)「+」號(hào)批量上傳彈出圖，所有彈出圖尺寸需一致。

注意：彈出圖與輪播圖在順序上為一一對(duì)應(yīng)關(guān)系，輪播到哪張圖，點(diǎn)擊彈出的圖片即為對(duì)應(yīng)的彈出圖。所以彈出圖與輪播圖的數(shù)量應(yīng)一致，彈出圖與輪播圖尺寸最好也一致，高度可以略小于輪播圖。如：

第3步：調(diào)整動(dòng)畫效果
輪播圖默認(rèn)切換時(shí)間為0.1s，一般保持默認(rèn)即可，滑動(dòng)滑桿可進(jìn)行調(diào)整。時(shí)間越長，切換越慢。

點(diǎn)擊最右側(cè)「預(yù)覽草稿」可隨時(shí)預(yù)覽效果。該效果在編輯器只能預(yù)覽自動(dòng)輪播和點(diǎn)擊停止的部分，點(diǎn)擊彈出圖片保存的部分需導(dǎo)入公眾號(hào)后發(fā)送手機(jī)預(yù)覽。

另外如果預(yù)覽發(fā)現(xiàn)，該效果圖片左右兩端和其他組件的圖片沒有對(duì)齊，點(diǎn)擊打開「全局寬度」即可解決。

第4步：導(dǎo)入公眾號(hào)后臺(tái)
初步預(yù)覽效果滿意后，點(diǎn)擊「同步至微信后臺(tái)」同步到自己的公眾號(hào)就可以了。

使用同步功能不用頻繁在編輯器和微信后臺(tái)切換，同步成功后可以立即掃描二維碼預(yù)覽在公眾號(hào)的效果。

本內(nèi)容為作者獨(dú)立觀點(diǎn)，不代表數(shù)英立場。
本文禁止轉(zhuǎn)載，侵權(quán)必究。