Monday, August 25, 2008

Portfolio images

Preparing portfolio images for your website:
  • Open image in photoshop
  • Re-size image to between 300 - 500 pixels wide
  • 'View Actual Pixels' to see actual image size
  • Save for Web (eg: titleofimage.jpeg)
Create two thumbnails for each image to use as image rollovers in dreamweaver:
  • Have open the image you prepared above
  • Select the marquee tool, make sure it is fixed size (100 px by 100 px)
  • Using the marquee tool select an area of your image
  • COPY > NEW > PASTE
  • You should now have your first thumbnail
  • Save for Web (eg titleofimage_t1.jpeg)
  • For your second thumbnail, open the original thumbnail you created above
  • Select IMAGE > ADJUSTMENTS > HUE/SATURATION
  • Change the lightness to +50
  • This will be your second thumbnail
  • Save for Web (eg titleofimage_t2.jpeg)
For each image you plan to add to your portfolio, you should have three files:

titleofimage.jpeg (actual image, resized and saved for web)
titleofimage_t1.jpeg (first thumbnail 10opx square, original colour)
titleofimage_t2.jpeg (second thumbnail 100px square, lightness +50)

All images should be saved in the portfolio folder of you website folder.

No comments: