愈來愈多的網頁喜歡用這樣的點陣小圖，無論是人物或建築物的作品往往讓人驚豔。

基本上，這樣的圖是用點、線、面構成的。除了作為上述的用途，很多ICON也可以用這樣的作法繪成。由於畫法彷彿馬賽克般，因此，即使用滑鼠，善用Photoshop中的一些基本工具，稍花點時間去畫，也能有不錯的表現，但如果你有數位繪圖版，操作將更方便。

【開啟新檔與儲存格式】
進入Photoshop後，我們開啟一個新檔，寬度：40 高度：120 解析度：72 (這是標題中單一人物的尺寸 ) 內容則選擇透明或白色。

進行繪圖時，我們將使用許多圖層，因此建議你的完成圖(原始檔)以psd檔儲存，而轉存網頁時，gif檔是最多使用的方式。

現在，你可能發現開啟的圖檔很小，請使用放大鏡放到最適大小，方便作畫。

【使用的工具】

1.鉛筆：選擇尖角一像素，並選擇適當的前景色作畫；用點的，畫面將呈現正方型的小點，你也可以點了之後再水平或垂直拖曳，這是畫直線。如果想畫斜線亦同，用點或拉都可。

2.橡皮擦工具：使用的方式幾乎和鉛筆一樣。但在設定上請選擇鉛筆。

3.油漆桶工具：這是方便你在區塊上色用的，不嫌麻煩的話也可以用鉛筆上色，在設定時，請勾選連續的，並把消除鋸齒取消。

4.圈選工具：把消除鋸齒取消。畫圓畫方的好工具。

5.魔術棒工具：請勾選連續的，並把消除鋸齒取消。
大體上你充份了解這些設定後，畫圖便不是很難的事，花點時間，你也會做得到的。

【圖層的應用】

1.必須了解什麼是圖層？以及合併圖層與合併鏈結圖層等等，這是Photoshop軟體中很重要的一環。

2.這類圖經常是左右對稱的，比方說，當我畫一張臉時，我會先繪製左邊臉的線條，經過圖層的複製及貼上後，我們便有兩個圖層了；這時請選擇功能列的編輯/變形/水平翻轉，右臉的線條也有了。接著使用移動工具或配合鍵盤的方向鍵將其整合，這樣便完成臉部的輪廓了。完成後請將其合併，我們便可以逐步上色。

3.你也可以試著將影像檔輸入，當成底稿，再透過另一個圖層去描繪，對初學者而言，這是不錯的方式。

4.儘量保留圖層，那會方便讓你去增加更多的角色，標題的圖便是如此完成的。

這是我在CorelDRAW的草圖。

完成後的icon。