How to Create Web Graphics in ImageReady?

Mashimaro_1130 8:34 am on December 23, 2009 | Answers: 1    
Tags: graphics (10), imageready (2), web (25)

Rate Knowledge: (1 votes)

 Loading ...

• Mashimaro_1130 8:34 am on December 23, 2009
  

  Step 1 : Open up the ImageReady software. If Photoshop is open, there is no need to close out of it or find ImageReady’s icon. Instead, simply click on the “Jump to ImageReady” button (the last button in the tool box window), or press Cmd-Shft-M (Mac) or Ctrl-Shft-M (PC).

  Step 2 : Start a new document, by clicking on the File menu and choosing New. Alternatively, you can press Cmd-N (Mac) or Ctrl-N (PC).

  Step 3 : Give your document a name in the “New Document” dialog box that pops up. You will also choose the image size here, either by selecting one of the presets, or entering in your own custom dimensions. Finally, select the contents of the first layer (when in doubt, choose “Transparent” here).

  Step 4 : Create a graphic image for the web, such as a menu, button or banner. You’ll use the same tools and techniques as you do in Photoshop to manipulate the image into what you want. If you ever feel you need to go back to Photoshop for certain features, you can always click on that toggle button at the bottom of the toolbox.

  Step 5 : Use the slice tool to help you optimize compression, by cutting the image into sections. Once you use the slice tool to draw the initial cuts, use the slice selection tool to select one of the new boxes you’ve created. Determine whether the area is photographic or not, and compress any areas that are photographic in nature as JPEGs and any areas that are flat-colored graphics as GIFs, in the Optimize palette.

  Step 6 : Add any animation or JavaScript rollover effects you may want, by experimenting with the settings in the Animation and Rollover palettes.

  Step 7 : Go to File > Save Optimized As, and create a new folder for your web graphics. For the Format option, select “HTML and Images,” for the Settings option, select “Default Settings” and for the Slices option select “All Slices”. Click “Save.”

  http://www.ehow.com/how_2089181_create-web-graphics-imageready.html