請更新您的瀏覽器

您使用的瀏覽器版本較舊,已不再受支援。建議您更新瀏覽器版本,以獲得最佳使用體驗。

科技

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

三嘻行動哇 Yipee!

發布於 2020年11月17日03:08

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

先前曾分享 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 等格式,實在是非常方便。

圖片及資料來源:Svg Wave

延伸閱讀:

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

【免費】(Win/Mac) 慵懶的「無心」手寫字型,支援中文繁體字、可供個人及商業使用

看看更多有趣好玩的科技新聞

查看原始文章

更多科技相關文章

01

xAI單季虧損擴大至14.6億美元

路透社
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...