www.CognitiveHorizons.com web address, www.CognitiveHorizons.com
capella linkstutorialsabout us

logo links to home page This is where you are:


Return to Main Tutorial

Creating an image

Optimizing an image

Creating a rollover button

Exporting to Dreamweaver




Here are some short tutorials to help you create simple artwork in Photoshop and ImageReady.

x-terra logoLets begin by creating a simple image, say a logo, in Photoshop.

  1. Launch Photoshop and create a new page.
  2. tools paletteSelect the Rectangle Tool from the tool palette. The Rectangle tool is on the lower right.
  3. Select a style you want your Rectangle to have. The styles can be found on the top menu. If you leave the style empty, your shape will have the color selected in the color palette.
  4. Make sure "New Shape Layer" is selected in the top menu.
    top menu

  5. Click and drag on the page to create a rectangle. If you hold the Shift key down while you are dragging you can constrain your shape to a square.
  6. If you change your mind about the style applied, you can select a new one from the styles palette by double-clicking on the new style. Make sure the layer the shape is on is selected in the layers palette.
  7. If you want to change a color, double-click on the color swatch in the layers palette. The color palette opens and you can select a new color.
  8. To make the "X" in the above logo, I selected the "X" shape from the custom shapes (hold down the rectangle in the tool palette to see other shape options.
  9. On a third layer I type "terra" and position on the page. I can change the font, color and size of the type all from the top menu.
  10. Don't forget to save your file often to prevent losing your work.

Next we will optimize this logo for our web pagenext







© Copyright 2003 | Something Graphic | 20 November, 2003

Contact me:learn@CognitiveHorizons.com