How to Use Layers in Image Editing Programs and Apps

6k Views 181 Likes 16 Comments
1

In this guide I'll be using the ArtStudio app to show how to use layers. But the same principles apply to all image editors that support layers.

2

Think of layers as sheets of either paper or sheets of clear plastic. Imagine a drawing on a white sheet of paper. Then a drawing on a sheet of clear plastic. Then place the plastic sheet on the paper

Recommended For You
3

That would be the same thing as layers in an image editor. The only difference is the layers are digital layers.

4
Image for Step 4

I'm using ArtStudio but it's the same with other editors and apps such as photoshop. Here I have a single white layer. Since its white and not transparent. This is like a sheet of white paper.

5
Image for Step 5

Here I've added a layer. This is a transparent layer which means its like a sheet of clear plastic. It's on top of the white layer. The white layer is the background layer.

6
Image for Step 6

Now I'll draw some red on the new layer.

7
Image for Step 7

As you can see the drawing is placed on the top transparent layer because that's the layer that's selected (outlined in orange when selected in ArtStudio app).

8
Image for Step 8

I've added another transparent layer and drew a little in blue.

9
Image for Step 9

One more layer with a green circle.

10
Image for Step 10

You can adjust the oder of the layers. Note the green is now under the blue. In ArtStudio you change the order by dragging the layer down or up. Just like moving your home screen app icons.

11
Image for Step 11

Now I've moved the green layer to the bottom just above the white background layer.

12
Image for Step 12

In the app you can make a layer invisible by taping the eye icon. The layer is still there but it's just invisible. Most image editors can make a layer invisible because it's useful.

13
Image for Step 13

Here's one way to use layers but there are many other useful ways to use it. Here's an image of yours truly. I'll make myself into a drawing.

14
Image for Step 14

Add a transparent layer on top of the image.

15
Image for Step 15

Now I can trace the picture on a layer above the actual image. Note I also added a white background layer below the image of me.

16
Image for Step 16

Now to see just the drawing without the image. Make the image layer invisible.

17
Image for Step 17

I could spend a lot more time on this image but I just made it real quick while making this guide to show one use.

18
Image for Step 18

Use layers to aid in coloring. For instance one layer is all the skin. Don't worry about leaving the eyes white. You can whiten them on a new layer above the skin layer.

19
Image for Step 19

Another use is positioning different parts of an image. Each part is on its own layer.

20
Image for Step 20

So you can adjust one layer at a time to position things where you want them.

21
Image for Step 21

I've adjusted the image on one layer without disturbing the other parts of the image.

22
Image for Step 22

Then adjust the other object on other layers individually. As you can see, Layers are a very useful and usually a crucial part of any graphic art work.

23

Well that covers the basics of layers. There is more to know but this is the basics. I hope someone finds this helpful. Feel free to ask any questions you might have.

keyboard shortcuts:     previous step     next step
Comments
16 COMMENTS
View More Comments