19
Indian Selections JMA501 Photoshop Exercise rev 11/2/2014 Objectives: Using a layer mask to remove extraneous areas. Resizing images Using Quick Selection Using Layer Adjustments Using the Healing Brush Using Content Aware Using Warped text Adding drop shadows to text Think of a Halloween mask…we cover our face, leaving just eyes and a mouth visible. Here we have a composited picture of an Indian and the Grand Canyon.

Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Embed Size (px)

Citation preview

Page 1: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Indian Selections JMA501 Photoshop Exercise rev 11/2/2014

Objectives:

Using a layer mask to remove extraneous areas. Resizing images Using Quick Selection Using Layer Adjustments Using the Healing Brush Using Content Aware Using Warped text Adding drop shadows to text

Think of a Halloween mask…we cover our face, leaving just eyes and a mouth visible. Here we have a composited picture of an Indian and the Grand Canyon.

It began as two images. And when composited, we ended up with two Layers. We masked out the areas around the Indian, exposing what was below it, the Grand Canyon.

Here is how we did it.

Page 2: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

(Except you’ll know how to spell the word “Grand” !)

Using a Layer Mask Open powwow2010.jpg and Grand Canyon.jpg

(InClass>Photoshop>Images). Here is the Grand Canyon

And Powwow:

Page 3: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

To composite images, best if sizes are comparable. Assume we have decided that we want the final composite image to be 800 pixels high.

Here we go: Check the sizes of each picture (Image>Image Size) Make both powwow 2010 and Grand canyon 800 pixels tall

o Use the “Image Size” options values for Powwow as below

Page 4: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Resize Grand Canyon so it’s 800 pixels tall alsoo After resizing the images, the two images will appear in

different percentage dimensions on the screen.

To work with the images, we want to make them fit on the screen. Select each and click View > Fit on Screen

Page 5: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Detach the images:

Select the Indian (powpow2010) and using the Move tool , drag the picture onto the Grand Canyon image.

Page 6: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

After moving powwow2010 onto the Grand Canyon image, close the original powwow2010 file.

Save the file containing both images as a new psd named “Grand Canyon Composite” … Save in PhotoshopExercises folder. We give the file a new name so as to preserve our original “Grand Canyon” image.

Renaming Layers

Now we have two layers in our new “Grand Canyon Composite” file:

Page 7: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Recall, to rename a layer, double-click it. Double-click on the “Background” layer. A “New Layer” window will open.

Rename the Background layer “Grand Canyon”…could also right-click on Background, choose create a layer from Background

Repeat on “Layer 1” -- Double-click on “Layer 1” and rename the layer “Indian”

Page 8: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

.Approach for Creating a Composite:

Now we have two layers in our Grand Canyon document.

We will use a Layer mask to mask out (remove) portions of Indian layer we don’t want, exposing the Grand Canyon layer beneath

Use the Move tool to adjust the image Indian’s position so it’s all the way to the right

Now we will use a layer mask to remove (mask out) the extraneous items around the Indian: i.e. mask out what we don’t want in the final version

Select the Indian layer Click the icon at the bottom of the Layers panel that says to Add

layer mask:

Now look at the Indian layer…has now a white layer mask box Thumbnail . “White reveals, black hides”…all white at present=> nothing is masked out

Page 9: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Check that the Foreground color is Black (We will actually paint the layer with black.)

Be sure to click the white icon/mask, or else you will be painting actual black on top of your picture, instead of masking out

Now, use the Brush Tool (Make the brush size about 50 pixels) and paint out the parts around the Indian that you want to erase, revealing the Grand Canyon below it

Page 10: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Here is mine, partially completed:

Note: pause periodically and use “[“ and “]” to resize your brush

Page 11: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Look at the mask: Black hides, white reveals

Remember photography rules: Rule of thirds, subject looking into the frame Notice the composition, he is looking into the frame, Grand Canyon about 1/3 down from sky

Increase the vibrance of his orange scarf Switch to the actual Indian layer thumbnail, NOT the mask Use the Quick Select tool to select the scarf: (Brush size about 25)

Page 12: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Select Adjustments> Vibrance…doesn’t destroy the image,

You should see the window below

Adjust the sliders: Deselect (Ctrl-D)

Page 13: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Using the Healing Brush to clone a rockNow, use the Clone stamp or Healing Brush Tool…healing brush better, takes into account the colors in the destination pixels.

Bring the Brush size to about 25 Select the Grand Canyon layer…important Alt-click once to designate starting pixels…just “paint” to pick up

and drop pixels. The plus sign indicates the pixels being selected as you brush

Duplicate one of the brown rock groups on the left of the image and place it on the lower flat area, shown below.

Content Aware Fill Now you decide you want to delete one of the rock groups and

fill in with the surrounding pixels where the rock used to be:

Page 14: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Use Content Aware Fill

Be sure you’re on Grand Canyon layer Use magnetic lasso tool to select a rock group, don’t be precise,

Now, Edit>Fill>Content Aware:

Uncheck Preserve Transparency

Page 15: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Click OK and rock gone! And surrounding pixels added. Deleted the selection and then added in a new rock based on

surrounding pixels

Text Add text: Yellow, 60 point, Impact “Grand Canyon”

Warp the text using the control panel

Page 16: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

Add a drop shadow to the text layer using a Layer Style:

Choose Drop Shadow:

Result:

Page 17: Using a Layer Mask - · Web view(Except you’ll know how to spell the word “Grand” !) Using a Layer Mask. Open . powwow2010.jpg. and . Grand Canyon.jpg (InClass >Photoshop>Images)

File>Save as Grand Canyon Final.psd (and as a jpg)

Save as a jpg File, maybe indian.jpg, inside Assignments>PhotoshopExercises

Use DreamWeaver to create a new Indian html page that has your indian.jpg inserted in it

Add a “HOME link….we’ll do the actual linking later.