Adobe Photoshop

The ImageReady Environment

ImageReady’s environment or workspace should be immediately familiar to you because there are many similarities to Photoshop .  The first thing you’ll notice is the Image Window  contains Save for Web controls in the form of Original, Optimized, 2-Up, and 4-Up Tabs.  Because ImageReady is dedicated exclusively to web output, you can think of ImageReady as always being in Save for Web mode.  Though of course, you can still save native Photoshop files.

There are also some changes to the Palettes.  Instead of a Navigation Palette, we have an Optimize Palette  where we set our Compression  settings.  We also have a Rollover, Animation , Image Map, and Slice Palette.  Furthermore, subtle changes in other Photoshop ’s traditional Palettes also exist.

Finally, the Toolbox  also has new additions and changes.  We have the Image Map Tools and various toggles to turn the visibility of web content on and off.  One Tool that ImageReady and Photoshop  share that we haven’t mentioned yet is the Slice Tool .  It operates identically in both programs so we’ll explore its features as we work with ImageReady and you can apply this knowledge to future use of Photoshop.

ImageReady’s custom Tools and Palettes are covered in depth as we continue building typical web graphics.  Presently we need to create an animated banner.  In addition to the current set of ImageReady Tools and Palettes, we also need the Animation  Palette .  Select Window/Show Animation to open the Animation Palette if it is not open.

The Animation Palette
The Animation  Palette  contains Tabs for Animation, Slice, Image Map, and Rollover (Slice, Image Map, and Rollover are covered later), a Frame Thumbnail, Looping control, Frame controls (First Frame, Previous Frame, Stop, Play, Next Frame), and controls to Tween, Add, Duplicate  and Remove frames.

Frame Thumbnails
Each Frame Thumbnail consists of a frame marker which indicates the frame number, a graphical representation of the image data contained in the frame, and the duration of the frame which you change by {Clicking} on the arrow beside the duration and selecting the desired duration (in seconds).  To change the order of frames simply {Click}, hold, and drag the frame to the new location.  To add frames {Click} the Duplicate  Frame button.  A new frame is created with the image data contents of the previous frame inside.  To delete a frame, select it and {Click} the Trashcan icon.  To control whether the animation plays once, loops continuously, or loops a set amount of times select from the Loop drop-down menu.

Frame Controls
Use the Frame controls to play and stop the animation, go to the next or previous frames, and go to the first frame.

Back to Index