點(diǎn)擊直接展開(自定義觸發(fā))
點(diǎn)擊直接展開(自定義觸發(fā))
展開內(nèi)容中可使用的素材以實(shí)際編輯展開內(nèi)容時(shí)顯示的素材列表為準(zhǔn)
一、視頻教程

二、操作步驟

1、添加SVG效果至編輯區(qū)域
點(diǎn)擊【SVG效果】,搜索:“57”,或搜索名字:“點(diǎn)擊直接展開”,然后點(diǎn)擊選擇列表中【點(diǎn)擊直接展開(自定義觸發(fā))】效果,添加到頁(yè)面中間的編輯區(qū)域。(可選擇帶有135默認(rèn)素材圖,也可以選擇不帶有135默認(rèn)素材圖)

2、添加首圖
以不帶有素材圖為例:
在編輯區(qū)域右側(cè)的【添加首圖】位置上傳首圖。也可以選擇【DIY設(shè)計(jì)圖片】(得有筆格設(shè)計(jì)會(huì)員)。
注意,該效果中所有圖片都需要按【素材要求】進(jìn)行設(shè)置和放置,不然會(huì)導(dǎo)致效果出錯(cuò)或失效。

3、設(shè)置引導(dǎo)和展開時(shí)長(zhǎng)
在編輯區(qū)域右下側(cè)找到【彈框熱區(qū)引導(dǎo)色】,打開顯示就代表首圖會(huì)出現(xiàn)彈動(dòng)的引導(dǎo)按鈕,可以點(diǎn)擊色塊設(shè)置引導(dǎo)按鈕的顏色,也可以拖動(dòng)選區(qū)設(shè)置彈動(dòng)引導(dǎo)按鈕大??;關(guān)閉顯示就代表首圖沒有引導(dǎo)按鈕,可以根據(jù)自己的展示需求選擇是否要顯示。

在編輯區(qū)域右下側(cè)找到【動(dòng)畫設(shè)置】,數(shù)值設(shè)置越大,展開動(dòng)畫的時(shí)間越長(zhǎng),數(shù)值設(shè)置越小,展開動(dòng)畫的時(shí)間越短。無(wú)特殊需要一般默認(rèn)1秒即可。

4、設(shè)置觸發(fā)熱區(qū)位置及大小
觸發(fā)熱區(qū):當(dāng)【彈框熱區(qū)引導(dǎo)色】設(shè)置為不顯示時(shí),點(diǎn)擊圖中紅框位置,可進(jìn)行熱區(qū)大小的設(shè)置,設(shè)置完成后,點(diǎn)擊該區(qū)域才會(huì)觸發(fā)展開效果。

5、編輯展開內(nèi)容
點(diǎn)擊編輯區(qū)域右下側(cè)【編輯展開內(nèi)容】,展開內(nèi)容里放的就是展開的圖或效果。

進(jìn)入展開內(nèi)容頁(yè)面后,如下圖,就可以對(duì)展開里的素材進(jìn)行組合,選擇你需求的SVG效果,添加到編輯區(qū)域,進(jìn)行相關(guān)設(shè)置即可

可以選擇編輯區(qū)域上方的【去縫隙】、【上/下移】、【間距】、【刪除】,對(duì)素材進(jìn)行調(diào)整,調(diào)整完成后點(diǎn)擊頁(yè)面右上角【完成】,代表展開內(nèi)容添加完成,然后返回到首圖編輯頁(yè)面。

上移/下移:選中某個(gè)素材,點(diǎn)擊上方菜單欄的【上移】或【下移】,可移動(dòng)該素材的位置;

去縫隙:選中某個(gè)素材,點(diǎn)擊上方菜單欄的【去縫隙】來(lái)調(diào)整素材之間的白縫;

間距:選中某個(gè)素材,點(diǎn)擊上方菜單欄的【間距】,可調(diào)整該素材內(nèi)外邊距的距離。內(nèi)邊距為該素材在紅色框線內(nèi)的位置,外邊距為該素材和上下素材之間以及兩側(cè)邊距的距離;

刪除:選中某個(gè)素材,點(diǎn)擊上方菜單欄的【刪除】,即可刪除該素材;

6、制作好的SVG文章可以通過使用【同步】或【導(dǎo)出】功能,保存到微信公眾號(hào)平臺(tái)

7、更多操作教程
- END -
如果您的疑問尚未被解決
請(qǐng)?jiān)趲椭行膬?nèi)【聯(lián)系客服】
我們誠(chéng)摯邀請(qǐng)您給135編輯器提供【意見和建議】
微信關(guān)注135編輯器 ID:editor135 ,獲取更多排版干貨知識(shí)








