Animated Image Map Fun Buttons

1 Open an image, something you have created or a photo to use as the background. Duplicate the layer. 2 To make buttons, select one of the following shapes, then rasterize it. Put several down and make sure to keep them on separate layers. To create a STYLE for the button, follow the screenshots below making sure to name the STYLE once you have compl

Creating a Navigation Bar

This tutorial is a brief look at how to use ImageReady to create a navigation bar to use in your web site. ImageReady has many tools that make the whole process of preparing images for the web easier. 1. Open ImageReady and create a new document. Make the dimensions 580 x 80 pixels. 2. First, we need to set a background color. Click the Background swatch and change the color picker to HTML. You c

Neon Light Animation:

1. Type the text with black color on white background 2. Make the duplicate of Text layer 3. Merge the bottom text layer with white background 4. Hide upper text layer and follow the Neon Effect procedure on the bottom layer

Add colors to the animation:

1. Create an adjustment layer: In Photoshop, position the image you want to animate in the center of a transparent background. (When using text, render the text layer before applying the adjustment layer.) In the Layers palette, click the Create new adjustment layer button at the bottom of the palette and select Hue/Saturation. In the Hue/Saturation dialog box, make sure Preview is selected. Drag the Hue, Saturation, and Lightne

Ripple Animation:

1. Open Image Ready. Create a new file. Type the text. Right click on the layer and select Render. 2. Make three layer copies of the original layer. You will get the following layer structure. 3. Selec