Friday, December 5 :: Click Link for assignment >

October 7 : Editing a Photo

NO CELL PHONES!

(That means put them away!)

Expectations:

C: Voice Level 2 (only the people next to you can hear you and no shouting across the room)

H: Ask your team, elbow partner or raise hand

A: Work on the assignment

M: Stay in your assigned seat

P: Work till assignment is completed

S: Finishing your work

Photoshop!

What you NEED to know!!!!

WHAT ARE WE LEARNING: Adobe Photoshop, Adjustment Layers and more!

WHY IS IT IMPORTANT: Adjustment layers enable non-destructive editing by overlaying tonal and color adjustments. They provide a flexible editing workflow, allowing changes to be tweaked or removed at any time. Mastery of adjustment layers can enhance creative control and preserve image quality.

HOW WILL MY TEACHER KNOW WHAT I LEARNED: You will practice different tools and techniques and gradually show your success!

Editing a photo!

In Digital Photography I, you learned the basics of Photoshop. Today let's see what you know/remember. This is a lesson from that class. Please follow ALL instructions.

Today you are being graded not only on the final outcome but following instructions and general knowledge of Photoshop.

This step by step lesson covers downloading, Creative Cloud Saving, Layers, Adjustment Layers, Cropping, Smart Object, Basic Editing, Text and exporting!

We need to grab a file first!

Click the Ps Image on the left!

Left click the DOWNLOAD button on the top right

This will save the file to your Photography2 or Downloads folder!

Quick Tip! After you click the download button, notice on the top right corner the download should appear...simply click the file to open!

SAVE (as) YOUR DOCUMENT!

Shortcut: Shift + Ctrl + S

(or File: SAVE AS)

Save to CREATIVE CLOUD!

Click the Save to CREATIVE CLOUD button

Name the document:

"First Initial Last Initial NORWAY"

(Example: TE NORWAY)

Click SAVE TO CLOUD DOCUMENTS

CROP & STRAIGHTEN

What you NEED to know!!!!

In the Tool bar, click on the CROP TOOL

You will notice a resizable crop box immediately surrounds your image.

You can drag any corner or any edge to adjust the shape of the box.

You can click and drag within the box to reposition the photo underneath it.

When you do this, photoshop darkens the soon to be cropped away pixels outside the box giving you a preview of what the crop will look like.

To constrain the crop to a certain size, use the RATIO menu at the LEFT of the Options bar (on the top of your screen)

This includes some commonly used crop presets.

To preserve the photo's original aspect ratio (meaning you want the same shape as the original)

Choose ORIGINAL RATIO

Now as you adjust the crop box, the photo's original relationship of width to height is preserved.

If you want to crop your photo to particular dimensions rather than ratios, choose from the Front Image section (second set of dimensions) in the same options menu.

this includes option in inches for print and options in pixels for online use

If the menu doesn't include the values you want, you can enter them to the boxes to the right of the menu.

While still in Crop mode, we can straighten our image by clicking the STRAIGHTEN ICON on the top in the options bar

Your cursor will turn into a tiny + sign

Click and drag to draw a line across an area in the image that really should be straight such as the boat ramp. (follow the actual angle of the ramp...click and pull!)

When you release your mouse button, Photoshop will rotate the image.

Before we apply our crop, its a good idea to NOT allow photoshop to delete our cropped pixels.

Uncheck Delete Cropped Pixels:

To do this, TURN OFF "Delete Crop Pixels" in the Options panel on top.

Now if we change our mind we can recover those pixels, they will just be hidden!

Click the Check Mark to commit to the crop

Or press ENTER on your keyboard!

When everything looks good, click the Check Mark at the top right in the Options Panel.

or press the ENTER key on your keyboard!

Now lets fit our image on screen

Press Ctrl + 0

Using the Crop tool, you can trim edges, change the shape and size of a photo, and even straighten a crooked shoreline or horizon.

Improve lighting and color

Brighten a photo and make its colors pop using adjustment layers.

Let's add an adjustment layer to make the image brighter and add some punch

Click the Adjustment Icon on the bottom of the layers panel (half-black half white circle)

Choose BRIGHTNESS/CONTRAST

In the properties panel, Let's try letting photoshop correct it for us!

In the Properties Panel, Click the AUTO button

And then adjust the sliders to your liking!

Try:

Brightness +10

Contrast +81

Make sure CMYK have a value no matter how slight! (not all 0%)

TIP! It's a good idea to open the INFO panel to be able to see where you are as far as exposure.

