How to Use Layers in Image Editing Programs and Apps

6k Views 181 Likes 17 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
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.

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
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.

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
Now I'll draw some red on the new layer.

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

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).

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
I've added another transparent layer and drew a little in blue.

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

9
One more layer with a green circle.

One more layer with a green circle.

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.

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
Now I've moved the green layer to the bottom just above the white background layer.

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

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.

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
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.

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
Add a transparent layer on top of the image.

Add a transparent layer on top of the image.

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.

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
Now to see just the drawing without the image. Make the image layer invisible.

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

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.

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
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.

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
Another use is positioning different parts of an image. Each part is on its own layer.

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

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

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

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

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

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.

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
17 COMMENTS

View More Comments