Illustrator Tutorial: Night Scene

vector night scene

In this tutorial, I will teach you how to create a fantastic night scene on Illustrator. You will learn on how to use Live Paint to color the house and give a night lighting effect to the house. You will also learn to draw trees and create a moon glow effect using Gaussian blur.

1. First, let us open a new document. To open a new document, go to File > New. When you click on New, a new document will open. As shown in the image above, we will first name the file and then input the dimensions of the artboard. It is very important to remember that we need to set the color mode in the document to RGB, so that the image looks like an original image.

Drawing the House

2. You can see 3 objects in the Night Scene image: the house, the land and the sky. We will start by working on the house. To make the house, we have to use a sketch. You can find the sketch in the file download. We will primarily trace this sketch. To trace the sketch, import the house on the artboard.

vector night scene3. Lock the sketch by pressing Ctrl + 2. Then select the pen tool and draw over the sketch line as shown in the image below.vector night scene4. After tracing the sketch, our image will look like this.vector night scene

5. Go to tools and select Live Paint Bucket.

vector night scene

6. Using this tool, click on the house that is traced and fill it with this tool.

vector night scene

7. Add colors to the house using this tool.

vector night scene

8. Since we are making this image for night effect, we have to give the house a night lighting. To add the night lighting, select the house and copy it.

vector night scene

9. Select the house and go to Pathfinder window.

vector night scene

10. Select the option indicated above, which will convert the house into a shape.

11. Fill this shape with blue color and place it over the house.

12. After placing the shape, go to Transparency window and select HUE option, as shown in image below.

vector night scene

13. After placing the shape over the house, it will look something like this.

vector night scene

14. Copy this shape once again and place it over the house. By doing so, the color of the house gets darker. It will look like this.

vector night scene

15. Our house is now ready.

Drawing the background

16. Let’s start working on the image background now and draw the land.

vector night scene

17. To make the land, draw a shape of a hill on the artboard.

vector night scene

18. Fill this shape with color. The value is given in the image below.

vector night scene

19. After filling the shape with gradient color, make one more shape.

vector night scene

20. Fill the other shapes with gradient color, too. We’ll use the same value which was used in the earlier shape.

vector night scene

21. Now, on this shape, use the pen tool to make one more shape. See image below.

vector night scene

22. Fill this shape with gradient color in values given below.

vector night scene

23. Select this shape and go to Effect > Blur > Gaussian Blur.

vector night scene

24. By selecting the Gaussian Blur option, a window will pop up. Input the values shown below.

vector night scene

25. By doing the above step, the shape gets a little blurred.

vector night scene

26. Now on this blurred shape, copy the shape below.

vector night scene

27. Select both shapes and then mask them.

vector night scene

28. Similarly, blur the other shapes in the back and mask them.

vector night scene

Drawing the Night Sky

29. The next step in this tutorial is creating the sky. To do so, make a box first and fill it with black color, as shown in the image below.

vector night scene

30. Select the mesh tool and click on the left corner of this box. Input the values given here for the correct color.

vector night scene

31. Similarly click on the right corner and input the given color. See below for the given values.

vector night scene

32. Click on the bottom left corner and fill the given color, the values shown below.

vector night scene

33. Set background opacity to 50%.

vector night scene

34. Make one box over the artboard and set the values given below for the color.

vector night scene

35. Place this box behind all the objects. You can use Ctrl + Shift + {.

vector night scene

36. Now, goto Windows > Symbol Libraries > Nature.

vector night scene

37. By selecting this option, you will see a window ithat looks like this.

vector night scene

38. In this window, select the option that is marked red and move it onto the artboard by dragging it.

vector night scene

39. Select the symbol, go to Object > Expand option. Then expand the symbol.

vector night scene

40. After expanding the symbol, go to Edit > Edit Colors > Adjust Color Balance.

vector night scene

41. After selecting this option, you will see a window to adjust the colors. Input the values given below.

vector night scene

42. Place the trees as per your liking on the image.

vector night scene

43. We have used 2 types of trees in the final image. Now, let’s make the second tree. To do so, copy the first tree and go to Pathfinder window and select Add to Shape.

vector night scene

44. By choosing this option, the image will take a new shape. Fill the shape with black color.

vector night scene

45. Copy this tree and place it as per your liking around the image.

vector night scene

46. Next,we will make stars. To create the stars, see the steps below. First, make a shape as shown in the image below.

vector night scene

47. Select the star then go to the tool bar and select Crystallize tool.

vector night scene

48. Place this tool over the shape and click. This will convert the shape into the star that we will use on the image.

vector night scene

49. Place the stars as per your liking in the image.

vector night scene

50. On the top left of the image, make a white circle.

vector night scene

51. Copy this circle and make a slightly bigger circle.

vector night scene

52. Select the second cirle and go to Effect> Blur > Gaussian Blur.

vector night scene

53. By choosing this option, you will see a window in front of you in which to input the values given below.

vector night scene

54. After putting the values, the circle gets blurred. See image below.

vector night scene

55. Copy this blurred circle and make a slightly bigger circle.

vector night scene

56. Now, change the color of the biggest circle to blue.

vector night scene

57. Place these blurred circles under the first circle.

vector night scene

58. After placing them, our image will look like this.

vector night scene

59. Our moon is now ready. Place any random shape on the moon that is similar to add a moon texture to it.

vector night scene

60. Trace the clipart of the owl and place on the image. You can use some cliparts from the internet, too.

vector night scene

61. Place the house on the hill to complete our night scene.

vector night scene

To download the source file for this tutorial, you will need to login as a member.
Sign up today to access all exclusive members content!


[private_basic]
Download Source File
[/private_basic]
[private_premium]
Download Source File
[/private_premium]
Be Sociable, Share!

Social Media Icons

Visit Us On TwitterVisit Us On FacebookCheck Our Feed