MRS. POOL'S BEARCAT CLASSES
  • 2022-2023
    • Syllabus/Signature Page
    • Photography I >
      • A-Z beginning scavenger hunt
      • Famous Photographers
      • Website Critique
    • 8th Grade Computer Apps
    • 7th Grade Computer Apps
    • Intro to Arts/AV
    • Photography II
  • Classroom Information
  • Extras: Royalty Free Music

Layers

Starting Date: Tuesday, March 16 & Thursday, March 18
  • Objectives:
  • Explore Layers palette
  • Reorder, hide, delete layers
  • Layer styles and effects
  • Layer modes
  • Add-on layers
  • Type layers
Picture
layers1.jpg
File Size: 4936 kb
File Type: jpg
Download File

layers2.jpg
File Size: 1530 kb
File Type: jpg
Download File

layers3.jpg
File Size: 885 kb
File Type: jpg
Download File

STEPS:
Picture
Open typewriter and clock image files in Photoshop.
Choose Move tool.

Grab the Clock tab from the tab pane and "un-nest" it by dragging it away.
​
Now combine the typewriter and the clock:
Drag the Clock onto the typewriter image while holding SHIFT key down to center the new layer.
Picture
Picture
Look at the Layers Palette.
What you see - is a stack of two images
Clock image being on the top.
Photoshop named this new layer "Layer 1".
New layers are always placed above selected layer
Picture
Picture
Each layer has a thumbnail - a small preview window.
Most of the time you can see what is 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.
Enter
Save. Now this file will be saved as a .PSD file (Photoshop format) because you have more than one layer in it.
.JPG format does not support multiple layers.
Picture
Open gear image.
Shift-Drag it onto your project
Picture
Select the clock layer again.
Picture
​Let's get rid of the white background on the clock layer.
With the clock layer selected, choose Magic Eraser tool
Picture
​Click on the white area.
It will delete the solid white background.
Picture
​Click inside the clock ring to remove the rest of the background
Picture
​Repeat the steps to delete the white background around the gear image.
Select the gear layer,
Make it visible again,
Choose Magic Eraser, 
Click on all white areas
Save.
Drag the clock layer above the gear layer.
Always pay attention to the Layers palette to be aware of which layer is currently selected.
Picture
You can change transparency (opacity) of each layer.
Just go to the Layers palette and move the slider or type in the numerical value.
Hide the Gear layer for now.
Change Clock's opacity to 50%
Picture
Should look like this.
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.
17
File Size: 22 kb
File Type: 17
Download File

Picture
Change clock layer's mode to Hard Light
Picture
Increase opacity to 70%.
Picture
Your image should look something like that.
Picture
Use Move tool and reposition the clock to the bottom right corner.
Picture

Make gear layer visible.
Picture
​We are going to resize and reshape the gear image now.
First - we are adding some perspective to the perfectly round wheel.
In the Menu bar:
Edit > Transform > Distort
You will see the bounding box appeared around the gear - the same bounding box as we saw when we used Free Transform command (Command/Ctrl T) before.
There is only one difference though - you can drag the handles individually to reshape the image.
Picture
To add the feel of depth to the gear we need to add width to the front of the image (bottom part) and narrow down the back of the image (top part).
Hit Enter when you are done to apply the transformation.
Picture
​Free Transform (Command/Ctrl T) to resize the gear as shown.
Enter.
Save.
Picture
​In case you need to move or edit multiple layers simultaneously - you can select these layers in the Layers palette by holding Shift key (the layers that are next to each other) or Ctrl key (if they are not next to each other).
Picture

Move both - clock and gear - layers up, as shown.
Picture
​Now let's change the appearance of the gear layer.
Select it.
Change layer mode to Overlay.
Picture
Move the gear down a little (as shown).
Save.
Picture
​To add a new layer to the top of the stack:
Select your currently top layer (clock).
Click on "New Layer" icon at the bottom of the palette.
New "Layer 1" will be place at the top.
Picture
​Rename this layer "gradient".
We are going to apply a color effect to the image.
Picture
Double-click on the Foreground swatch in the Tool box.
Picture
​Choose a nice blue color from the Color Picker
Click OK.
Picture
You can also choose a color from Swatches palette
(Window > Swatches)
Picture
​Choose Gradient tool from the Tool box.
Picture
​In the Options bar:
Choose Linear Gradient option.
Choose "Color to Transparent" option (#2).
This option sets the gradient to blend from your Foreground color (in our case - blue) to fade.\
Grey checkers pattern represents transparency.
Picture
​Click on the right side of the image window and drag towards the left side.
The gradient option is called :Color to Transparent" - which means:
where you click - is where your color starts
where you let the mouse go - is 100% transparent
the distance that you drag - is the area of the gradual fading.
Picture
Picture
​Change gradient's layer blending mode to Multiply for more vibrant effect
Picture
Picture
Let's add some text to the image.
Choose Type tool from the tool box.
Click and start typing. (Do not drag a text box, just click).
Picture
​As you start typing - a new layer will be created in your Layers palette.
You will see letter T instead of a thumbnail. That will show you that this layer is strictly a text layer.
Picture
With your text layer still selected - you can change the appearance of the text.
From the menu bar:
Window > Character
This is where you can change the font, size, color, letter spacing, and other settings for your text.
You will see the changes right away in your image window.
Picture
Once you're done typing - the Type layer will pick up the name from your text.
Picture
​Let's add a few effects to the text.
In the menu bar:
Layer > Layer Style > Bevel & Emboss
Picture
In the pop-up window:
Check Contour option
Check Texture
Choose style: Pillow Emboss
You can experiment with the settings.
OK
Save
Picture
​In the pop-up window:
Check Contour option
Check Texture
Choose style: Pillow Emboss
You can experiment with the settings.
OK
Save
Picture
You can change text settings in the Options bar in addition to the Character palette. Click on Type tool. Then change the font size to a bigger number. You can also edit or completely change the text at any time. The layer style will stay.
Picture
To reduce the file size - we can merge the layers. You can choose to merge selected layers.
Layer > Merge Layers (reduced file size)
... or all layers
Layer > Flatten Image (smallest file size)
​Please note:
After you merged the layers and closed the image - you cannot work on individual layers or undo the action.
Proudly powered by Weebly
  • 2022-2023
    • Syllabus/Signature Page
    • Photography I >
      • A-Z beginning scavenger hunt
      • Famous Photographers
      • Website Critique
    • 8th Grade Computer Apps
    • 7th Grade Computer Apps
    • Intro to Arts/AV
    • Photography II
  • Classroom Information
  • Extras: Royalty Free Music