Advertisement


Create a sprite using a sequence of images photoshop


Question

I would like to create a horizontal image sprite for use in a jQuery animation, how would i create a sprite from 190 images in a folder (around 220kb each file) into a single horizontal sprite?

2012/01/04
1
5
1/4/2012 5:59:00 PM

As I write code a lot too, I know your pain with this task. Luckily there are dozens of

Sprite Generators

out there. I don't even save the link, as you always find a fitting one soon. The above linked generator takes a ZIP file. Luckily they don't only give you the resulting sprite image/sprite, but write the CSS for you as well.

Sidenote/Hint: Pay attention how you name stuff. They normally order stuff by names. So if you got :active and :hover states, you should name them accordingly:

  • layer_active.ext,
  • layeractive.ext or
  • layer-active.ext.

The only thing that's now left is to write the (pretty intense) mark-up :)

2013/02/12
5
2/12/2013 7:13:00 AM