Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Design a colorful Northern Lights landscape

Tips about how I made the Northern Lights wallpaper ( see wallpaper).

Design a colorful Northern Lights landscape - Step 1

Let’s start with mountains
(though the particular order of steps is not important now). Switch to
Pen tool (P), set foreground color to black, and start drawing
mountains with short “strokes” or pen (click – drag a little –
release).
 
Design a colorful Northern Lights landscape - Step 1

Continue until the mountains shape is ready.
 
Design a colorful Northern Lights landscape - Step 2

If
you want mountains to look more natural, you can add trees to top of
it. Create new layer, switch to Brush tool (B), select very small
(2-3px) hard brush, and draw trees carefully with short vertical
strokes. I recommend you zoom in while drawing.
 
Design a colorful Northern Lights landscape - Step 3

This is how mountains look with trees added.
 
Design a colorful Northern Lights landscape - Step 4

Now let’s design the sky in the background. Create new ‘sky’ layer behind
the layer with mountains (it should be on bottom of list of layers).
Fill it with black. Because mountains are also black, they will
disappear, just like shown on this preview 🙂
 
Design a colorful Northern Lights landscape - Step 5

Set
foreground color to dark blueish-purple, select very large soft brush
(B), set brush opacity to 10%. Draw some lights behind mountains.
 
Design a colorful Northern Lights landscape - Step 6

Change color to lighter gold, make brush size smaller, and add smaller lights just near the right edge of mountains.
 
Design a colorful Northern Lights landscape - Step 7

Change color to lighter blue, and repeat the same on the left edge of mountains.
 
Design a colorful Northern Lights landscape - Step 8

Now
it is time for the most exciting part – the Nothern Light! I recommend
that you create new layer set for each Light. Switch to Pen tool, set
color to black, and make the shape similar to shown here – bottom curve
is important, all else will become invisible. It might go outside file
boundaries, if you’d like. Let’s call this layer “Northern Light black
shape layer”.
 
Design a colorful Northern Lights landscape - Step 9

Create
new layer, switch to gradient tool (G), open Gradient Editor (to do so,
click the gradient preview on top toolbar). Create gradient with colors
you’d like. Then, fill the layer with gradient from left edge of image
to right.
 
Design a colorful Northern Lights landscape - Step 10

Go
to Layer menu – “Create Clipping Mask” (Ctrl-Alt-G), so that the
gradient layer is only visible within Northern Light black shape layer.
 
Design a colorful Northern Lights landscape - Step 11

Select
the Northern Light black shape layer. Create a mask: Layer menu – Layer
Mask – Reveal all. Make sure layer mask is selected (not layer itself).
Switch to Brush tool (B), set color to black, select very large soft
brush. Draw on mask with black brush – the layer becomes invisible as
you draw, similar to Eraser tool. You should “erase” almost everything,
keeping the area near bottom curve. Continue until the shape starts to
look like northern light.
 
Design a colorful Northern Lights landscape - Step 12

To
make our lights more realistic, we need to add some vertical shades.
The best way to achieve it is to use Noise effect. Create new
(temporary) document, about 20 x 8 pixels. Fill it with grey color,
then apply Noise (Filters menu – Noise – Add Noise, amount = 20-30).
You should get something similar to shown here (zoomed in).
 
Design a colorful Northern Lights landscape - Step 13
Select
all (Ctrl-A), copy (Ctrl-C), close temporary file, paste into our
original file (Ctrl-V), then transform (Ctrl-T) and scale up so that it
covers Northern Light black shape layer entirely and even bigger. Apply
some Blur (Filters menu – Blur – Gaussian blur, radius = 10-20px).
 
Design a colorful Northern Lights landscape - Step 14

Go
to Layer menu – “Create Clipping Mask” (Ctrl-Alt-G) so that the “noise”
layer is only visible within Northern Light black shape layer.
 
Design a colorful Northern Lights landscape - Step 15

Finally, change layer Blend Mode to “overlay”. Ta-da! The first Light is ready!
 
Design a colorful Northern Lights landscape - Step 16

Repeat these steps for each Light that you want to add. Let me show you quick previews without much comments:
 
Design a colorful Northern Lights landscape - Step 17
 
Design a colorful Northern Lights landscape - Step 18
 
Design a colorful Northern Lights landscape - Step 19
 
Design a colorful Northern Lights landscape - Step 20
 
Design a colorful Northern Lights landscape - Step 21
 
Design a colorful Northern Lights landscape - Step 22
 
Design a colorful Northern Lights landscape - Step 23

To add more lights, simply repeat the steps above.
 
Design a colorful Northern Lights landscape - Step 24

Next
step is: water and reflections. Create new layer, set foreground color
to dark blue, switch to Shape tool (U), select Rectangle tool and draw
rectangle where water is supposed to be.
 
Design a colorful Northern Lights landscape - Step 25

Open
Layer Blending Options (Layer menu – Layer style – Blending Options).
Add Gradient Overlay (black-to-white), check Reverse (so that black is
on top), set gradient Blend mode to Multiply.
 
Design a colorful Northern Lights landscape - Step 26

Create
new (temporary) document, with width and height 50% of our water
rectangle. Fill with grey color, then apply some noise (Filters menu –
Noise – Add Noise, amount = 20-30). Then change Image Size (Image menu
– Image size) to 200%.
 
Design a colorful Northern Lights landscape - Step 27

Select
all (Ctrl-A), copy (Ctrl-C), close temporary file, paste into our
original file (Ctrl-V) so that it covers the water rectangle.
 
Design a colorful Northern Lights landscape - Step 28

Go to Filters menu – Blur – Motion blur. Set Angle to 0, Distance to 30-50 pixels (please experiment).
 
Design a colorful Northern Lights landscape - Step 29

Go to Edit menu – Transform – Perspective, drag lower edge as shown here.
 
Design a colorful Northern Lights landscape - Step 30

Set
layer Blend mode to Overlay, and opacity to 15-20%. Now the water is
almost invisible, but do not worry! We’ll add reflections and it will
look better.
 
Design a colorful Northern Lights landscape - Step 31

Hide all layers except Lights. Select all (Ctrl-A) and copy merged (Ctrl-Shift-C).
 
Design a colorful Northern Lights landscape - Step 32

Show
all layers again. Select the layer with water, paste lights (Ctrl-V)
and flip vertical (Edit menu – Transform – Flip vertical). Move lights
down inside the water.
 
Design a colorful Northern Lights landscape - Step 33

Transform (Ctrl-T) and squeeze the layer vertically.
 
Design a colorful Northern Lights landscape - Step 34

Apply Blur (Filters menu – Blur – Gaussian Blur), radius = 20-30px.
 
Design a colorful Northern Lights landscape - Step 35

And finally, change layer Blend mode to Linear Dodge and Opacity to 40-50%. Done!
 
Design a colorful Northern Lights landscape - Step 36

The last step is to add some stars to top of dark sky. You can read about drawing stars in my previous tutorials, Making of Rainbow or Making of Christmas Night . Thanks for reading!
 
Design a colorful Northern Lights landscape - Step 37

Design a colorful Northern Lights landscape - Step 1

Author: Vlad Gerasimov
URL:    http://www.vladstudio.com

See Full Screen Wallpaper

Comments