【免費】波浪圖背景「Svg Wave」產生器,自己設計還能存成 SVG、PNG 格式

「加三嘻行動哇 Yipee! 成為好友」

FacebookYoutubeTwitterInstagramTelegramLine

想要讓網站、簡報、海報背景有多一點的層次感嗎?通常我們會加入一些簡約俐落的背景,讓整體看起來不會太單調,也比較有設計感。

先前曾分享 CSS 語法的 Background Image Generator、豐富繽紛的 DesignBundles.net 素材網站…等,但這次要分享的「Svg Wave」則是設計比較簡單的海波浪背景,可以依照自己的喜好調整波浪層次、顏色,還能儲存成 SVG 或 PNG 格式使用。

【網站介紹】

網站名稱:Svg Wave
網站網址:https://svgwave.in/
優點:
(1) 可自訂顏色、波浪層次、波浪數量。
(2) 即時調整、即時預覽,操作簡單。
(3) 支援下載成 SVG 或 PNG 檔案使用

【使用教學】

第一步:Svg Wave 」網站設計主要分為左右兩欄,左側的「 Generate SVG Waves 」可以即時預覽波浪圖案設計,右側欄位則是多個可調整的滑桿。

第二步:「 Svg Wave網站的波浪自訂設計方法非常簡單,只要滑鼠拉一拉滑桿、點一點選項就進行調整。

想要調整 Waves 波浪數量、Layers 波浪層次或 Height 波浪高度時,只要移動滑桿就能自行挑整,如果不知道該怎麼修改比較漂亮的話,也有「自動調整」選項讓我們進行懶人調整。

另外,如果不喜歡波浪的顏色,還能自己改成紅色、黃色、綠色、藍色…等顏色。

第三步:由於現在多數電腦都有提供類似 Apple MacBook 的深色模式,為了能讓使用者切確看到自己調整的背景在深色模式怎麼呈現,在視窗右上方會有個太陽/月亮符號,只要打開太陽就代表燈光,月亮符號開啟後背景會變成黑色。

第四步:全部確認完成自訂之後,在「Export」匯出設定下方有 SVG 和 PNG 兩種不同格式,如果是 PNG 下載檔案,圖片背景會變成透明色,反之如果是 SVG 格式的話,可以直接使用原始碼進行調整。

整體來說,這套 App 的操作功能非常簡單,儘管是個英文網站,但是整體操作簡單易懂,而且還能儲存成 PPT、PNG 等格式,實在是非常方便。

延伸閱讀:

「浮世繪產生器」,製作專屬自己的浮世繪名畫!

Gridzzly 方格紙產生器,自己喜愛的格式自己印

「墨芳印章」產生器,可更換字體、調整大小、製作 PNG 檔案

CSS 背景語法產生器 Background Image Generator,輕鬆製作各種網頁背景

自製 WiFi QR Code 產生器,讓朋友、客人立即連上無線網路!

(Wins/Mac)快樂就是要分享!好吃的「糖醋醬麥克雞塊」英文字體來了

圖片及資料來源:Svg Wave

好友人數

大家對網站文章上的一個讚、+1及轉分享,都是對我們的最好的鼓勵及繼續下去的原動力,請大家不要吝嗇。

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

下一頁

【總整理】數十款免費「可商用」中文 字型,讓設計更有質感!(2020.11.17更新)

週二 11 月 17 , 2020
「加三嘻行動哇 Yipee! 成為好友」 【Facebook、Youtube、Twitter、Ins […]
Shares