When it comes to working with sprites and tiles in Photoshop, it is important to set up your grid and guides to help get a better sense of the dimensions of each tile, especially when there is a lot of transparent space around the sprite. You can easily do this by going into Photoshop’s Preferences menu and selecting Guides, Grid, & Slices... (Figure 2-6).
Figure 2-6. The menu where you will set the guide size to match your sprite tile size.
From here, you can set the guide size to match your sprite tile size. For our game, all the sprites are 16×16 or 8×8 pixels. By setting the subdivisions to 2, we will be able to see grids that work with our character sprites and level tiles as well (Figure 2-7).
Figure 2-7. How to navigate the Photoshop Preferences menu to set your grid and guides.
Once you set this up, just turn on grid view from View→Show→Grid. You can also set auto-snapping to the grid, which may help align sprites more easily.
Figure 2-8. Now you should be able to see the grid around your sprite.