Colourful lighting with Procreate | Peter Nagy | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      00 - Intro


    • 2.

      01 - About the project


    • 3.

      02 - Blocking


    • 4.

      03 - Colouring


    • 5.

      04 - What is ambient light?


    • 6.

      05 - Soft shadows Part 1


    • 7.

      06 - Soft shadows Part 2


    • 8.

      07 - Arrange the layers


    • 9.

      08 - Direction of the sun


    • 10.

      09 - Sunshine and shadows


    • 11.

      10 - Conclusion


  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

This course helps you to understand digital lighting with Procreate app. I am sharing with you my own workflow, everything I do to create original digital illustrations. This course is for you if you want to learn about ambient lights and shadows. We will talk about soft and cast shadows.

I will share all my tips and tricks during the process, but if you missed anything, please feel free to ask, I am here to teach!

In this course you won't learn everything in Procreate. We will work with the most important tools tips and technics which are necessary to create a suny scene like in this course. 

Course structure

- First steps in Procreate. Import the lineart sketch.
- Work with layers, blocking the elements of the scene.
- Define the main colours of the scene.
- What is ambient lights? Quick tour about soft shadows.
- Add ambients to the scene. Turn the flat drawing into 3D look. 
- Arrange the layers
- How to define the direction of the sun. What the shadows look like?
- Add realistic sun and cast shadows to the scene
- Conclusion

Bonus materials

- Lineart sketch

Let's create your incredible 2D art in Procreate! This course is just an inspiration to you.
Feel free to find your own way!

Come and join the course and create amazing digital illustrations

Meet Your Teacher

Teacher Profile Image

Peter Nagy

Illustration, Drawing, Motion design, 3D,


Hello everyone,

my name is Peter, illustrator, motion designer, 3D artist and Painter for 20 years. My playground are
Procreate / Photoshop / After Effects / Blender / Oil on board

I work as motion designer at a leading commercial television channel. I live in Hungary. I create digital paintings and illustrations in Procreate, Photoshop and vector illustrations in Illustrator with iPad and Wacom tablet. I Usually create 3d models, scenes in Cinema 4D and Blender.

One of the most important things for me is to create atmospheric scenes with impressionistic lights and lovely stories.

My Behance portfolio here

To follow my work you can view my portfolio at Behance
Also You can find my timelapse drawing videos at Youtube
My mark... See full profile

