1 layer up to keep warm… a short tutorial on the usage of layers
TRANSCRIPT
![Page 1: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/1.jpg)
1
Layer up to keep warm…A short tutorial on the usage of layers
![Page 2: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/2.jpg)
2
What are layers?
• Layers are multiple images on top of each others.
• Each image can be manipulated independently of others in the layered image.
• There are many different types of layers.– Background, Raster, Vector, Adjustment and
Mask
![Page 3: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/3.jpg)
3
Type of layers
• Background Layer– Bottom layer of an image– Contains raster data but cannot display
transparency.– Cannot change its order in a stack, its blend
mode or its opacity.– All JPG image are considered a single
background layer image.
![Page 4: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/4.jpg)
4
Type of layers
• Raster Layers– Raster layers are layers with raster data - or
data that is composed of individual elements, called pixels, arranged in a grid, each with a specific location and color.
– Photographic images are composed of raster data.
– Digital cameras take pictures in raster format.
![Page 5: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/5.jpg)
5
Type of layers
• Vector Layers– Contains only vector objects
• lines, curves
• shapes
• texts
• vector groups
– Use a vector layers to create objects or text that you can easily edit.
![Page 6: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/6.jpg)
6
Type of layers
• Adjustment Layers– Adjustment layers are correction layers that
adjust the color or tone of underlying layers.• Some examples of an adjustment layer type
– Brightness/Contrast - Color Balance
– Hue/Saturation/Lightness - Curves
– Levels - Many others...
– Adjustment layers cannot be a background layer.
![Page 7: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/7.jpg)
7
Type of layers
• Mask Layers– Mask layers show or hide portions of
underlying layers.– Mask layers are really an adjustment layer that
modifies opacity.– Can create sophisticated effects such as
collages.
![Page 8: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/8.jpg)
8
Sample usage of Layers
• Preserve the original image before making changes.– Just duplicate the background layer.– Turn off the visibility of the background layer.– Make only changes to the duplicated layer.
![Page 9: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/9.jpg)
9
Sample usage of Layers
• Make color and tonal corrections– Use adjustment layers– This preserve the original image from being
modified.– Adjustment layers can be turned on and off to
differentiate the adjustment from the original.
![Page 10: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/10.jpg)
10
Sample usage of Layers
• Add text or graphics– Add them as vector objects to a new vector
layer.– Can be easily modified.– If they are added to a raster layer, they become
part of the image and can be hard to modify.
![Page 11: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/11.jpg)
11
Sample usage of Layers
• Create a photo collage– Place each photograph on a different layer.– Use the layer’s opacity setting and blend mode
to control how much of each layer shows through.
– Use mask to hide parts of a layer or create soft edges around a layer.
![Page 12: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/12.jpg)
12
Part I: Simple Adjustment Layer Sample Tutorial
![Page 13: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/13.jpg)
13
Part I: Open up image to process
![Page 14: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/14.jpg)
14
Part I: Insert new levels adjustment layer
![Page 15: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/15.jpg)
15
Part I: Experiment with the levels setting...
Togglethe eyes.
Play with the transparency(opacity) slider.
![Page 16: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/16.jpg)
16
Part II: Blending two images automatically
![Page 17: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/17.jpg)
17
Part II: First open the two images.
2. Then make a copy of the bird image and paste it onto the background as a new raster layer.
![Page 18: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/18.jpg)
18
Part II: Experiment with the transparency slider
Bird Transparency at 100% Bird Transparency at 50% Bird Transparency at 10%
![Page 19: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/19.jpg)
19
Part II: Experiment with the blending type
Blending type: Darken Blending type: Lighten Blending type: Hue
![Page 20: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/20.jpg)
20
Part III: Using Mask Layers to make collages
![Page 21: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/21.jpg)
21
Part III: First select an image as a background layer.
2. Then open up the first image and copy it into the background image as a new raster layer. See Part II for the steps. Use the directional arrow to move the new raster image around.
Move the new rasterlayer to the desired
location.
![Page 22: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/22.jpg)
22
Part III: Create a mask sub-layer to the raster layer.
Click on the Mask buttondenoted by the arrow on thelayers window to the lowerleft.
![Page 23: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/23.jpg)
23
Part III: Set up the tools for masking.
1. Mask automatically turnsthe palette to 256 shadesof gray. Make sure thedarkest point is black andthe lightest point is white.
3. Set airbrush size to 30and opacity to 100.
2. Select the airbrushtool from the toolsmenu bar on the left.
![Page 24: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/24.jpg)
24
Part III: Now paint away the unwanted portion of the image.
Slowly airbrush away theportion of the image you donot want. Change the brushsize on the airbrush toolbarwhen you want to fine tunethe masking. If you make amistake, just use the othermouse button to restore whatyou brushed out...
From time to time, hover the mouseover the mask layer to see the areawhere the raster image was masked.
![Page 25: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/25.jpg)
25
Part III: Once you are done with the mask, you can move it
around the background image to reposition it..
Use the move tool tomove the mask aroundto the desired location.
![Page 26: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/26.jpg)
26
Part III: Open the next image, copy it and paste into the main
image as a new layer. Our layer should have three images now. The background, the raster layer 1 and now the raster layer 2. To make it
easier to remember, you can name your layers.
As always, youcan use the movertool to move thenew raster layerto the desiredlocation beforeprocessing it.
![Page 27: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/27.jpg)
27
Part III: To make this layer a little different, lets resize the layer
before we convert it into a mask.
Ignore the pixelwidth and height,resize to thedimensions only.
NOTE: Uncheck“Resize all layers”.
![Page 28: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/28.jpg)
28
Part III: Repeat the steps in page 22 through 25 for this image
and all other images.
Continue to work on theremaining images...
To make it less confusing whenmasking a layer, turn the visibilityof the other layers off by clickingon the “eye” visibility icon. A red“X” on an eye means that layer isinvisible. To return visibility, clickon the “eye” again.
![Page 29: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/29.jpg)
29
Part III: The complete collage
![Page 30: 1 Layer up to keep warm… A short tutorial on the usage of layers](https://reader033.vdocuments.net/reader033/viewer/2022051401/5697c01f1a28abf838cd18fb/html5/thumbnails/30.jpg)
30
Questions?