How to Create a Sprite Grid in Adobe Illustrator


show more Creating a sprite grid provides you with in-depth training on Design. Taught by Justin Seeley as part of the Illustrator for Web Design show less
please wait ...

Creating a sprite grid

When you begin to create image sprites inside of Adobe Illustrator the first thing you need to do is arrange the graphics that you are going to be using inside of what's called a sprite grid, and this movie I am going to show you how to set up such a grid. So the first thing I need to do is create myself either a new document or a separate artboard in the current document I am working on to house all of the items that I am going to put on the grid. Now I could just resize the artboard that they are sitting on, but it's much easier to start from a clean artboard over the right-hand side. So the first thing I am going to do is click on the Artboard tool and then I am going to click somewhere out on the canvas, somewhere like this, and I am just going to draw out a new artboard.

Now I am paying close attention to there numbers as I drag this grid out, because I want the artboard to be precisely sized to fit the icons. Each icon is 32 pixels by 32 pixels, so that means I ...

Creating a sprite grid
Video duration: 4m 36s 5h 27m Appropriate for all

Viewers:

Creating a sprite grid provides you with in-depth training on Design. Taught by Justin Seeley as part of the Illustrator for Web Design

Subjects:
Design Web
Software:
Illustrator
Author:
please wait ...