Level: Beginner

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. 00 - Intro: When I'm building up an art project, it doesn't matter if it is digital art or not. My number one purpose is to create a unique atmosphere to it. In my courses, I like to show the students how to create the mood for the artwork so they can use this knowledge and add that extra to their art. Hi, I'm Peter and I'm an illustrator, motion designer and 3D artist based in Hungary. I worked full-time as a motion designer for the national TV channel. Besides this, I like to create both classic and digital arts. It means that I not only use my tablet for illustrations for making grandiose artworks, but I also paint oil and soft pasta. Do like digital art more, or are you more into paintings? Doesn't matter. The point is to enjoy creating. Join me and that's USF. 2. 01 - About the project: In this course, I like to show you a useful method to create atmospheric Sun as seen from a simple illustration. Working with the line art sketch that I attached to the course. First, we will create a colored illustration in procreate. Plays the house and its environment in a cloudy mood, who had the shadows are really soft and that is scattered light everywhere and colors are desaturated as well. So we will build a nice base first, then we will be able to bring a sunny scene from it. It will be useful for the future if you want to add different modes to your arts or want to find u and u are designed. 3. 02 - Blocking: It is the sketch that I made in Procreate as well. You can find it as an attachment. So feel free to use during the course in Procreate, I'm going to use two brushes, only, a soft, grainy and hard one round procreate and choose import or photo to find a sketch. Or hit Plus and create an HD format canvas than actions in that photo. In this chapter, I will separate the main elements of the scene. This is a good way if we fill them with different tones in the future, we can work with them easily. Tap to the n character. Here you can change the layer mode, choose Multiply layer mode. Now, we can see only the black lines hit Plus to create a new layer, touch the word layer and rename it to be G. This will be the background layer. Choose a gray color and bring it to the layer, create a new layer above it. Named a layer as a fence. And choose the free hand selection tool with add mode, fine defense, and draw around it. Then fill it with darker green than before. Create the next layer for the tree. Find itself line with the selection tool. And choose darker gray than before. After that, create a layer for the White House as well. Be the free hand tool. You can create state lines, of course, at the start and the end points to define it. Create a layer for the grass and add a name to it. Find itself in line with the selection to feel it. Between the grass and how hosts create another layer for the bicycle named Elaine. Find itself line with the selection tool. That is a stone sidewalk. Let's create a layer to it. The sketch layer will be outlined and I'm going to define a layer for the door frame and Windows. I choose is quite clear part of the fear. Just use the two fingers trick. Now, I'm going to create layers for the shades and the door to separately. I guess it will be better if I create layers for the good there with the two sticks and the chimney. So if I create an additional layer for the bike, here, I define this seat and weirs, right? 4. 03 - Colouring: In the following steps, I will try to define the colors of the scene. I will use clipping mask layers to add colors, create a new layer, then tap to the litter window and choose clipping mask, name it as a wall. With this option, we can paint over the ball shape and we can use the free hand tool at the same time. So use the free hand tool and select the upper part of the house except the roof and the chimney. Now, we have to choose a color for the planks. I want a cyan blue to it. The big question is, what is the value of that color? Imagine you can watch a red car outside when the weather is cloudy. So there are no shadow cast shadows are, so there are no bright and shiny colors. So the value of the color is a range between the saturated color and it's gray bar, when the weather is sunny, colors are more saturated when it's cloudy, the colors are approaching grayish tones. In this situation, I'm going to use a grayish one. I guess this one is fine and good. Feel it. Under this layer, create another clipping mask layer for the roof. It has electrical, they're tied to use similar values. Under the roof layer, add a new one for the base. For this, I use a darker grayish blue color. Chimney. Be light gray. Find a layer of the shade and add desaturated orange color to it. Okay, but behind the shades, add a darker color to represent the room. And the door will be sky blue or something like that. The frames are too bright, so I'm going to choose Var1 gray to feed it. Obviously, leaves have a green color. It looks like military green, but it's fine. For the foreground. I'm going to use the same bad, darker color. The planks of the fence will be orange, like a brick. I love this dy of the retro by Zika. For this one, I want to choose a vivid color. So it will be pink. According to the Raider, I'm going to use the desaturated version of this color. I'm going to create another clipping mask layer for the bike as well. It will be easier if there is a layer for the tires and the seat. And the color I choose for this is bluish gray. Decide work has the same color as the chimney. The tree is green and pick grayish red for the trunk. Here, I use the free hand to us to paint the branches. The good dad has bluish gray. You can adjust the color with the hue saturation. And finally, the sky will be blue. And there was a mistake here. Find the outline and clear the fear here. If you are happy with the result, fear free to manage the clipping layers and the ones under them, except the layers of the bike and house. He does notice that without the outline layer. 5. 04 - What is ambient light?: In the end of the course, we will get a sunny scene. In my opinion, that is a useful and tricky method. If we create an ambience seen first, then add sandwich with cast shadows. What does ambient mean? Imagine you are outside in a field. Divider is cloudy, so you cannot see the sun. This guy is bluish-gray and you hold a square format sheet of white paper. At this time, it looks a bit grayish. The paper is flat at another paper, perpendicularity because the solar rays comes from everywhere, you will see soft shadows where the two papers meet each other. Now it looks more 3D than earlier. A third sheet as well, to create the cube shape, the corner will be darker again and there'll be a stronger soft shadow. If I duplicate and scale this kind of cube, then I put it in, we will see darker shadows again. To bring my flat drawing to a 3D look, I will choose this method in the following steps. 6. 05 - Soft shadows Part 1: It's time to add some shadows to our scene. I like to use the previous method, so I will add layers above the elements. Let's start with the bigger window frame. Create a layer and change its blend mode to multiply and use it as clipping mask as well. I like to use great downs only for the soft shadows. Brighter grades will be fine. In multiply mode, using white tone is absolutely unnecessary. Choose one of your brushes. With a freehand tool. Select the side of the frame like me. Dan painted. The upper flank of the frame is thicker, so 100, I like to add some shadows. The latch is also wider. I recommend that you try to imagine the shapes is true. Sometimes it is not as easy as we think. Usually find reference pictures which can happen a lot. Jumped to the smaller window and add some shadows to it. The next one is the door frame. Dana side are darker. Of course. That our finger wing bars on the columns. For ****, I'm going to use darker tones. Let's check the reside high the outline layer. If you are not happy, we did go to hue saturation and modified the brightness value. If you are ready, you can merge these two layers. My next choice is the roof. Create a layer above width like before. I'm sure the bottom of the roof has to be darker. Select it with the freehand tool and paint it. There is a corner here, so I'm going to choose darker tones to add some contrast and 3D effect. Do I want to separate different planks of the roof with this method? Finally, IT side will be darker. Good. The base of the house. The upper part of the house is much wider. So we have to visualize dark shadows. The right side of the base is darker than the front. The upper part of the front is also darker. There are gaps between the big root blanks. So I'm going to select these lines that I'm going to modify the value of the brightness to make the gaps appear. I like it. So let's merge the layers. Add a layer above the chimney with a soft brush, darker tones. Then grab the free hand tool to select the right side of the chimney. It should be darker. If we check the signs direction, the chimney has a kind of, so I want to represent this effect. Let's show these stones as well. If you already matched the two layers. For the door, I'm going to add a shadow on each side. The brighter parts is it center? Let's jump to the wall. It is a little bit different than the other parts of the house because the planks have angers. I mean, on the bottom we can see the thickness of the planks. So we have to define it as a shaded side with the larger brush at soft shadow on the upper side of the wall. Because the roof is wider. One of the darkest parts is here. And here. No step-by-step, darker lines under the root planks. Select dam in the front side of the war. Hi the outline layer and painted to see the results clearly. Every bank has a soft shaded side on the other side. After select the blank, I use the brush centered following the bottom edge of the plank. I am pleased with the result. Good. 7. 06 - Soft shadows Part 2: I guess it will be better if I increase the brightness of the roof on its front side. He is the coordinator of the house where the planks meet each other. Said I D side of the blanks, then add shade to it. Don't forget the buttons side of the planks. After that, we will use the same process as before. So every plank has a shaded part on itself. It was my mistake. I have to clear the addition a shadow on the roof. It is still much better. Hide the outline layer to check the result. Good. It's time to match these five layers. Go back to the door to make the gaps visible. Defined three selections that change the brightness value. We have a gutter and two sticks, so let's add shade to it. Good there. I tried to use these shapes in its curve, also, where they're good to Hermes the wall and deGrasse. Next step is working with the yellow sheets, clipping mask layer, then multiply mode. Of course, Dan up is darker and merge the layers. Let's talk about defense. Create a layer for it. The surface where the house is close to the fence will be darker, especially on the right side, I guess, because he had the roof looks bigger. So let's paint it. Now. That is a tree on the left side, managed the layers, then find the gaps of the fence. Grab the free hand tool and adjust the selection with brightness. Good. If you want, with the same method, you can add grain to defense as well. Let's focus on the three dots with different rank. Near the ground will be darker. The soft lights comes from mostly the greenery has a brighter part on its top. There are too big to folks on both sides. Actually, I want to use a hard edge shadow to it because I also want to separate it from the ground. Usually leaves have a kind of L section. Same going to select one side of a leaf to darker. It looks better. I guess here, one guy is closer to us and the other one is further away a little bit. Hi there. I wish I layer. Okay, at some darker parts. Fine. Measure layers. As Usha, look at this cute bike, Let's bring it to 3D, roughly. Of course, the seed and the bottom of the seed is darker. It's easy that a tire means the ground is darker and add some shades areas where the frame of the bikes surrounds the tire. Good. Match the frames. Jumped to the pink frame and add a clipping layer, naturally. Multiply mode. With the freehand tool, find a further parts of the frame. Next one is the handle. Before where the front where is don't forget the gear and the bad. Then the chain. I know this is a roof Darwin, but this time it is not important. Good, merge the layers. Add thickness to the Stones. Select their sides and painted. Finally, for the ground, use, a bigger brush. The dark is placed is near the house and fans as well. I apologize. There is a weird place in front of the door. Now I see there is an unwanted part on the house layer. I have to clear it better. In my opinion, I should add much more dark shadows where the bike, the good there and three are. There is a white line left here. After repairing it, I'm going to add pool to the window shades. A circa weight thinner brush. Hold it and tap the screen to create a perfect circle shape. I think we are done. Now, the scene looks more realistic. We can fear the 3D shapes more than before. Maybe the scene looks a little bit boring at the moment. There are no cast shadows and any bright on the surfaces. But it'd be, it'd be a good base to create atmospheric seen from it. 8. 07 - Arrange the layers: For easier work, we can add an inch the layers into groups, find a layer of the chimney first, tap and hold it, then move it into the layer of the frames. We got a new group, name it as house. Dander up the layers of the house into this group. Good there. Nor shades. And the royal house, of course. For the bike, create a group. The grass and the stores are close to us, so this will be the first group. I'm always up for defense and foreground entry. The group of the bike, they should be the second one. Right there. Okay. 9. 08 - Direction of the sun: In this chapter, we will bring our Grayson to unexciting atmospheric one. But first, we have to understand how we can define the sun and this direction. Let me explain my tricks, our methods. So we have to imagine it. I made a coordinate with three axis, x, z, and y. Z is the absolute vertical axis. The y axis is parallel to the house, or see the pink lines. As you can see, the x, y coordinates perfectly match the space of the scene. Actually, I place it on the ground. The first thing that I want you to imagine is the angle of the sun. I only work on the Z and Y axis if I choose only these parameters, these shadows are very long. Let's focus on the top right corner of the door frame and imagine a parallel line. This part of the house will be dark. This will be the size of the cast shadow. I guess it may be boring and doesn't look good. You can see a circle to this because I can define the rotation of the Sun as well. According to it, the shadows will look differently. Second version of the sun direction, we'll make shorter shadows. I have to use parallel lines. The top plank of the door frame is wider, so I make a longer shadow to it. The planks of the base have anger and shadow. We have followed the surface. So this shadow will look like this. The smaller window frame looks like an outer conductor on its side. So the cast shadow of it may be like this shape. Don't forget the planks. We need to adjust the shape. Let's see in black color. The following chapter, I will follow this method. 10. 09 - Sunshine and shadows: First of all, I'm going to keep this arrow. It can be good if I want to check the right direction. For the sunshine, create a layer on top, change the layer mode to add. Then choose a warm and bright orange color. Fill layer. You can adjust the color if you want. Here's the use saturation and brightness. The next step is to create a mask for the right layer. If you paint on it, you can clear or repaired the color. You choose black or dark tones for clearing. It is better than erasing parts. I'm going to group the existing groups into one except the background layer. This will be the scene layer. Then I duplicate it. I want to keep all individual layers, but it can help a lot if I create a flattened layer from the group as well. Hi, this scene layer, it is not required at this time. Select the flatten layer, then use inverse selection because we have to clear the sky on the mask painted with black. After that, we can change the sky color easily. I am going to increase the saturation and the brightness because it's a sunny day. Remember the shadow of the door. Grab the free hand tool and draw a selection like before, the arrow, help us fill it with black again on the mask. Because of the shape of the frame, we may draw a shadow like this. There are shadows on the upper part of the base and its right side is fully shaded. In my opinion, we can match the two big grass and stone layers. Select this layer and clear this amounted shadow on the leaf. Maybe you can manage the layers of the bike selected, then go to the mask and paint it with white to clear the shadows. Debase is made from planks and we can show the shadows. The gaps between the planks. Them fail it, continue on the other side as well. Select the layer of the house. The right side of the chimney should be shaded. I'm going to use a harder brush to paint it on the mask. Paint a thin line cast shadow. If you hold the brush stroke, it will change the straight line. The right side of the house is darker and not bright, so let's modify it to follow the edges of the planks. Under the roof. This surface is also dark. Along the White House. These two sticks are in the dark. Selling the house layer again and paint it. Before. When we add ambient shadows under the planks, it is needed to add cast shadow to select dam or the direction of the shadows is not important at this time. Good. Now I'm going to do peak brushstrokes under the roof. For the left side. I'm for the right arm was good, but there is a small window frame and the shadow mask continue its shape. So the right shadow will look like this. Don't forget the angle of the planks than the inner side of the frame. Go to the main window. It is almost similar shape than the smaller frame. I'm going to add some Tina shadow lines here. Maybe TV better. If the bike is dark by the shadow. Selected, then modify it on the mask. The leaves have unwanted shadows again. Okay, go back to the roof. Of course, the right side is darker and a good day or has a shaded side as well. You can use the unmatched layers or the free hand tool to create selection. The next element is defense. First of all, I'm going to add the cast shadows to the thickness of the plaques. Now switch to soft brush and make big batches like this one on the right side. Go to the tree trunk. The trunk is thicker than the right branch, so I'm going to bring it too dark. With a large soft brush, I'm going to paint the greenery, except it's dumped. Find a layer of the stones. Here. I'm going to represent these thickness. I can try to imagine the leaves on this sunny day according to the arrow of the sun direction. I'm going to add shadows to the right of the leaves. Maybe use some soft patches to go to the other one. First of all, create the shadows. The left side of the leaves are brighter. To calculate the size direction is too hard, I guess. Go to the ground. Let's create the cast shadows. The shadows are not so long if you see the door frame. So I have to use a similar length for it. The longest shadow is the cast shadow of the house. Okay. The last element on the scene is the bike. There will be bright and dark of the handles, the top of the frame and see it as well. Different tire. Every byte has grown parts. I'm going to add a new layer to repaint some elements on the bike. Imagine better. Then finally, I'm going to add some huge self patches to create graphs, figured, and textures at same time. And here is our final work. The sunshine and shadows are in one layer, hue saturation. We can adjust it easily. The brightness or how you can change the intensity of the sun. The light can be warmer or colder. We can represent the sunset mood if we want. 11. 10 - Conclusion: So here is my version of the final art. Sometimes it is hard to imagine what we want to see at the end. Sometimes it is better if we choose a slightly longer way. Finally, we will be able to get a more precise result that we want it to reach from the beginning. I hope this course has a lot and you found a use for info's. You want to know. If you have any questions, feel free to ask me. Bye.