Click the WINDOW tab and select INFO (F8)

Now as you hover over sections of your image you can see the percentage of color.

Look to the CMYK readings. Typically, you DON'T want any part at 0% (pure white) or 100% (pure black)

You can turn the adjustment layer on and off or...

If the adjustment looks too strong, change the OPACITY in the Layers Panel at the top right to reduce it's strength!

While the image now looks better, the colors could use some boosting!

Let's add a HUE/SATURATION adjustment layer.

In the properties panel, let's drag the SATURATION slider to the right until it looks good to you.

Try

Saturation: +45

The image looks better, but the grassy and some of the more colorful houses now look a little TOO vibrant.

To hide that we can use the layer mask on the HUE/SATURATION adjustment layer.

Since the mask (the white box with a line around it) is filled with white the ENTIRE image shows the applied adjustment.

Make sure the Mask is active (you should see a white line around the layer mask thumbnail)

Select the BRUSH tool from the TOOLS Bar

Now in the Brush Options/Preset Picker at the top of the screen, change the

Size: 150 px

Hardness: 0%

This will create a soft edged brush. Press Enter to close the Options/Preset picker

To reset the color boxes, click the small black and white boxes to the left. To switch foreground and back ground, click the curved arrow.

The foreground color (the one on top) at the bottom of the Tools Panel determines what color the brush will use.

When a layer mask is selected your only choices are Black, White or gray.

Make sure BLACK is the foreground color (on top)

Click and pull to "paint" over the grass and other items you want to mask!

Now mouse over to your image, and brush across the areas in which you want to hide the adjustment.

Click and pull to "paint" over the large grass area to mask it.

Want a bigger or smaller brush?

On your keyboard simply press the left or right bracket (to the right of P) to change the size.

Click and pull to "paint" over the roofs and some of the houses!

Take a moment to mask ("paint") over some of the more vibraint houses to mask their color a bit.

Look at the Hue/Saturation Layer mask now!

If you happen to mask too much, simply change the forground color to white and "paint" the area you want to UN-Mask

REMEMBER!

White REVEALS (shows)

Black CONSEALS (masks)

Adjustment layers also remain editable!

If you want to go back to edit, simply click on the adjustment layer to want to edit and select left thumbnail to open its properties!

Remove unwanted content

Easily eliminate distracting elements with the Spot Healing Brush tool and the Patch tool.

Let's zoom in a little by pressing Ctrl + (Plus) on our keyboards about 3 times

To reposition the image, simply hold down the space bar on your keyboard and dragging with your mouse to position the image where you want it.

Notice, this actually activates the HAND (panning) tool

Let's create a new layer

Layer Tab>New>Layer

Or Shift + Ctrl + N

Or click the + on the bottom of the Layers Panel

Click the LAYER tab at the top and select

New>Layer

Or click the + on the bottom of the Layers Panel

Layer Tab>New>Layer

or double click the layer's name in the layers panel and type the new name and click ENTER.

Name the Layer:

Spot Healing

To change the name of a layer, double click the layer's name in the layers panel and type the new name and click ENTER.

In the Tools Bar, select the SPOT HEALING BRUSH

This tool is easiest to use and is great for removing small objects like the cows and the poles that might be distracting.

In the options bar at the top, make sure CONTENT-AWARE is highlighted next to Type

Also, select SAMPLE ALL LAYERS

This allows photoshop to look through the currently active yet empty layer to layers underneath where the pixels actually live (on Layer 0)

To reset the color boxes, click the small black and white boxes to the left. To switch foreground and back ground, click the curved arrow.

The foreground color (the one on top) at the bottom of the Tools Panel determines what color the brush will use.

To add to a spot healing layer we are technically making a masked layer...

Make sure BLACK is the foreground color (on top)

Make the brush slightly larger than the item you want to remove by tapping the right ot left bracket (next to P on the keyboard) to increase or decrease the size.

Brush setting should still be set from previous adjustment.

Before:

When you click you will see a feathered circle of black:

After:

Now put your cursor at the item you want to remove and click!

Note: It might take a second or two...BE PATIENT!

Remove both cows!

REMEMBER:

When you use the Spot Healing brush (content-aware) Photoshop uses pixels immediately outside the brush cursor to remove the item.

Before:

When you click you will see a feathered enlongated line of black:

After:

You can also click and drag your mouse to remove some of the distracing poles.

Note: you may want to DECREASE the brush size (click the left bracket)

Try it now!

