• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 15. Creating Web Graphics Using Slices and Rollovers

Lesson 15. Creating Web Graphics Using Slices and Rollovers


Adobe Photoshop and Adobe ImageReady let you divide your image into individual slices so you can optimize each slice in different Web image formats. Slices can be animated, linked to URL addresses, and used for rollover buttons.


In this lesson, you'll learn how to do the following:

  • Slice an image using four different methods.

  • Optimize each image slice using various settings and file formats.

  • Create "no image" slices to contain text and HTML.

  • Create rollover buttons in a banner.

  • Apply a warped text style to the image that appears only when the rollover button is in its Over state.

  • Show or hide certain layers in the image when a rollover button is in its Over state or Down state.

  • Generate an HTML page that contains the sliced image in a table.

This lesson will take about 70 minutes to complete. The lesson is designed to be done in Adobe Photoshop and Adobe ImageReady.

If needed, remove the previous lesson folder from your hard drive, and copy the Lesson15 folder onto it. As you work on this lesson, you'll overwrite the start files. If you need to restore the start files, copy them from the Adobe Photoshop Classroom in a Book CD.

Note

Windows users need to unlock the lesson files before using them. For information, see "Copying the Classroom in a Book files".



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint