135編輯器svg教程

你與排版大神之間,還差學會使用SVG的距離,如果想要排版再往上提升一步,做出更多有創(chuàng)意的推文,那就很有必要掌握SVG的玩法,作為新手小白進階的第一步,當然是先熟悉我們的SVG編輯器了

新手入門指南
第七期內容
135編輯器

你與排版大神之間

還差學會使用SVG的距離

如果想要排版再往上提升一步

做出更多有創(chuàng)意的推文

那就很有必要掌握SVG的玩法

作為新手小白進階的第一步

當然是先熟悉我們的SVG編輯器了

所以今天三兒會給大家

仔細講解我們的SVG編輯器

本期篇幅較長

大家要耐心看下去哦




一、SVG編輯器入口


在編輯器界面的左側菜單欄選擇【SVG編輯器】,跳轉到SVG編輯器界面后,點擊【進入SVG編輯器】即可打開。


image.png


image.png




二、SVG編輯器界面介紹


在這一部分,三兒會帶大家來認識我們的SVG編輯器界面,我們的編輯區(qū)域大致可以分為四個版塊:功能區(qū)、效果選擇區(qū)、效果編輯區(qū)域、導航欄工具區(qū),接下來三兒會講到如何搜索SVG組件、怎樣查看教程、怎樣導出到微信后臺等操作。


image.png



1.SVG類型


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


image.png


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


image.png



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


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


image.png


(方式一)


image.png


(方式二)



2.搜索SVG效果


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


WechatIMG407.jpg



ID查看方法:當你將鼠標放在某個效果上時,右側彈出的面板上就可以查看ID號碼?!净有Ч亢汀緲邮侥0濉堪鎵K下的SVG效果查看ID號碼的方法相同。


image.png


image.png


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



3.上傳圖片


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


image.png



4.查看使用教程


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


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


image.png



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


image.png



5.預覽SVG效果


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


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



image.png



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


image.png


image.png




6.保存/查看/投稿作品


01

如何保存作品


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


image.png



02

如何查看保存好的作品


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


image.png


03

如何投稿作品給別人


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


image.png



7.如何同步到公眾號后臺


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


01

第一種


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


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


image.png



將封面、標題等填好,選擇需要同步的公眾號后,點擊同步即可。(ps:可點擊【授權公眾號】進行綁定,但需要管理員授權才可以哦)


image.png



02

第二種


第二種方法是通過復制粘貼代碼到公眾號后臺。


在制作好SVG效果后,點擊最上面的導出,選擇【復制代碼到微信后臺】或【復制代碼到135編輯器】。


image.png


WechatIMG408.jpg


接下來的步驟,由于篇幅有限,三兒就不過多贅述,大家可以點擊面板中的【如何使用】來了解詳細的操作步驟。


image.png




8.智能創(chuàng)作SVG效果


三兒要給大家隆重介紹一個智能黑科技功能,那就是智能SVG創(chuàng)作。大家只需要提供符合要求的圖片,智能創(chuàng)作中心就能為你隨機匹配相應的SVG效果,在你沒有創(chuàng)作思路的時候,無疑是你的最佳得力助手,就算你是新手小白也能輕松駕馭。


⑴ 智能創(chuàng)作位置:在頂部有一個【智能創(chuàng)作】按鈕,點擊就可進入。


image.png


⑵ 在智能創(chuàng)作中心,上傳我們的圖片素材,靜待幾秒,就能出現(xiàn)智能生成的SVG效果。(這里上傳的圖片素材的寬高需要保持一致)


image.png


錄制.gif


GIF圖展示↑


每組效果都有對應的預覽二維碼,我們可以通過手機掃碼,更清晰地查看SVG效果。


同時每個生成的效果都支持再編輯,點擊【編輯】按鈕就會跳轉到SVG編輯器界面。


image.png



如果想要更多的效果,選擇【換一批】就能出現(xiàn)一批新效果。


image.png





以上就是三兒給大家分享的

有關SVG編輯器的全部內容了

本期內容較多

但都是干貨

如果大家還有什么疑問

可以在評論區(qū)留言哦

如果覺得還不錯

記得點贊+在看哦



END



文章申明:本文章轉載自互聯(lián)網(wǎng)公開渠道,如有侵權請聯(lián)系我們刪除
文章評價
登錄后可以評論
立即登錄
比格設計
熱門工具
135編輯器
領先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設計
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機海報應有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產品設計指南
淺談用戶運營中的用戶分層
內容運營:戴上寫作的六頂思考帽
5000字方法論:4個細節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關鍵
抖音賬號內容自檢清單!
決定離職后,3天拿到offer的總結與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務費
熱門素材樣式
運營導航
運營工具
分享到