Adobe Photoshop P13: Adobe Photoshop delivers powerful, industry-standard image-editing tools for professional designers who want to produce sophisticated graphics for the Web and for print. Included with Photoshop is ImageReady and its powerful set of Web tools for optimizing and previewing images, batch-processing images with droplets in the Actions palette, and creating GIF animations. Photoshop and ImageReady combined offer a comprehensive environment for designing graphics for the Web | 404 LESSON 15 Creating Web Graphics Using Slices and Rollovers Showing or hiding layers in a rollover state You ll create Down rollover states for the Designs Structures and Art buttons to hide various letters in the Architech text when the mouse is held down on the buttons. Then you ll create Over rollover states that show a special image when the mouse is rolled over each button. 1 Select the slice select tool . 2 Select the Designs_button slice in the image. 3 In the Rollover palette click the Creates New Rollover State button H twice to create an Over state and a Down state for the slice. 4 Select the Down state. 5 In the Layers palette select the Architech Highlights layer set. Notice the blue text that appears over the word Architech in the image. You ll hide parts of the blue text to draw attention to other parts of the word. 6 Expand the Architech Highlights layer set and click the eye icons next to the top four layers to hide the last four letters of the blue word t-e-c-h. Normal state of the Designs button Layers hidden in the Down state of the Designs button The Down state of the Designs button now shows the letters archi in blue and tech in white. ADOBE PHOTOSHOP 405 Classroom in a Book Now you ll show a special image for the Designs button when it s in the Over state. 7 In the Rollover palette select the Over state. 8 In the Layers palette select and expand the Image Rollovers layer set. 9 Click the eye icons to hide two of the layers so that only the For Designs layer is showing. 10 Repeat steps 2 through 9 for the Structures_button slice and the Art_button slice showing the layer set and hiding and showing the appropriate layers as described in this table. For this slice Hide these layers in the Down state Show these layers in the Over state Designs_button Top four layers h c e t in the Architech Highlights folder For Designs in the Image Rollovers folder Structures_button Bottom four layers h c r a in the Architech Highlights folder For .