Reposition the photo (space bar) and remove more of the distracting poles!

TASK:

Reposition the photo (space bar to pan) and remove ALL of the distracting poles!

Before:

After:

Change the brush size

Remove the red boat in the front!

Pan over (space bar to pan) to this section (near the top left)

To remove larger items (like this roof in the trees)

its better to tell photoshop WHERE to copy the pixels from

Let's create a new layer

Or click the + on the bottom of the Layers Panel

Click the + on the bottom of the Layers Panel to create a New Layer

Double click the Layer name in the layers panel and type the new name and click ENTER

Change the name of the layer by double clicking the layer's name and type

PATCH

and click ENTER

In the Tools Panel, click and hold your mouse on the Spot Healing Brush (or Right Click) to select the PATCH Tool.

In the Options Bar (at the top) set the Patch Menu to CONTENT-AWARE

And then turn on SAMPLE ALL LAYERS

Now click and drag to draw a rough selection around the item you want to remove.

be sure to make the selection slighlty larger than the item itself.

To tell Photoshop where to get the pixels from, click INSIDE the selection and drag it to the area in the image you want Photoshop to use for the patch.

When you release you mouse button, Photoshop performs the patch and blends it with surrounding pixels.

ADVANCED:

To preserve more of the texture from the area that you copied pixels from, increase the Structure number in the Options bar

To perform more color blending between the two areas, increase the Color slider in the Options bar

This MUST be adjusted BEFORE dragging to the new area for pixels!

Press Ctrl + D to deselect the selection.

Now lets fit our image on screen

Press Ctrl + 0

Add creative effects

Convert color to black and white, and add an old-fashioned tinted look

Let's start by putting all the layers into a protective bunch called a Smart Object.

This enables us to apply an editable filter to all the layers at once and protect the original photo.

Click the top-most layer (Patch layer)

Hold the SHIFT key down and select the bottom-most layer (Layer 0)

All layers should be selected.

Now choose the FILTER tab (on top)

Select CONVERT FOR SMART FILTERS

Click OK if you see a message

Photoshop tucks the layer content into the protective wrapper of a smart object so the filter you are about to run happens to the wrapper instead of what's inside.

You can always access your original layers by double clicking the smart object layer's thumbnail in the layers panel.

Let's turn our image black and white with an adjustment layer

Click the Adjustment Icon on the bottom of the layers panel and select Black & White

In the Properties Panel, you can use the sliders to adjust the contrast in the image to your liking.

For example, to darken the reds (where they were when it was color) in the image, drag the red slider to the left.

To lighten the reds (where they were when it was color) in the image, drag the red slider to the right.

To add an artistic color tint to the image, turn on the TINT check box.

When you do, Photoshop tints the image with a light brown creating a sepia effect.

To change the color tint, click the colored square next to the word TINT.

In the color picker click within the vertical bar to choose a range of colors.

And then click within the larger box to the left to pick a brightness level.

Click OK to apply.

Sharpen and save

Apply a sharpen filter to give your photo a finishing touch. Then save your edited file in PSD format to preserve your layers for future editing. To share your photo online or by email, save a copy as a JPEG.

Sharpening an image in Photoshop is similar to sharpening a kitchen knife.

In both instances you are emphasizing edges.

On a knife it is easy to identify the edge. It's the side that can cut you.

In a digital image, it's the areas of high contrast where vastly different color pixels meet, such as where a tree meets the sky, or with our photo, where red roofs meet white siding and where the lake meets the shore.

To emphasize those edges, photoshop lightens the light pixels and darkens the dark pixels.

In the layers panel, turn OFF the Black & White Adjustment layer by clicking the eye to the left of the Black & White layer

Then make sure to SELECT (activate) the PATCH Layer

We have already prepared our layers with smart filters (You can run multiple filters on a single smart object)

Click the FILTER tab (on top) and select SHARPEN>SMART SHARPEN

In the dialog box, you will see a preview of the image on the left and controls for sharpening on the right.

You can enlarge the preview by draggin the lower right corner of the dialog box.

Use zoom tools beneath the image to preview to set you document zoom level to 100% so you can see an accurate sharpening preview.

Now click and drag within the preview box to bring an important part of the image into view.

Pull until you see the red house.

Set the PRESET menu to default, then adjust the sliders to your liking.

Let's adjust RADIUS first

The radius tells Photoshop how many pixels on either side of the high contrast edge pixels to emphasize.

Think of this as sharpening width.

The higher the number, the more obvious the sharpening.

