Review - Non Destructive editing in Photoshop/Camera Raw

The Goal:

Edit an image in Photoshop, to enhance, to improve it... and to be able to easily "tweak" or undo/redo the "fixes" at a later date without having to start over again.

In Photoshop you are editing pixels, as a result you should always work with a "copy" of the image, not the original.
1. In Photoshop after loading an image, use the File > Save As menu and save the files as a copy, or rename the file as... I usually just use a numbering system like imagename-001.psd.
This ensures you have an "original" RGB copy, even if you have the original raw image.

2. In your editing process you always want to use the Adjustment panel and the Adjustment layer tools. (If you can)

Images using Photoshop CS5
The Adjustment layer panel 

below is a list of adjustment layers… from the layers menu

     Example below uses Adjustment layers...







































3. Use Smart Objects for each layer of graphics or images that you are merging.

Any time you use the Menu item: Edit > Transform > Scale (etc). First convert the layer to be transformed into a 'smart object'

There are at least 3 ways to do this, select the layer in the layers pallet (so it is highlighted in blue)
then choose Menu:

Layers > Smart Objects > Convert to Smart Object

Or use the Layer drop down menu and choose
Convert to Smart Object

Or right click on the Blue Highlighted Layer and choose 
Convert to Smart Object. 

Transform Edits changes and "throws away pixels" especially if there is a scaling down in the size of the image...

When you select the transform tool a box surrounds the object and you can see selector squares that let you "transform the object… If you hold down the shift key while dragging with the mouse the transform will retain the original aspect ratio.

 

 

By transforming your layer contents to a smart object, the original data is available to re-size the new element without pixilation or having to start over again.  In this example both Logos were scaled smaller, then resized upwards… The Logo on the right was converted to a smart Object.

 

 

You can see the little "Samart object indicator" square in the bottom right of the thumbnail in the layers pallet

 

 

4. Use smart Objects to apply Filters

Use the Filter Menu:

Filter > Convert for Smart Filters

This adds the Smart Object indicator to the layer, and when you choose a filter like "Smart Sharpen" you'll see additional layers added beneath the smart object layer that will allow you to change the values in the filter requester any time you want.

Using "Smart Filters" let's you
re-adjust the effects of the filter
later…

 

5. Create a Blank Layer
When using any of the tools like the Clone or Healing Tools  to edit pixels, create a Blank Layer and use the Tool Bar to toggle on "Edit layers below"

Here's a short tutorial that uses "Edit Layers Below"

 

 

 

6.  What if If you can only directly edit pixels?

Sometimes a task has NO smart features or no built in adjustment layers… a good example is the Adjustment
Shadow/Highlights 

The menu is Images > Adjustments > Shadow/Highlights

Here's what to do to make a Flattened copy of the visible layers 

Select the layers where you want to apply the changes

If the layers are contiguous select the first layer, press and hold down the shift key, then select the last layer…

If the layers are not contiguous hold down the control key (PC)

The Command key (Mac)

and click on each layer you want to select...

Then press all at one time
Mac (Command + Option + Shift + E)

PC (Control + Alt + Shift + E)

Then  apply the Adjustment to the flattened copy of the all the layers...

To re-edit the Shadow/Highlights… you'll need to delete the layer and repeat the process...

Enjoy! As Always 'holler if you have a question or comment

Editing smart objects from Camera Raw in Photoshop is next.

Read More»

Non-Destructive Editing - The Spot Healing Brush and Smart Objects

The Spot Healing Brush

With the addition of Content Aware Fill for the spot healing brush… Touchup got a lot easier!
Learn how in either Photoshop CS5 or Photoshop Elements 9 and 10

Checkout this quick tutorial The Healing Spot and Brush with Content Aware Fill

Photoshop Layers

Photoshop CS 5 has the following different kinds of layers

1. Normal
2. Text
3. Fill
4. Shapes
5. Adjustments
6. 3D
7. Video
8. Smart Objects.

Smart Objects Layers

Originally Smart Object layers was introduced for just importing data created outside of Photoshop like Raw photographs, 3d objects, and file formats native to other programs like Adobe Illustrator, e.g. illustrator vector drawings.

Now, you can now convert any layer into a smart object, and you can turn all layers into a single smart object layer for export to other programs like Dreamweaver and Illustrator.

Why make an ordinary layer a smart layer? If you need to scale down a layer for it to fit with the other layers, and then perhaps later up rez (scale up the layer) you can do so with out causing pixelation from the loss of data when the layer was first first down sized. The smart object retains the original image data that normally would have been thrown away when the normal layer was scaled down…

If a Dreamweaver web designer uses smart objects on a web page that was created in Photoshop, the graphic on the web will be automatically updated when the edited object is simply saved again from Photoshop as a smart object.  Dreamweaver automatically detects that the graphic was changed, and it will replace the object displayed on the web automatically!

Nice!

Use Smart Objects for elements you are merging in a photo
especially if you are using
Menu item: Edit > Transform > Scale (etc).

Transform  Edits "throws away pixels" especially when the graphic is scaled down in size… By transforming your layer contents to a smart object, the original data is retained and available for a re-size. The new upscale graphic will not pixilate… If there was no smart object you'd have to delete the layer and start over again.

In this example both Logos were scaled smaller, then resized upwards… The Logo on the right was converted to a Smart Object before scaling down and up. You can see that the normal layer is "fuzzy" and Pixillated.

 

 

 

 

 

 

 

Normal layer                                         Smart Object layer

4. Use smart Objects To apply Filters

In the Filter menu Choose 
Filter > Convert for Smart Filter...

Using "Smart Filters" let's you adjust the effects of the filter at any time

 

 

 

 

 

 

Here's a Photoshop Killer Tip from Matt Kloskowski on Kelby/TV on how to duplicate 2 different kinds of smart objects andy how to use them in Photoshop.

http://kelbytv.com/photoshopkillertips/2010/07/13/duplicating-smart-objects/

Editing Raw Images in Photoshop

When you have a single photo where global edits in Camera Raw cannot process detail in highlights (sky) and shadows (landscape) or other similar situations without blowing away details in one or the other... Use smart objects to merge a blending of 2 copies of the same image, one processed for highlight recovery and the other(s) for mid-tones and shadows.

Using Raw Smart Objects in Photoshop

Your homework!  Share with us in/on the class blog images that you have edited using layers in Photoshop!

Read More»