不用PS，如何做動(dòng)圖？
不用PS，我在135編輯器里做動(dòng)圖！
婦女節(jié)剛過(guò)去不久
婦女節(jié)的推文胖友們有沒(méi)有看到呀
（沒(méi)看到的麻溜去給我看?。?/span>
不少胖友們看完推文直呼想學(xué)
三兒這么寵粉
怎么能不滿足你們的要求呢
所以今天
三兒就來(lái)教你們
如何制作這篇推文的關(guān)鍵組件
『點(diǎn)擊顯示底圖樣式』
走著！
點(diǎn)擊顯示底圖樣式
ID:97481
【樣式介紹】：在樣式中點(diǎn)擊上方的圖片，可以顯示下方的圖片。可以搭配無(wú)縫圖片樣式制作更有趣味性的推文。
【可調(diào)整參數(shù)】：更換圖片、更改圖片尺寸。
無(wú)縫圖片樣式ID：93584
點(diǎn)擊顯示底圖樣式ID:97481
由于編輯器升級(jí)了專(zhuān)業(yè)版，簡(jiǎn)化了部分svg樣式的操作流程，使得修改svg樣式大部分參數(shù)無(wú)需再通過(guò)html代碼實(shí)現(xiàn)。本點(diǎn)擊樣式所有參數(shù)都可通過(guò)動(dòng)畫(huà)設(shè)置調(diào)整。
將編輯器切換到專(zhuān)業(yè)版模式，點(diǎn)擊樣式區(qū)域彈出對(duì)話框，在【全局樣式】中點(diǎn)擊動(dòng)畫(huà)按鈕，開(kāi)始修改SVG樣式參數(shù)。
1.上傳圖片
首先，我們需要將圖片上傳至135編輯器中。選擇編輯區(qū)上方的圖片上傳按鈕，選擇你制作好的圖片（兩張圖片需尺寸一樣），點(diǎn)擊上傳按鈕。
圖片上傳成功后，我們需要復(fù)制圖片的地址才能夠使用圖片。
在135編輯器中，找到左側(cè)的『圖片素材』，在這里保存著你所在135編輯器中上傳的圖片。找到你剛上傳的圖片素材，點(diǎn)擊下方的復(fù)制按鈕，即可復(fù)制圖片的地址。
2.使用樣式
點(diǎn)擊顯示底圖樣式，選擇專(zhuān)業(yè)版編輯器菜單中的『動(dòng)畫(huà)』按鈕，進(jìn)入到『動(dòng)畫(huà)』編輯界面。
在這里，我們可以對(duì)整個(gè)樣式進(jìn)行修改。胖友們只需要將剛才保存的圖片地址粘貼至圖片鏈接中即可。
為了方便胖友們的操作，在動(dòng)畫(huà)編輯區(qū)域我們新增了動(dòng)畫(huà)展示框，胖友們完成圖片的設(shè)置后，可以在右側(cè)的展示區(qū)里點(diǎn)擊樣式查看效果哦！
Tip：這里需要注意的是，樣式中使用的兩張圖需要大小一致（640px*412px），否則會(huì)使樣式點(diǎn)擊失效。
3.修改樣式代碼
有胖友可能要問(wèn)了，那我圖片的大小超過(guò)了640*412該怎么辦呢？
別急，三兒來(lái)教你通過(guò)修改代碼來(lái)解決！
首先將我們的樣式插入至135編輯器中，然后進(jìn)入HTML代碼編輯界面。
找到三兒標(biāo)注出來(lái)的地方，將數(shù)字改為你圖片的大小就可以開(kāi)始按照上面的步驟進(jìn)行修改了。
PS：不知道你圖片的大小是多少？雙擊圖片后選擇『插入遠(yuǎn)程圖片』，右側(cè)就會(huì)顯示這個(gè)圖片的具體尺寸哦！
另外，關(guān)于無(wú)縫樣式的教學(xué)，胖友們可以點(diǎn)擊下面的文字來(lái)進(jìn)行查看哦！
注意事項(xiàng)：
這里需要注意的是，排版完成后的推文需要使用135編輯器的保存同步功能，如果使用復(fù)制粘貼功能會(huì)導(dǎo)致樣式失效哦！
以上就是本期的全部?jī)?nèi)容啦
胖友們都學(xué)會(huì)如何修改了嗎？
這個(gè)樣式使用場(chǎng)景超級(jí)廣泛
可以搭配其他SVG樣式
創(chuàng)造出不一樣的排版哦
趕緊去試試吧！
福利時(shí)刻-免費(fèi)領(lǐng)取7天135編輯器VIP會(huì)員】
點(diǎn)擊http://serialka.com/users/invite/ddb12a17ce400c35fe041d275a578351，注冊(cè)135編輯器，即可獲得7天VIP會(huì)員
立即登錄
- 知乎熱議：微信公眾號(hào)如何快速漲粉？
- 0基礎(chǔ)運(yùn)營(yíng)小白學(xué)習(xí)什么新媒體課程比較好？
- 新媒體，自媒體新人必學(xué)的課程有哪些？
- 不懂就問(wèn)：新媒體運(yùn)營(yíng)應(yīng)該怎樣學(xué)習(xí)？
