Photoshop

Home

toc **Photoshop tutorial videos and assignments** Watch video and then create complete the assignment. Most of the assignments are on this page but the collage is a separate wiki.

Use this link to YouTube and review the materail at home on your own schedule. PhotoShop CS5 for Beginners [|Working With Layers in Photoshop CS5]

Since students are blocked from youtube on campus, a copy of the videos are on In all cases, __upload the smallest reasonable image that demonstrates you have completed the assignment.__
 * CCE Shared>Feighny>Photoshop**. Play these to work your way through the assignments.

Getting Started
Create a **PhotoShopProject** file on your H drive. Copy the files from **CCE Shared>Feighny>Photoshop>ProjectFiles** Use these files to complete the assignments described on the following wiki pages Tutorials and wiki links
 * Play Video ||  || Complete the assignment ||
 * #01 Introduction and marketing ||  || No assignment ||
 * #02 Opening and Saving Files ||  || Opening and Saving Files ||
 * #03 Making Selections ||  || Making Selections ||
 * #04 Advanced Selections and Refining ||  || Advanced ||
 * #05 Cropping Images ||  || Cropping Images ||
 * #06 Straightening Images ||  || Straightening Images ||
 * #07 Red Eye Removal ||  || No assignment ||
 * #08 Photo Color Filters ||  || Photo Color Filters ||
 * #09 Fixing Images with the Clone Tool ||  || Fixing Images ||
 * #10 Content Aware Filling ||  || Content Aware Filling ||
 * #11 Layers Pallet ||  || Layers Pallet ||
 * Working with Layers in PhotoShop CS5 Part 1 ||  || Layers CS5 Part 1 ||
 * Working with Layers in PhotoShop CS5 Par 2 ||  || Layers CS5 Part 2 ||
 * Making a PhotoShop Collage ||  || Make a Photoshop Collage ||

Opening and Saving Files
Getting Started Use the Windows Explorer to to find the file layer_filter.psd (PhotoShop) in the Project Files. How big is this file? //8 Mb// Open the file in PhotoShop and follow the tutorial to Save for Web and Devices (be sure to set the width to 512 pixels) Change the Colors to 4,8,16,32,... and notice the difference in storage requirements just below the left corner of the image in the dialog box. Save the flie as a GIF with 16 colors LightHouse16.jif. Write down the file size. Save the flie as a GIF with 32 colors LightHouse32.jif. Write down the file size. Insert both images in table below and add the storage requirement the in the caption. Can you see a difference in the images? //Yes, the colors show up differently.// List 3 ways to bring a photo into PhotoShop || For more background, read the Microsoft article Types of Bitmaps
 * Follow the tutorial and answer the questions as you go.
 * [[image:biomedicalengineerz/layer_filter16.gif width="356" height="476" caption="44.4 KB"]] || [[image:biomedicalengineerz/layer_filte32.gif width="356" height="476" caption="53.2 KB"]] ||  ||

Making Selections
List 3 ways to zoom in out of an image. ▐ ** Ctrl ++ or Ctrl-- ** ▐ ** View > Zoom in or Zoom out ** ▐ ** Zoom tool- move up or down ** What does the shift key do when you are using the marquee tool? **It constrains the shape, keeping the dimensions equal.** List the types of marquee tools. ▐ **Rectangle** ▐ **Elliptical** ▐ ** Row or column ** List 3 ways to de-select a part of the image when using the marquee tools? ▐ ** Ctrl D ** ▐ ** Click outside of the selected area ** ▐ ** Select > Deselect ** Select and delete the "DEAD END" part of the image. Use the Save for Web & Devices Save the image as DeadEnd1.jif with 256 pixels wide 32 no dither. Note the size in the left lower corner. Insert the image here with the size in the caption. ||
 * Follow the tutorial and answer the questions as you go.

Advanced Selections
Use the quick selection tool to select the girl-in-green Refine edge Show in black Fix hair Inverse Selection Use paint brush (195 Pixels) Flip backgournd and foreground Fill image to clear shadow with paint brush De-select image. Use the Save for Web & Devices Save the image as GirlinGreen1.jif with 256 pixels wide 32 dither. Note the size in the left lower corner. Insert the image here with the size in the caption. What is the problem with this image? ▐ **Due to a loss of resolution in the image, the girl's face appears distorted.** ||
 * Follow the tutorial and answer the questions as you go.

Cropping Images
What are 2 ways to crop when using the crop tool? ▐ ** Double click on selection ** Crop image in 6 x 4 Use the Save for Web & Devices Save the image as Light_House_Crop.gif (64 no dither) Note the size in the left lower corner. How wide is the image in pixels? **800** How high is the image in pixels? **533** Insert the image here with the size in the caption. ||
 * Open light_house_wide from the project files.
 * ▐ press Enter **

Straightening Images
Use the ruler under eyedropper. The ruler is parallel to the feature that is to be straightened. Try and straighten and then use F12 to revert. It works both vertical and horizontal. Magic! Use the Save for Web & Devices Set the width to 512 pixels What is the height? ▐ **342** Save the image as campus_straighten.gif (128 no dither) Note the size in the left lower corner. Insert the image here with the size in the caption. ||
 * Straighten campus.jpg

Photo Color Filters
This scale shows the relative colors of common sources of light. The image storm_trooper_street.jpg was photographed in tungsten light. In Star Wars storm troopers are in space which has a dark blue light. Follow the tutorial and make the photo of the trooper match the movie image. Use Image>Adjustments>Photo Filter> (try several) Change the density. Notice how the lights change. Crop and save the image (storm_trooper_cool.gif) with the smallest storage that is reasonable (about the size of a stamp). Note the size in the left lower corner. Insert the image here with the size in the caption. ||
 * The temperature of a photo is the balance between blue and red of the **light source** (not the object) in the photo.

Fixing Images
Remove the park bench. Clone the lady so she is to the right of the light house. Remove the original lady. Crop the image so the lady and the light house are 1/3 of the image. Save the image (light_house_narrow) with the width at 256 pixels as gif 128 no dither. Note the size in the left lower corner. Insert the image here with the size in the caption. ||
 * Open light_house_wide and follow the steps in the tutorial.

Content Aware Filling
Save the image (sign_fixed) with a width of 256 pixels and png-24. Note the size in the left lower corner. Insert the image here with the size in the caption. ||
 * Follow along with the tutorial on the sign.jpg.