在編輯器界面的左側(cè)菜單欄選擇【SVG編輯器】，跳轉(zhuǎn)到SVG編輯器界面后，點(diǎn)擊【進(jìn)入SVG編輯器】即可打開(kāi)。

在我們SVG編輯器中有兩類(lèi)SVG效果，第一個(gè)叫做SVG組件，另一個(gè)則是SVG樣式模板。

SVG組件：在SVG編輯器界面的【互動(dòng)效果】版塊中，SVG組件相當(dāng)于一個(gè)預(yù)設(shè)好的框架，里面的內(nèi)容需要你自己添加，如圖片、動(dòng)畫(huà)時(shí)間設(shè)置等，可發(fā)揮空間大，適合需要想自制效果樣式的小伙伴。

SVG樣式模板：SVG樣式模板是一個(gè)完整的作品，包含了很多重要節(jié)日節(jié)點(diǎn)主題的效果，大家只需要對(duì)里面的字體、圖片等進(jìn)行微調(diào)，就可以直接使用。

這類(lèi)型的SVG效果除了在SVG編輯器的【樣式模板】版塊中可以找到，在編輯器界面的【樣式】—【SVG】中也能進(jìn)行選擇使用。

（方式一）

搜索SVG組件和SVG樣式模板，有兩種種方式，第一種是在搜索框輸入關(guān)鍵詞或ID號(hào)碼，第二種是通過(guò)點(diǎn)擊標(biāo)簽來(lái)篩選。

ID查看方法：當(dāng)你將鼠標(biāo)放在某個(gè)效果上時(shí)，右側(cè)彈出的面板上就可以查看ID號(hào)碼?！净?dòng)效果】和【樣式模板】版塊下的SVG效果查看ID號(hào)碼的方法相同。

三兒在這里要特別提醒各位寶子，這兩類(lèi)SVG效果的ID號(hào)碼是不一樣的，所以【樣式模板】下的SVG模板的ID號(hào)碼要對(duì)應(yīng)在這個(gè)版塊下進(jìn)行搜索，如果到【互動(dòng)效果】版塊進(jìn)行搜索則無(wú)效，反之亦然。

在SVG編輯器的左側(cè)菜單欄有【我的圖片】選項(xiàng)，點(diǎn)擊進(jìn)入后，即可在里面上傳你需要的圖片。

我們的【互動(dòng)效果】版塊下的SVG組件都是有對(duì)應(yīng)教程的，查看教程有兩種方式。

第一種，當(dāng)你將鼠標(biāo)放在該效果上，就會(huì)彈出面板，點(diǎn)擊【查看教程】即可跳轉(zhuǎn)到教程頁(yè)面。

第二種，將該效果放入編輯區(qū)域后，選擇右側(cè)的菜單欄的【教程】，同樣可以進(jìn)入到教程界面。

這里三兒要介紹兩種預(yù)覽情況，第一種是如何預(yù)覽SVG組件效果，另一種是如何預(yù)覽自己制作好的作品效果。

第一種：當(dāng)你想了解該SVG組件可以實(shí)現(xiàn)哪種效果時(shí)，就將鼠標(biāo)放在該效果上，右側(cè)彈出的面板中會(huì)出現(xiàn)二維碼以及效果縮略動(dòng)圖，如果想更直觀(guān)的體驗(yàn)和查看效果，就可用手機(jī)掃碼瀏覽。

第二種：想要預(yù)覽自己制作好的作品效果，可以點(diǎn)擊頂部導(dǎo)航欄的【預(yù)覽】查看。有三種形式瀏覽作品，第一種是通過(guò)手機(jī)掃碼預(yù)覽，第二種是通過(guò)電腦端網(wǎng)頁(yè)查看，第三種在SVG編輯器的預(yù)覽窗口直接查看。

在編輯界面制作好作品后，可以選擇導(dǎo)航欄左上角的【作品標(biāo)題】，為其命名。再點(diǎn)擊頂部導(dǎo)航欄的【保存】就可將該作品保存在SVG編輯器系統(tǒng)中。

制作并保存好的SVG作品可以在SVG編輯器左側(cè)菜單欄中的【我的作品】中查看。

想要將作品投稿給別人，在【我的作品】版塊可以實(shí)現(xiàn)，點(diǎn)擊該按鈕，輸入好對(duì)方的ID號(hào)，即可將作品傳給對(duì)方。

這個(gè)問(wèn)題應(yīng)該是新手小白最迫切知道的，所以在這里三兒分享兩種方法可以將制作好的SVG效果同步到公眾號(hào)后臺(tái)。

直接將制作好的效果同步到微信后臺(tái)。

點(diǎn)擊頁(yè)面右上角的【同步】按鈕將SVG效果同步到公眾號(hào)后臺(tái)。