art 1 | art 2 | drawing&ptg | comp. graphicss | adv. comp. graphics | visual literacy | ceramics I | ceramics II | sculpture&jewelry | art history
 
Layers
Based on the book "Photoshop. Classroom in a Book".
image 1 | image 2 | image 3 | all about layers | handout
Objectives: Students learn to use layers, Layers palette and Layer styles.
Essential questions:
1. What is layer?
2. What can you adjust in a Layer's palette?
3. How to apply Layer effects?

Download the files and open them in Photoshop:

What is a Layer?

Photoshop layers are like sheets of stacked acetate.

You can see through transparent areas of a layer to the layers below.

You move a layer to position the content on the layer, like sliding a sheet of acetate in a stack.

You can also change the opacity of a layer to make content partially transparent.

Each image can be moved or edited independently. But... more layers you have - bigger the file size

Step 1- combining two files

Open file "layers1.jpg" and "layers2.jpeg".

Choose Move tool

Drag the Clock onto the keyboard image.

 

That will add the Clock to the Keyboard file.

Close the Clock file. You won't need it anymore.

Step 2 - renaming layers

Look at the Layers Palette.

What you see - is a stack of two images, Clock image being on the top.

Each layer has a thumbnail - preview window.

Most of the time you can see what's on each particular layer, but when the image is too small - you cannot rely on a thumbnail.

You need to name each layer that will give you all the information you need.

Double-click on "Layer 1"

Type "clock". Try to be as descriptive as you can when name the layers.

Step 3 - adding a layer

Open layers3.jpeg

Drag it onto your project.

Rename the layer: wheel

Hide the new wheel layer by clicking on the eye icon.

Select the clock layer again.

Step 4 - remove background

Let's get rid of the white background on the clock layer.

With the clock layer selected, choose Magic Eraser tool:

Click on the white area. It will delete the solid white background, leaving just the clock.

Repeat the steps to delete the white background on the wheel layer:

Select the layer,
Choose Magic Eraser,
click on background.

Step 5 - layer transparency

You can change transparency (opacity) of each layer.

Just go to the layers palette and move the slider or type in the numerical value.

Change Clock's opacity to 50%

Step 6 - layers' blend modes

Working with blend modes is almost always an experimental process. Because it’s nearly impossible to predict the results.

A layer’s blending mode determines how its pixels blend with underlying pixels in the image.

Try them all to see the effects.

Set Clock layer's mode to Screen.

Change the Opacity to 90%

Step 7 - moving layers

You can select multiple layers to move them simultaneously and to resize them.

Just Ctrl/Command click on the layers that you want to add to a selected layer(s).

Position images as shown.

Select Clock layer.

Resize, reposition, and rotate the Clock:
Edit > Transform > Free Transform
(or Command T)

When done - press Return (Enter).

All new layers that you created (clock, wheel) can be easily moved or edited.

The initial image (keyboard) is on a "Background" layer - which is locked and cannot be moved.

To unlock the Background layer - just rename it - double-click on the layer and give it an appropriate name (or use a default "Layer 0").

Step 8 - adding a gradient layer

Next you are going to add a Gradient layer for a special effect.

Add a new layer.

Name it Gradient

Choose Gradient tool.

In the Option bar choose Linear Gradient and Foreground to Transparent.

Select a color for your gradient.

Use Color palette or Swatches palette.

Drag gradient from right to left.

Change Gradient's opacity to 60%.

Step 8 - add a Type Layer

Now you are going to add text to your project.

Select Type tool.

Select a font and font size and color in the Option bar.

Click on the image and type your name (don't drag - just click and start typing).

Once you clicked on the image - a new T layer appeared in the layers palette.

Step 8 - layer effects

Select Move tool and reposition the text.

Then go to:

Layer > Layer Style > Bevel and Emboss

 

Cool?

Done!

This is what the image should look like.

Print it and turn it in!

 

Thanks.

more info about layers

 

 

top

home | my art | my ceramics | my graphics and cards | my paintings | art lessons online | resources | school art classes | art 1 | art 2 | computer graphics | adv.comp.graphics | visual lit | drawing & painting | ceramics 1 | art history | contact | privacy policy