之前介紹過一些線上背景產生器,例如 Cool Backgrounds 內建五種背景類型,可以製作三角幾何圖形、科技粒子效果、CSS 漸層背景、漸層地形圖不同色彩組合,如果想產生簡單但又有點活潑的圖案,帶有漸層色的波浪背景圖是個不錯的選擇,例如 Svg Wave、Get Waves 或 SVG Waves 都是波浪圖產生器,功能相近,使用者能調整波峰數、高度、顏色或形狀變化等等。
本文要介紹的「Wicked Backgrounds」是一個很實用的背景產生器,可線上製作帶有波浪狀顏色漸層變化背景圖,開啟產生器選擇主要顏色後,選取變亮、變暗或旋轉色彩模式,也能設定波浪角度、數量和隨機化參數,最終讓使用者下載 SVG 向量圖格式或原始碼。
因為是由程式自動產生的向量圖檔,在使用時不會有授權問題,可自由使用於網站、簡報設計或插圖製作等用途,若需要有點顏色變化的背景,以產生器製作圖片是很簡單快速的方法。
Wicked Backgrounds
https://wickedbackgrounds.com/
使用教學
STEP 1
開啟 Wicked Backgrounds 點選「Launch Generator」開啟產生器,產生器主要分為左右工具區和預覽區,從左側選擇顏色、調整色彩模式、角度、波浪和隨機參數等等,設定後會在右側即時產生變化。
STEP 2
先從左側的顏色區點選「Pick a color」選擇主要顏色開始,選色器下方可切換色碼模式。
從色彩模式選擇要變亮、變暗或旋轉色彩,也能調整波浪角度、數量和隨機參數。
STEP 3
如果沒有什麼想法,左上角有一個「Regenerate」可隨機產生樣式。
STEP 4
最後點選左上的「Download」就能將看到的背景圖下載為 SVG 向量圖格式,或是點選「Copy SVG」直接複製 SVG 原始碼。
值得一試的三個理由:
- 免費的線上背景圖產生器,可製作帶有波浪狀、顏色漸層變化背景圖
- 選取主要顏色,調整不同色彩模式、波浪數、角度等參數
- 直接下載為 SVG 向量圖格式,或是複製 SVG 程式碼