The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Adding snow exclusive tutorial

Adding snow exclusive tutorial


We at Web Design Library would like to assure you, that there is more to the birth of a snowflake than Aristotle's assertation that "when a cloud freezes there is snow." Snow is not merely frozen rain. It is what children assume it is: a wonder. Fortunately, it is replicable if not in temperature and taste, at least in texture and shape using a few handy web design tricks and tips.

1. Open Photoshop.

2. Open desired text or image, or create one right now (or download my image here).

image 1

3. Expand image to 234x150px (Image > Canvas Size...) width 234 pixels, height 150 pixels.

First of all we will add some snow to the image.

4. Create a new layer (layer > new > layer... or ctrl+shift+n) and call it Snow1.

5. Now double click on Snow1 layer to open Layer Properties.

6. Select Gradient Overlay checkbox and use the following:

image 2
Click to Enlarge

Here is the gradient I used:

image 3
Click to Enlarge

7. Select Stroke checkbox and use the following settings:

image 4
Click to Enlarge

Here is the color I used:

image 5
Click to Enlarge

8. Now select Brush tool image 6 (B). Set brush size 4 px (I used 4px diameter but you may select bigger diameter if you have a bigger image... Anyway, you can always experiment with the size.

9. So, we have prepared for the main part - making snow. Use brush tool to paint snow. Click the upper portion of the text and drag your mouse along the letters. It is possible to move along... to You can move a bit over the letters themselves to increase the volume of snow (to make it hang from eaves or letters). Cover a few letters in such way (Web). Then create a new layer using the same settings (steps 4-7). Cover a few more letters with snow (Design). And then move on to the word "Library" - on a new layer as well.

image 7

Now it's time to add to frosty air to the picture.

10. Create a new layer (layer > new > layer... or ctrl+shift+n) and call it Air.

11. Select gradient tool image 8 (G) and use the following gradient settings:

image 9
Click to Enlarge

and then select Radial Gradient:image 10

12. Now left click the mouse in the center of the text and without releasing it "drag and drop" to the upper border of the image. Then use "Free Transform" (Edit > Free transform or ctrl+t). Lessen the resultant gradient in such manner that it is possible to cover most of the text. Then drag the layer behind the first layer. (in layer panel drag this layer down to the bottom)

image 11

Now it's time to add some snowflakes.

13.
Take the picture with snowflakes here. You may just paste this picture to your image or use snowflakes separately and place them where you wish.

So, look what we have.

Adding Snow (Exclusive Tutorial)

I hope this tutorial will be helpful for you.
Best regards, Dustin Kein, WDL team.



About the Author:

Click to Visit Author's Website

Dustin Kein is an editor at Web Design Library. He's in charge of selecting materials for the PhotoShop and HTML sections of this site. From time to time Dustin contributes some of his tutorials to WDL in order to cover the most actual topics for WDL visitors. Besides this, he's an active forum member whose posts are always helpful, concise and timely.

Author's URL: Reiven
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments James December 22, 2004 says:
we will do our best to satisfy you

Sounds great.
:)

Reply
comments Reiven December 22, 2004 says:
Sure!

I wrote and added another one today:
http://www.webdesign.org/ar" rel=nofollow>http://www.webdesign.org/article.php?id=3162">http://www.webdesign.org/ar ... hp?id=3162
In this tutorial you will learn how to make borders of any type and complexity with the help of HTML and pictures.

Moreover - write your propositions here http://www.webdesign.org/fo" rel=nofollow>http://www.webdesign.org/forum/viewtopic.php?p=638#638">http://www.webdesign.org/fo ... ?p=638#638
and we will do our best to satisfy you.

Reply
comments Mynickname December 22, 2004 says:
[b]Professional, relevant, useful material!

I have a question to Reiven (author of the tutorial) -

[i]Can we expect more exclusive materials like this one?
When? How many? Can readers order the topic?

Reply
comments James December 22, 2004 says:
Good tutorial and what is the best of it as it uses living examples and WDL guys share all the source files needed (I mean snowflakes, first of all, they are really cute).

BTW if anyone has already read this report, I'd appreciate if you could share some comments.

Jacob Nielsen is a pro. It's no doubt about it. But I would better wait for your comments before purchasing... :wink:

Reply
comments Silent Bob December 22, 2004 says:
Yes, great tutorial.

By the way, I've recently found a report from Jacob Nielsen about celebrating holidays and special occasions on websites

Here it is:
Reply
comments cabba December 22, 2004 says:
WOW! this is the tutorial of current importance!
Just many webmasters are decorating their websites for Xmas.

It's very useful material!

[b]Let's add snow!
NO snow - NO Christmas!

Reply
Add comments to "Adding snow exclusive tutorial"

Captcha