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

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

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

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

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

（方式一）

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

ID查看方法：當你將鼠標放在某個效果上時，右側(cè)彈出的面板上就可以查看ID號碼。【互動效果】和【樣式模板】版塊下的SVG效果查看ID號碼的方法相同。

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

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

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

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

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

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

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

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

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

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

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

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

直接將制作好的效果同步到微信后臺。

點擊頁面右上角的【同步】按鈕將SVG效果同步到公眾號后臺。