Photoshop
  WebDTools > Design > Graphics > Ice, Snow, Winter Time!
 
 
    Ice, Snow, Winter Time!  
Photoshop Tutorial: Ice, Snow, Winter Time!
Ice, Snow, Winter Time!
Date: 25 January 2010
Level: Medium

In this tutorial I'll teach you a very simple and basic approach on how to add snow and ice to any object(s) or surface(s) using just Photoshop with its default brushes and settings.
Adobe Photoshop
Author: WebDTools
WebDTools is a "giving back to the web design and development community" project. Our long term vision is to make WDT a collection of all the important and vital tools that a designer or a developer needs on a day to day basis. These tools will range from tutorials to helpful articles, components, source files and so forth. High quality and immediate and constant usability is what we're aiming for in all of our content.
Website: www.webdtools.com
    Step 1: Introduction  
In this tutorial I'll teach you a really basic and simple approach on how to add snow to any object(s). Bellow you can see what I started with and after performing the steps that I'll explain shortly, what I managed to create.



This is my final result:



    Step 2: Creating the snow  
So, off we go! Creating the snow is really, really easy. All you need is a feathered brush and a brush with lots of small dots. I used the feathered brushes from Basic Brushes and the 5th 39px brush from Wet Media Brushes. Bellow is a diagram of what we'll be doing. From left to right each new thing we draw will be on a new layer on top of the previous layer. This means that the first shape on the left will be the farthest to the bottom layer and the last shape to the right will be the first layer at the top.



The first blue(#2fa0ff) shape is drawn with a blue 35px Feathered Brush and then using the Eraser Tool (E) with the dotted brush, I erased a little bit on the sides. Next I duplicated the layer and made the shape white and a little bit smaller using Free Transform (Ctrl+T, or under Edit) so that the blue shape behind it looks like a glow. Just as before I erased a little bit off the white shape with the same Eraser Tool (E). Next using the Brush Tool (B) and the dotted brush, I placed some white dots around the sides of the white glow. Next I duplicated the layer and using the Smudge Tool (R) I smudged horizontally. Next using the dotted brush and the color blue(#2fa0ff) I placed some blue dots on top of everything and then used the Smudge Tool (R) on it again. At the very end, I merged all the layers together and sharpened my new shape to give it a crisper look.

    Step 3: Adding the snow to your shapes  
Next we'll work on adding the snow to your shape. In this case, I chose a simple sphere in order to explain the basic concept. The rest of this step will explain the following diagram:



First we'll add a little bit of glow to our object. I found that adding a little bit of glow behind the actual snow makes the whole transition smoother and more appealing to the eye. All you have to do is just add a nice smooth light blue(#2fa0ff) glow where the snow will be placed. Next we'll take the shape we previously designed and duplicate it. One of the shapes will go on top of the sphere and the other under, and behind it. Because my object is a smaller sphere I had to take one of the shapes and make it smaller using the transform tool and then, right before applying the scale effect, I moved the top two corners of the transform box (dragging with the mouse while holding CTRL down) closer to each other so the transform box changed into the bottom half of a triangle. This made the snow shape look more like it actually fits on top of the circle. Next, for a little extra, I added a broken glass texture on top and switched the layer's mode to Overlay. As my last step, I merged all the layers again and sharpened the image for that extra crisp look. Usually, I perform this sharpening step at the very end, when the image is completely done.

And that's it! By performing these last two steps several times, you can dress up a whole image in a snowy winter scene. My final image took roughly 15 minutes to complete, however if you'd like to invest more time, you can come up with some REALLY cool results.



In the next step I will simply do a short overview on how I obtained the extra details in my final image.

    Step 4: Last few details  
The snow coming down that you see in the image was created using the dotted brush and then adding an "Outer Glow" to the layer. The clouds and moon in the sky were simply added with a brush set. The two brush sets I used are called:

- JavierZhX Cloud Brushes for Photoshop
- Moon Brushes by Hawksmont Universe

You can easily find both by doing a search on Google.

Everything else is done just by performing the steps mentioned earlier. My final result is definitely not a very high quality one due to the short time spent on it and that's why I strongly feel that anyone else who has more time available to invest in this effect can get some really cool results.
There are also many cool places where you can use this tutorial such as: updating your website so it looks like its part of the season, updating your picture on your favorite instant messenger or social networking website or simply just to create a beautiful picture.

    Hope you enjoyed!  
I hope you guys enjoyed this short tutorial and if you have any questions just drop a comment and I'll be happy to help you out. Thank you for visiting our website and reading our tutorial and we hope you'll visit us again in the future! If you enjoyed our tutorial please drop us a comment and let us know! It really makes a difference!

Thanks again!
The WebDTools team.



 
By smith
Posted on March 29, 2010 - 01:48

you are really amazing artist..its good to see artist sharing how to do artistic work..it helped me to update my collection..please do check..http://www.websitedevelopment-india.com


 
 
By VARUN
Posted on March 25, 2010 - 00:53

THIS IS RELAY NICE


 
 
By WDT
Posted on March 20, 2010 - 14:19

Yes, its Adobe Photoshop CS3


 
 
By cazper
Posted on March 14, 2010 - 10:22

is it adobe photoshop CS3?


 
 
By yndy harsh
Posted on February 08, 2010 - 19:27

wow...
it was so nice...
amazing?!.


 
 
By WDT
Posted on January 24, 2010 - 16:15

Here's our third tutorial! We hope you like it and if you have any questions just post a comment and we'll gladly help you! The next tutorial is already one its way!

Don't forget to drop us a comment if you like the tutorial!
Thanks,
WebDTools Team


 









Powered by TalkBack
 
WebDTools is more than just a tutorials website.
WDT is a "giving back" to the community project. Our long term vision is to make WDT a collection of all the best tutorials and tools for both web designers and developers. Our plan is to carefully pick the articles and components that will help you right away on your day to day job and eliminate those that you'll rarely or never use.
High quality, immediate and constant usability is what we're aiming for in all of our content.
WDT is an ever growing project revolving around you, our constant and loyal visitor. From some of the best tutorials out there, to useful components and files, competitions and other community related activities, WDT will be a part of everything that will help you improve.
We will slowly but surely grow and we'd like to invite you to join us for this unique ride.

 
We enjoy giving back to the community in which we ourselves were raised. If it wasn't for all the helpful tutorial websites and the people behind them, many of us wouldn't probably be sitting where we are.
Do you feel the same and would you like to support and help us improve? Well you can in many ways!
Submit or Request a Tutorial!
Leave Us a Comment!
Tell Us How to Improve!
Make a Donation!
Remember, this is your website as much as it is ours. Without you, there's no reason to continue our work here at WebDTools.
Learn More