Export rollover images for the web

Now that you have created the rollover effects, you will save them as new images in you web site folder

  1. select File>Save for web and devices...
  2. in the dialogue window, select the slice select tool (circled)
  3. double click one of the slices that you created a layer effect for

 

  1. in the Slice Options window, rename the slice with a "_down" added to it (or something similar)
  2. click OK
  3. repeat steps 9 - 11 for the remaining slices your created layer effects for

 
  1. holding down the shift key, select the slices you created layer effects for
  2. select the appropriate presets and click Save
  1. click Save, the Save Optimized As window will open
  2. browse to your local root folder (make sure you have your local root folder selected NOT the images folder)
  3. use the following settings:
    1. File name: it does not matter what the file name is. Photoshop will use the file names you gave your slices.
    2. Format: Images Only
    3. Settings: Default Settings
    4. Slices: Selected Slices
  4. make sure you have your local root folder selected
  5. click Save

Note: if the files were not saved in the images folder, you neen to drag them into that folder. If you had your images folder selected when you saved, there will be a new images folder in your original images folder.

Previous