Night Before Christmas : Photoshop Tutorial And WallPaper

 Posted in Freebies Tutorials 1267 days ago Written by: Dainis Graveris
  • Buffer
  • Pin It
  •  33

title photoshop tutorial wallpapers freebies tutorials text effects freebiesAs I saw everybody enjoyed previous Christmas related tutorial, I decided to keep it that way and now I am offering You the next Photoshop task. Tutorial creation took me about 4 hours, so You could do this in 30min or an hour. I wish You good luck and please provide us with Your outcomes! We will use many different and useful techniques here so read everything carefully and ask if You don’t understand something.

And now I wish You good luck – and keep Your Christmas spirit going!

preview night before christmas tutorial wallpaper wallpapers freebies tutorials text effects freebies

We will create something like this, click on the image to see full preview:

night-before-xmas-1920x1200

Step 1: Document Creation And Sky

Create a new document, I wanted this image to use later as wallpaper, so I used 1920×1200 resolution, 72 dpi.

Fill background with radial gradient (press G to activate gradient menu) with colors #1773e3 and #0b3972:

gradient-color

gradient

Step 2: Star Creation

Although we will create night effect, we need again to create some stars.

Now create new layer ( CTRL+SHIFT+N), right above the background, fill it with black ( choose black and ALT+DELETE to fill).

Go to Filter–>Add Noise and add settings like on picture below (amount 20-30):

noise

To get lesser amount of white noise, go to Image–>Adjustments–>Brightness/Contrast:

brightness-contrast

Change Blending style to Color Dodge:

color-dodge

Step 3 : Ground creation

Press CTRL+SHIFT+N to create new layer ( look at screenshot at my layers palette so it’s the same like mine).

Then select rectangular marque tool (press M) and do selection like this:

marque-tool

Let’s use linear gradient to create 3D look with colors #000b17 and #0b3972:

linear-gradient

Ok, now we have background:

linear-ground-gradient

Step 4: Adding Detailed Star

Create a new layer and grab soft  brush (B), change foreground color to white ( press D to reset colors and X to switch foreground/background).

airbrush

Draw big stars in various sizes on the sky and use right/left brackets [ ], to change brush size  :

sky-stars

Step 4: Adding Moon

What is Christmas night without moon? Let’s create one!

Create a new layer, select from custom shape tool – “Crescent moon”, if You don’t have shapes like me, do this bonus step:

load-shapes

Add moon in sky, where You want, also add white outer glow to the moon.

custom-shape-moon

layer-style-outer-glow

Step 5: Hills And Downs

In the fifth step we will add some hills and downs, but I won’t repeat this step, techniques is the same as in my previous tutorial – Beautiful Christmas Vision Tutorial And Wallpaper, start from the step 2 there.

hills-downs

Also look at my layer order:

layer-structure

Step 6: Adding Trees

Now let’s create some trees to make look our scene more interesting.

Add some guidelines to create more precise results, create new layer, then grab pen tool and try to do something like this:

(You can get guidelines, by pressing CTRL+R to get rulers. Just click and pull from rulers to get them).

tree-pen-tool

Now CTRL+Click on path, and fill it with any color pressing ALT+DELETE ( foreground color):

If You don’t see Your path palette – go Windows–>Path.

path-tree

Now on the tree layer, add blending options–>gradient overlay with colors – #1b2d02 and #477407:

layer-style-tree-gradient

Duplicate layer 2 times (press CTRL+ Upper Arrow) and upper layer transform perspective a little bit:

perspective-tree

Ok, now holding SHIFT select all three layers and group them pressing  CTRL+G. You can also smudge trees to add texture, but I won’t do that this time.

With all three layers still selected, resize trees to much smaller size  – CTRL+T and holding shift resize.

We will use these trees in background, so we need many trees. Just press on the group with CTRL+Upper Arrow to create more duplicates and position trees like in the picture below:

tree-background

Add as much trees as You think is necessary.

scene-with-trees

Step 7: Horizontal Shadow

Let’s add shadow on trees – create a new layer, select rectangular tool with black color:

black-gaussian-blur

Go Filter–>Gaussian blur and blur it 100px radius. Change blending mode to overlay and reduce opacity to 64%.

shadow-layer

Step 8: Adding Global Colors and Shadows

Create a new layer on the top of all layers and add some colorful radial gradient, change blending mode to overlay.

colorful-gradient

Adding Shadows:

Let’s add some more shadows – use Elliptical marque tool and feather 100px. Create a selection and then press CTRL+SHIFT+I to invert selection and fill it with black ( ALT+DELETE). Change blending mode opacity to 75%.

selection-shadow

Okay, we are already finished, I added just a few more effects:

1. I added those swirly lines at the moon, with pen tool –> stroke path.. –> simulate pressure.

2. Also I added two trees on the front side in the same way as I added background trees, I just didn’t want to go through whole process again.

night-before-xmas-1920x1200

Hope You enjoyed this tutorial as much as I did!

Download *.psd file

Download wallpaper in 1920×1200 resolution

 Did you enjoy this article and found it useful?

Dainis Graveris is 21 years old blogger and designer with really strong passion. He usually hangs out in Twitter tweeting design related links regularly. If You use Digg actively he can be great friend there and don't forget add to StumbleUpon too! How about Deviantart? Meet him there as well! If You have any questions feel free to write and add him to Gtalk - it is beautiful way to get contacted directly!
Free Website
 

 33 Brilliant Comments - Join Discussion Now!

  • Rahul Malhotra

    Posted 41 days ago
    33

    I love to learn creativity

  • My Sai

    Posted 69 days ago
    32

    Cool tutorial. Great for beginners like me to improve on photoshop. Thanks and regards!

  • Stye

    Posted 84 days ago
    31

    Thanks for this – I’ve been looking for inspiration for the background in a project I’ve recently been working on and this fits the bill perfectly – much appreciated :)

    Dan +1

  • silverfish

    Posted 283 days ago
    30

    Wow, you make it look so easy. It’s pretty creative too.

  • Thomas Egan

    Posted 355 days ago
    29

    Not a bad result. Nice simple, clean graphics.

  • Kelly K,.

    Posted 376 days ago
    28

    Je crois qu’il ya beaucoup plus d’efforts nécessaires pour rendre l’évolution mais je me sens si bien à trouver quelque chose d’aussi inspirant que cela. Je crois qu’il ya tellement de choses à apprendre pour que nou

  • psddude

    Posted 537 days ago
    27

    dreamy image, very relaxing, i like it!

  • Onagra

    Posted 648 days ago
    26

    Great tutorial, i´m new and i´m trying to learn fast.
    thanks

1 2
US