Photoshop

Navigation: Home | Photoshop
**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
 * Follow the tutorial and answer the questions as you go.

Use the Windows Explorer to to find the file layer_filter.psd (PhotoShop) in the Project Files. How big is this file?
 * ▐ 4.35mb**

Open the file in PhotoShop and follow the tutorial choosing Save for Web and Devices Set the image size to 512 pixels wide. Set the file type as GIF.

Experiment with the number of colors (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 file as a GIF with 16 colors LightHouse16.jif. Write down the file size. Save the file 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? ▐ **The 32 bit has much better greens.**

List 3 ways to bring a photo into PhotoShop ▐ File open ▐ Double click on the canvas ▐ Use the Bridge of Mini-Bridge || For more background, read the Microsoft article Types of Bitmaps

(GIF 16 No Dither)
 * [[image:edps-stan-feighny/LightHouse16.gif width="356" height="476" caption="49.25k"]] || [[image:edps-stan-feighny/LightHouse32.gif width="356" height="476" caption="73.5k"]] ||
 * 49.25k || 73.5k ||
 * ( GIF 16 No Dither) || (GIF 32 No Dither) ||

Making Selections
List 3 ways to zoom in out of an image. ▐ **Ctrl ++ and Ctrl--**
 * Follow the tutorial and answer the questions as you go.
 * ▐ View > Zoom in or Zoom out**
 * ▐ Zoom tool and move up or down**

What does the shift key do when you are using the marquee tool?
 * ▐ Makes a square marquee or perfect circle marquee**

List the types of marquee tools.
 * ▐ Retctangle**
 * ▐ Eliptical**
 * ▐ Row or column**

List 3 ways to de-select a part of the image when using the marquee tools?
 * ▐ Control D**
 * ▐ Click outside the selected area**
 * ▐ Select > Deselect**

Select "DEAD END" part of the image. Use delete content aware, normal

Use 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. || ||
 * 78.56 ||  ||

Advanced Selections

 * Follow the tutorial and answer the questions as you go.

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? ||

Cropping Images
What are 2 ways to crop when using the crop tool?
 * Open light_house_wide from the project files.

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?

How high is the image in pixels?

Insert the image here with the size in the caption.

||

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!
 * Straighten campus.jpg

Use the Save for Web & Devices Set the width to 512 pixels What is the height?

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. ||

blue and red of the **light source** (not the object) in the photo. This scale shows the relative colors of common sources of light. ||  ||
 * The temperature of a photo is the balance between
 * Media College.com. Jan 7 2011.  ||

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.

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.
 * Open light_house_wide and follow the steps in the tutorial.

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. ||

Content Aware Filling
Save the image (sign_fixed) with a width of 256 pixels and png-24.
 * Follow along with the tutorial on the sign.jpg.

Note the size in the left lower corner.

Insert the image here with the size in the caption. ||