Advertisment
As 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!
We will create something like this, click on the image to see full preview:
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:
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):
To get lesser amount of white noise, go to Image–>Adjustments–>Brightness/Contrast:
Change Blending style to 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:
Let’s use linear gradient to create 3D look with colors #000b17 and #0b3972:
Ok, now we have background:
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).
Draw big stars in various sizes on the sky and use right/left brackets [ ], to change brush size :
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:
Add moon in sky, where You want, also add white outer glow to the moon.
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.
Also look at my layer order:
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).
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.
Now on the tree layer, add blending options–>gradient overlay with colors – #1b2d02 and #477407:
Duplicate layer 2 times (press CTRL+ Upper Arrow) and upper layer transform perspective a little bit:
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:
Add as much trees as You think is necessary.
Step 7: Horizontal Shadow
Let’s add shadow on trees – create a new layer, select rectangular tool with black color:
Go Filter–>Gaussian blur and blur it 100px radius. Change blending mode to overlay and reduce opacity to 64%.
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.
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%.
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.
Hope You enjoyed this tutorial as much as I did!
[...] Night Before Christmas : Photoshop Tutorial And WallPaper This entry was posted on Thursday, February 11th, 2010 at 9:38 am and is filed under Design. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed. [...]
Excellent post. Thanks
thanks for sharing. So mush
[...] Night Before Christmas : Photoshop Tutorial And WallPaper Another great Photoshop Christmas tutorial from 1stwebdesigner. [...]
[...] Ночь перед Рождеством: туториал и обои [...]
great, A very beautiful wallpaper.
.-= yungke Lee´s last blog ..朝陽科技大學資工系 =-.
[...] Night Before Christmas : Photoshop Tutorial And WallPaper [...]
[...] Night Before Christmas [...]
[...] Night Before Christmas : Photoshop Tutorial And WallPaper Another great Photoshop Christmas tutorial from 1stwebdesigner. [...]
[...] Night Before Christmas : Photoshop Tutorial And WallPaper [...]
[...] Noche de Navidad: Tutoríal de Photohop Noche de [...]
[...] Night Before Christmas : Photoshop Tutorial And WallPaper Another great Photoshop Christmas tutorial from 1stwebdesigner. [...]
[...] Night Before Christmas A Photoshop tutorial to help you create a fun christmas designs for your cards, tags, wallpapers. Kids will enjoy this kind of illustration. [...]
Love the tutorial. Even newbies could follow it. Of course, it helps that I’m a sucker for anything Christmas.
Nice tutorial! Does make a wonderful holiday background. I wish I had those mad skills.
[...] Night Before Christmas: Photoshop Tutorial and Wallpaper [...]
[...] Night Before Christmas: Photoshop Tutorial and Wallpaper [...]
Things seem easy as a pie when it comes to tutorials. Will definitely give a try but also save on my computer so that I can refer later!
Thanks for the great tips!
.-= Dom´s last blog ..Top Christmas Gifts for Gadget Lovers updated Wed Dec 9 2009 1:18 am CST =-.
[...] noche antes de Navidad en: 1stwebdesigner Comparte este [...]
this tutorials give me more knowledge about editing photoshop.
.-= oes tsetnoc´s last blog ..oes tsetnoc current ranking =-.
[...] Download Link: Click Here Night Before Christmas by Dainis Graveris Official Download Link: Click Here Sweet Christmas by sndk.no Official Download Link: Click Here Sweet Holidays Wallpaper by [...]
[...] Night Before Christmas: Photoshop Tutorial and Wallpaper [...]
[...] Night Before Christmas: Photoshop Tutorial and Wallpaper [...]
this is great tips. I am a photoshop newbie so this is a great tips for me.. thanks for this tutorials.
.-= oes tsetnoc´s last blog ..Oes Tsetnoc team give up? =-.
This tutorial is featured on Top 50 Christmas Photoshop Tutorials
[...] CHRISTMAS CARD PHOTOSHOP TUTORIAL [...]
[...] 9.Night Before Christmas : Photoshop Tutorial And Wallpaper [...]
[...] 8.Night Before Christmas : Photoshop Tutorial And Wallpaper [...]
[...] 8.Night Before Christmas : Photoshop Tutorial And Wallpaper [...]
I love the idea. Great tutorial!
this very thank you..
your web site very good..
Even if there are less valued employees in the firm, the highly-valued ones will drive the choice of a health plan. ,
Really creative men! This tutorial will be much better if it is on video. However it is still quite cool and artistically impressive.
This tutorial is just timing. Its BER time and Christmas is about to come. I will try this design in creating a card. Cool!
.-= Oes Tsetnoc Bleuken´s last blog ..Got Twitter Account for Oes Tsetnoc, Follow Me =-.
[...] 41. Night Before Christmas [...]
this is thank you..
your web site wery good..
That one is really nice guiding post, I shall bookmark and read again properly, later. Thank you!
.-= oes-tsetnoc´s last blog ..oestsetnoc.com SEO Snapshot =-.
woow.. complete tutor here! thanks!
Nice.. I like this photoshop tutorials . it’s basic design steps for web designers.
Thanks for sharing.
I enjoyed by reading this article , I c an say i have Learnt one method in photoshop, Thanks for sharing this article
this, very thank..
Your site full professional…
Well written, good, crisp, tutorial with timely topic subject!
Nice tutor here! Thanks..
.-= BLoG kiTa´s last blog ..Kenali dan Kunjungi Objek Wisata di Pandeglang =-.
[...] 1.4 Night Before Christmas : Photoshop Tutorial And WallPaper [...]
great tutorial and designs, i have stored it for my further reference. Thank you.
Amazing Book “Understanding Post-Processing – The Tutorial”, very well written, nice thought process and simply enjoyable. Look at
http://mitchellkphotos.com/ebook.html
[...] Night Before Christmas: Photoshop Tutorial and Wallpaper [...]
Nice, excellent tutorial, as well as the bautiful result..
Dainis.
Sulumits Retsambews last blog post : Here we go, Sulumits
thanks for the great wallpaper!
thanks for the cool tutorial!
great tut, thanks for sharing :)