For the best results keep this setting LOW.

Adjust AMOUNT next

With the Adjust slider at 200%, drag it slowly left until the sharpening looks good to you.

If you see any speckled flakes appear in the image, drag the reduce noise slider to the right to get rid of them!

When everything looks good, click OK to apply the filter!

Be patient while Photoshop applies the filter!

Now...

With that Smart layer still selected...

Select the FILTER tab> CAMERA RAW FILTER

Note: the shortcut!

Without and with a vignette:

Camera Raw Filter...

Now a new window will open!

On the right, click the small arrow (v) next to EFFECTS

Pull the slider to the LEFT on VIGNETTE to add a little dimension!

Make sure the vignette is dark (black) and NOT WHITE

Be careful not to go too far or it will look forced!

Click OK

Notice! There is a Smart Filter BELOW the main layer now!

To readjust the filter, double click on the Camera Raw Filter in the layers panel! (the Camera Raw Filter panel will open!)

Add a Signature!

Let's add a TEXT layer to sign our photo!

Make sure to have the Patch (Smart Object) layer selected!

Select the Horizontal Type Tool

Click in the image near the BOTTOM RIGHT corner

Type YOUR First & Last Name

Please DO NOT type in ALL CAPS!

Notice! There is now a Text layer and the name of the layer is YOUR name!

With the Horizontal Text Tool still selected, triple click your name

or click and pull to select your entire name.

With the text selected (highlighted)...

In the Properties Panel, change the font (you choose) under Character by clicking the pull down (arrow) menu

TIP: Try a Script font by clicking the filters on the left (Script)

Remember: Try to not use cutsey/display fonts as they are hard to read!

And NOT ALL CAPS!!!

With the text still selected...

Click the box to the right of COLOR

Make your name WHITE

Different ways to do this:

Click the top left corner of the color picker
or RGB 255 each
or CMYK 0 each
or Hex #ffffff

Click OK

Go to the MOVE TOOL (the 4 sided arrow) in the tool bar

Click and pull on the inside of the text of your name to move your name so it sits on the bottom right corner and looks acceptable (like a signature)

Be careful NOT to pull on any of the handles or it will change its size!

ONLY use WHITE or BLACK for your signature!

(If the photo is dark, use WHITE. If the photo is light, use black!)

Text is large enough to read and does NOT over power the image!

Take a moment to check the Font SIZE

Is it an acceptable size as to not over power the photo?

Font and Size should small but legible!

Clear enough to read but not over shadowing the image.

EXPORTING A FILE

Before we EXPORT, let's turn the Black & White layer back on!

(Click the EYE to the left of that layer!)

Notice your name should be easier to read now!

In order to share the image with others (online or otherwise who don't have Photoshop) we need to Export our image to it in a different format.

Choose

File>Export>Export As

In the dialog box on the right under File Settings:

Format: JPG

Quality: 7

Click EXPORT

Save the JPG file in your Photography folder on your desktop!

File Name: First Initial Last Initial NORWAY

Save as type: JPG (*jpg)

Click SAVE

To get credit!

Go to our Classroom in TEAMS
Select Assignments
Select
- Adobe Photoshop: EDIT A PHOTO!
Scroll down to MY WORK
Click +ATTACH

Click UPLOAD FROM THIS DEVICE

Select DESKTOP (on the left) then the PHOTOGRAPHY 2 Folder

Find the JPG file we EXPORTED and select it (it should be called First Initial Last Initial NORWAY.jpg)

Click OPEN

Wait for file to upload
File will show up below under My Work
CLICK TURN IN!

NOTE: There MUST be a JPG file attached to get credit. Simply clicking TURN IN will not do!!!

POINT VALUES:

5 Points for Cropping & Straightening
5 Points for changing the Brightness & Saturation
5 Points for removing the cows and distracting poles
5 Points for removing the red boat and red house in the trees
5 Points for sepia/tinting your photo (turn to Black & White, then tint)
5 Points for adding your name on the file (Signature)
5 Points for naming the file correctly AND turning in the Exported JPG file thru TEAMS!

TOTAL: 35 POINTS!!!

This is a check for understanding. Following instructions and understanding the basics of PHOTOSHOP! Please make sure you have completed this project correctly!

SHORTCUT TO LOG OFF COMPUTER!

Remember to SAVE (ctrl + S) any file before doing this shortcut!

Ctrl+Alt+Delete then select SIGN OFF!

Page updated

Google Sites

Report abuse