Photoshop Elements – Graphics for the web

Tasks

Navigation
1.  Open the file navigate01.jpg
2.  Try each of the navigation tools: Zoom, Hand and Navigation Palette as well as the keyboard shortcuts.
File Formats
First make a change to the preferences:
·  Go to: Edit | Preferences | Saving Files
·  Make sure the Enable advanced TIFF save options box is ticked
·  Click OK
1.  Open the file format01.psd
2.  Use Save As to save it in BMP and TIFF file formats.
3.  Close the current file and open the .BMP and .TIFF files to see the effect of saving in different formats.
Selections
1.  Open the file selection01.gif
2.  Use the Marquee tools to create a selection in the shape of a J
3.  Use the brush tool to paint inside the selection
4.  Copy and paste the selection into a new document (set background as transparent)
Cropping
1.  Open crop01.jpg
2.  Crop the centre of the image, straightening it in the process.
Rotations
1.  Open the file rotate01.jpg
2.  Rotate it so it is the right way up
3.  Open the file rotate02.jpg
4.  Use Free Rotate or Canvas Custom to straighten the image.
5.  Crop the image to remove the empty edges.
6.  Open the file rotate03.jpg
7.  Use an appropriate tool to correct the orientation of the image.
8.  Revert (File > Revert) rotate03.jpg to its original state.
9.  Correct the orientation of the text without changing the orientation of the image.
Resizing
1.  Open the file resize01.jpg
2.  Open the Image Size dialog box and, without clicking OK, find out the following:
·  What size will the image print out at if the Resolution is set to 300dpi? Tip - make sure Resample Image is not ticked.
·  What would the Pixel Dimensions be if you wanted the image to appear the same size on screen (at 72dpi)? Tip – to find this out you’ll need to have Resample Image ticked.
·  Now, if you change the pixel Width to 482, how wide will the image appear on screen?
3.  Click OK, then set the image zoom to 100%.
4.  Now re-open the Image Size dialog box and set the resolution to 300dpi without resampling and click OK.
5.  Go to the View menu and select Print Size. This will show you on screen the size of the image if printed out at 300dpi.
6.  Open the file resize02.tif
7.  Enlarge the pixel dimensions by 400%
Saving for the web
Tip: Use web friendly file names!
JPEGs
1.  Using the Save for web option, save the file web01.tif in the JPEG format. Aim for a file size of around 30K. What quality setting is required to achieve this? How long will this take to download on a 56Kbps modem?
2.  Open web03.tif, choose the JPEG format and get the file size to about 20K. Don’t save the file!
GIFs
1.  With the web03.tif file you already have open, switch from the JPEG format to GIF. Adjust the number of colours until you have a file size of around 20K. Now switch between the GIF and JPEG format to see the difference in quality. Zoom in to 200% if necessary.
GIF Transparency
1.  Save the file web04.psd so that it can be used on differently coloured web pages without creating a halo effect.