Icons Pattern 以 Flaticon 圖示製作無接縫背景圖片產生器

Icons Pattern 以 Flaticon 圖示製作無接縫背景圖片產生器

Icons Pattern 是免費圖示庫「Flaticon」提供的線上工具,協助使用者以喜歡的圖示設計出獨特的背景素材,可使用於手機、行動裝置背景或是做為社群網站背景,也能調整每個圖示尺寸大小、位置、不透明度、旋轉方向和背景顏色等等,最終產生為 PNG、JPG、SVG 三種主要格式或 Base64 編碼,下載前設定每個圖磚(Tile)尺寸和圖片大小。

值得一提的是 Icons Pattern 產生的素材圖案為無接縫圖案(seamless patterns),只要小張的圖片、重複拼接顯示就能製造很漂亮的效果,而且符合各種尺寸和使用情境,我之前介紹過幾個無接縫圖片產生器工具:

Icons Pattern 圖示素材來源為 Flaticon 網站,網站本身就已收錄超過 200 萬個圖示圖案,不過並非每個圖案或圖示集都能免費使用,如果標示為 Premium 代表需要付費解鎖,還好免費範圍已有不少選擇,有興趣的朋友可以自己去動手玩玩看。

Icons Pattern by Flaticon

想尋找類似於上圖的手機背景但又沒有合適的選擇嗎?不妨打開 Icons Pattern 工具自己製作一個吧!

Icons Pattern by Flaticon
https://www.flaticon.com/pattern/

使用教學

STEP 1

開啟 Icons Pattern 網站會看到簡單三步驟教學,首先搜尋、找到你要使用的圖示,點選後將它加入並調整尺寸、顏色和背景,最後點選「下載」就能將設計匯出保存為特定格式。

Icons Pattern by Flaticon

STEP 2

從左側選單點選搜尋,找到特定的圖示集或圖示圖案,點選就會新增到圖片編輯區,也可以使用最下方「Random pattern」隨機加入排列。

Icons Pattern by Flaticon

很有趣的是 Icons Pattern 加入的素材可以進行進階調整,像是配色、陰影、不透明度等等,不喜歡的話點選右下角「Clear」就能清除重來。

Icons Pattern by Flaticon

STEP 3

點選左側的調色盤設定圖片背景顏色,調整後會即時顯示於網頁右側編輯器。

Icons Pattern by Flaticon

STEP 4

編輯完成後點選左下角「Download」綠色按鈕保存圖片。

Icons Pattern by Flaticon

下載前可選擇格式:PNG、JPG、SVG 或 Base64 編碼,可設定圖磚和圖片大小,點選下方的綠色「Download Pattern」就能下載並取得圖片囉!

Icons Pattern by Flaticon

值得一試的三個理由:

  1. 免費圖示網站 Flaticon 提供的線上工具,以圖示設計出獨特背景圖
  2. 產生的素材圖案為無接縫圖案,只要重複拼接即可製造漂亮效果
  3. 下載為  PNG、JPG、SVG 三種格式或 Base64 編碼
分享到...