Working with Layers in Adobe Photoshop
Layers are simply images or effects laid on top of other images or effects. Imagine taking five sheets of plastic wrap and painting a small picture on each one, then stacking the sheets on top of each other. The five individual pictures would become one new picture when you stacked them together. That is exactly what a layer is. By using layers, you can add effects to an image, alter an image, or create a new one.
The Background Layer
The background layer is created for you by Photoshop. It is the layer that is created every time you create a new image or document - unless you create a new image with a transparent background. A background layer is locked. This means that you cannot move it. However, you can paint on it or add images to it.
The background layer is labeled and shown in the Layers panel, as shown below.
Once you've created additional layers (on top of the background layer) you can delete the background layer by clicking on the layer in the Layers Panel, then double clicking on the trash can in the lower right side of the panel.
To create a new layer to add to existing layers, click the Create a New Layer icon located in the Layers panel. You can also go to Layer>New>Layer.
You'll now see the new layer in the Layers Panel.
Create a New Layer with Effects from Another Layer
Start out by selecting the existing layer in the Layers panel by clicking on it.
Drag that layer to the Create a New Layer button at the bottom of the layer.
The new layer will now contain the effects of the existing one.
Turn a Selection into a New Layer
First, select the area or object of an image that you want to turn into a new layer.
Then, go to Layer>New>Layer Via Copy or Layer>New>Layer Via Cut to copy or cut the selection, then paste it into the new layer.
When working with individual layers, you can select them to make it easy to work on them. If you're painting or making tone adjustments, you can only work with one layer at a time.
The layer you're working on is called the active layer. The active layer appears in the title bar of the document window. If you want to move, align, apply styles, or transform layers, you can select and work on more than one layer at a time. Select layers in the Layers panel.
To select a layer(s):
Click a layer in the panel.
To select multiple but contiguous layers (layers touching each other), click on the first layer, then Shift+click the last layer. If they're discontiguous, Control+click each layer in the panel.
If you want to select all layers, go to Select>All Layers.
To deselect all layers, go to Select>Deselect Layers.
In the following snapshot, we've selected all layers.
You can link layers together so that they maintain their relationship even if both layers aren't selected. When layers are linked together, you can move or apply a transformation to the linked layers. This makes it easier than doing one layer at a time.
To link layers:
Select the layers that you want to link in the Layers panel.
Click the at the bottom of the panel.
To unlink layers, simply select a linked layer, then click the link icon again.
When layers are linked, the link icon will appear beside each linked layer, as shown below.
Delete a Layer
To delete a layer, select it, then lick the icon at the bottom of the Layers panel. A dialogue box will appear asking if you're sure you want to delete this Layer. Click Yes.
When you lock layers, you protect their contents. Photoshop allows you to lock layers fully or partially. A fully locked layer cannot be edited or modified as long as it's locked. For example, when you're finished with a layer, you may want to lock it fully. However, you may just want to partially lock a layer that has the correct transparency and styles, but still needs to be positioned on the other layers.
Whenever a layer is locked, a lock icon appears to the right of the layer in the Layers panel. The icon is solid if a layer is fully locked and hollow if it's only partially locked.
To fully lock a layer:
Select the layer, then click the Lock All option in the Layers panel. The Lock All Option is found above all existing layers. The arrow is pointing to it in the snapshot below.
To partially lock a layer:
Select the layer, then click one (or more) of the options in the Layers panel:
Lock Transparent Pixels. This restricts any further editing to colored pixels in the layer.
Lock Image Pixels. This makes it so the layer's pixels can't be modified with the painting tools.
Lock Position. This prevents the pixels in the layer from being moved.
When you merge two or more layers, the layers that you've merged become one layer.
To merge layers:
Select the layers that you want to merge.
Right click the layers and select Merge Layers.
Apply A Preset Style to a Layer
A style is simply defined as an effect that you apply to a layer. You can create your own styles or use preset styles that Photoshop provides to you.
To apply a preset style to a layer:
Select a layer(s) to apply a style to, as we've done below.
Open the Styles panel by going to Window> Styles.
Select a style to apply and click on it to apply it to the selected layers.
Copying Layer Styles
To copy a style from one layer to another:
Select the layer that contains the style you want to copy in the Layers panel.
Go to Layer>Layer Style> Copy Layer Style.
Now, select the layer that you want to copy the style to, then go to Layer>Layer Style>Paste Layer Style.
Filling and Grouping Layers
You can fill a layer with the paint bucket tool, pattern, or color. Let's start out by learning how to use the Paint Bucket tool to fill a layer.
To fill a layer with the Paint Bucket tool:
Select a foreground color in the toolbox.
The foreground color is the black box. The background color is the white box.
Click the foreground color.
Pick a foreground color, then click OK.
Select the Paint Bucket tool. The Paint Bucket tool is grouped with the Gradient tool (). It looks like this: .
In the Options Bar (shown below), select if you want to fill with the foreground color or a pattern.
If you choose Pattern, you'll see a dropdown box appear with a picture of a pattern. If you click the downward arrow, you can choose a pattern to use.
We're just going to use the foreground color.
Select the blending mode and opacity for the paint, then enter the tolerance for the fill. The tolerance determines how similar in colors the pixels must be to the pixels that you click.
For smoother edges, click Anti-Alias.
Leave Contiguous unselected if you want to fill all similar pixels in the image.
If you want to fill pixels based on merged color data from all layers, check All Layers.
Now, click the part of the image that you want to fill.
In the snapshot below, we've chosen to use the Paint Bucket tool to apply the foreground color to our layer:
we applied the Satin and Gradient Overlay styles.
In an image or document where you have several layers, it may be helpful to organize them into groups. By creating groups, you create a hierarchy of layers. It also makes it easier to find what you're looking for when you need to edit layers. Perhaps you will want to group all layers containing text together or all groups containing shapes. You can easily do this in Photoshop.
To group layers:
Select the first layer that you want to group and drag it to the Group folder at the bottom of the Layers panel.
Drag all subsequent layers to the group shown in the Layers panel.
In the snapshot above, we dragged Layer 1 to the Groups folder.
Next, we dragged Layer 2 to "Group 1."
Both layers are now in the same group.
Now you can name the group so you can remember what layers it contains, as shown below. Double click on the group to rename it.
When the group name is selected (as above), just click to start typing.
Blending Modes, Opacity, and Fill
The blending mode that you choose for individual layers will affect how the pixels in the selected layers blend with other pixels in the image.
To select a blending mode, go to the Layers panel and select a layer.
Choose a blending option from the Blend Mode menu. The menu button looks like this: .
For our example, we are setting the blending mode for Layer 2. We are going to blend the pattern in Layer 2 (shown below) with the solid color in Layer 1 (also shown below).
NOTE: To view a single layer in the workspace, make sure the eye appears beside that layer (and no other layer) in the Layers panel.
From the menu, we're going to select the Lighten blending mode.
In the snapshot below, you can see how the blending mode we chose for Layer 2 affected the underlying layer. It lightened layer two so the colors and effects from layer 1 could show.
If we wouldn't have selected a blending mode, our image would have looked like this instead:
The opacity of a layer determines how it reveals or obscures the layer beneath.
Let's look again at the snapshot of our image when we used the Lighten blending mode on our layer:
Now we can set the opacity for Layer 2 to either reveal or hide more of Layer 1. You set the opacity in percentages using the slider. It's located beside the Blending Modes menu in the Layers panel: .
For this example, we're going to reveal more of Layer 1, so we're going to lower the number to 50%.
Fill is located below Opacity in the Layers panel: . Fill affects the opacity of the current layer without affecting any layers beneath.
Creating Panoramic and Stacked Images Using Layers
Using layers and Auto Blend, you can stitch or combine images and have smooth transitions in the final image. This can create panoramic and stacked images.
Auto Blend works by applying layer masks to each layer as they're needed. This masks out or covers up over or underexposed areas. However, you can only use Auto Blend on RGB or Grayscale images.
You can use Auto Blend to:
To use Auto Blend:
Copy and paste the images that you want to combine in one document or image. Each image should be a separate layer.
Next, choose the layers that you want to blend by selecting them in the Layers panel.
Align the layers using Auto Align (we'll learn how to do that in just a few minutes.)
When you have your layers selected, go to Edit>Auto-Blend Layers.
You'll see this dialogue box:
Leave the checkmark in Seamless Tones and Colors so that the color and tonality are adjusted for blending, then click OK.
When you align layers, you align them so that similar content matches up. For example, you might want to corners of the layers to match up. You align the layers so that the image you create comes out as you want it.
Photoshop CS6 will align your layers for you using the Auto-Align feature.
You can use Auto-Align to:
To use Auto-Align:
Put all images that you want to align into the same document or image. Each image should be separated by a different layer.
Create a reference layer that Photoshop can use as a reference to line the rest of the layers. Create the reference layer by locking one layer in the Layers panel, as we've done below:
Select the layers that you want to align, including the reference layer.
Go to Edit>Auto-Align Layers. You'll see this dialogue box:
Now, select your options:
Use the Lens Correction section to remove any lens issues.
Once you've Auto-Aligned your layers, go to Edit>Free Transform to make any necessary adjustments, then combine or merge the layers.
Creating and Modifying Text
Creating and modifying text will be one of the easiest things you learn to do in Photoshop.
The first thing you want to do is to activate the layer that will contain the text.
Now, go to the toolbox and click on the Text tool .
Go to the Options Bar and set your preferences for the text you're going to create. The Text Options Bar is pictured below.
First, select if you want the text to go horizontally across your image - or vertically by clicking this icon:
Choose the type of font that you want to use, then if you want to appear regular, in boldface, italics, etc. Next, choose the size. The current size is 12pt.
Next, choose the size of the font and if you want the font to be sharp, crisp, strong, or smooth.
Select how you want the text aligned on your image.
Justifies all text to the left hand side.
Centers the text.
Justifies to the right hand side.
Now choose a color for your text: .
Click the icon warp the text using predefined shapes:
Click to toggle the paragraph and character panels:
The above Paragraph panel allows you to set indentions and to block text. It also allows for Photoshop to automatically hyphenate text when it wraps from one line to the next.
To add text to your image:
To modify text that you've just typed, simply backspace to correct errors or click within the text. To modify the format, such as type of font or to add warp, click so the cursor appears before the first letter of text, then drag across the entire portion of text that you want to modify so that's selected:
Let's say you wrote text on a layer, but now you want to move that text to a different location on the layer. The good news is that there's no need to delete the text and start over in the new location.
Instead, select the Text tool and select the text.
Now, click the Move tool in the toolbox.
A bounding box will appear around the text you selected:
You can now transform the text, or you can move in by clicking and holding down your left mouse button inside the bounding box, then dragging and dropping the text to its new location.
- Photo Retouching and Color Correction in Adobe Photoshop
- Adobe Photoshop: Working with Images
- Using The Pen Tool and Other Special Effects Tools in Adobe Photoshop
- Get Started with Adobe Photoshop
- Editing Images and Working with Basic Selections in Adobe Photoshop
- jQuery Methods for Creating Advanced Animation
- HTML5 Videos and Graphics
- Adobe Premiere: Creating Video Effects
- Animation Developments Using jQuery
- How to Add Multimedia to PDF Documents
- Shortcuts with jQuery Plugins
- How to View a PDF Document
- Using Operators in C# Programming
- Working With Documents in Adobe Illustrator