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

Lesson 15. Creating Web Graphics Using S... > Displaying warped text in the Over s...

Displaying warped text in the Over state

You'll create an effect that makes the word "Architech" appear warped when the mouse pointer is rolled over the Contact button.

1.
Choose Window > Show Rollover to display the Rollover palette.

2.
Using the slice select tool ( ), select the Contact_button slice in the image.

3.
In the Rollover palette, click the Creates New Rollover State button ( ) to create a new Over state for the selected slice.



You can create these types of rollover states in this order: Over, Down, Click, Out, Up, Custom, and None.

Rollover states in ImageReady

Over—when the Web_viewer rolls over the slice or image map area with the mouse while the mouse button is not pressed. (Over is automatically selected for the second rollover state.)

Down—when the Web viewer presses the mouse button on the slice or image map area. (This state appears as long as the viewer keeps the mouse button pressed down on the area.)

Click—when the Web_viewer clicks the mouse on the slice or image map area. (This state appears after the viewer clicks the mouse and remains until the viewer activates another rollover state.)

Out—when the Web_viewer rolls the mouse out of the slice or image map area. (The Normal state usually serves this purpose.)

Up—when the Web_viewer releases the mouse button over the slice or image map area. (The Over state usually serves this purpose.)

Custom—a new rollover state. (You must create JavaScript code and add it to the HTML file for the Web page in order for the Custom rollover option to function. See a JavaScript manual for more information.)

None—current state of the image preserved for later use as a rollover state. (A state designated as None will not be displayed on the Web page.)

Note

Different Web browsers, or different versions of a browser, may process clicks and double-clicks differently. For example, some browsers leave the slice in the Click state after a click, and in the Up_state after a double-click; other browsers use the Up state only as a transition into the Click state, regardless of single- or double-clicking. To ensure your Web page will function correctly, be sure to preview rollovers in various Web browsers.

—From Adobe Photoshop 6.0 online Help


4.
In the Layers palette, select the Architech type layer.

5.
Select the type tool ( ).

Notice that the tool options bar now displays options that are specific for type.

6.
In the tool options bar, click the Create Warped Text button ( ) to apply an effect to the selected Architech layer.

7.
In the Warp Text dialog box, choose an option (such as Bulge) from the Style menu. Select Preview and wait a moment to see the affect applied to the type. (You may need to move the dialog box so you can see the type in the image.) Try other styles and drag the sliders to achieve different effects. When you're satisfied with a style, click OK.

The Warped Text effect is applied only to the Over state of the button.


Normal state of the Contact button



Over state of the Contact button


8.
In the Rollover palette, click the Normal state.

9.
Choose File > Save.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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