圖標平鋪背景的形式算是比較常見了，例如 Telegram 的默認背景圖，多種扁平化樣式的圖標，拼湊在一張純色背景上，倒有點幾分糖紙的相似，簡約不失豐富。那么如何制作這種背景呢？

相信很多熟練 PS、Sketch 工具的玩家可以輕松做到，那么對于不是很熟練使用這些工具的小白來說，patterninja 這個網站還是能輕松操作的。

Patterninja

打開網頁看到就是網頁的默認平鋪背景，右側僅有一條工具欄。

工具欄從上往下，功能依次為，「新建文件」「顏色修改」「圖標資源」「圖層管理」「屬性設置」。

先新建一個文件，設置一個純背景色，需要挑選一個觀感較為舒適的背景色，可以通過以下不錯的素材網站選取。

coolors

Color Hunt

Nippon Colors

接著可以通過上傳或者選擇網站默認的提供的圖標資源，圖標格式必須是SVG格式。通過以下的網站選取素材...

阿里巴巴矢量圖標庫

IcoMoon

Flaticon

先點擊圖標，將圖標平鋪在背景上。

接著選取圖標，通過最后一個功能，開啟 View 里的 show bounds，將頁面網格開啟，將布局濃縮在某個網格里，讓布局更加容易。

然后調整圖標的大小，角度，正反向，坐標，修改顏色等屬性，也可以通過簡單拖拉，旋轉圖標右側的白點，改變圖標的屬性，布局圖標，讓圖標布局在比較合適的位置。

如何三分鐘做出 PPT 圖標平鋪背景圖圖一

可以通過圖層的堆疊等方式，實現出不俗的效果……

通過 del 鍵可以刪除不需要的圖標。

尾巴

將網格取消后，需要背景的可以自截大小……

最后可以導出 SVG、PNG 位圖兩種格式的單網格圖片。

如何三分鐘做出 PPT 圖標平鋪背景圖圖二

然后在 PPT 文檔中，右鍵「設置背景格式」，插入圖片，選擇平鋪，通過改變偏移量 XY，以及刻度 XY 來調整布局...

如何三分鐘做出 PPT 圖標平鋪背景圖圖三