snowglobe170

This tutorial explains how to create a snow globe inspired text effect, using a couple of brushes and layer styles.

The Final Result:

Snow Globe Text Effect

Notes:

* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.

Resources:

* Frost texture by ~Rubyfire14-Stock.
* Brushes O5 (Sparkles Brushes) by ~apple-instinct.
* Golden Particles Gradient.
* Red Particles Gradient.
* Hangers Layer Style.
* Pins Layer Style.

Step 1:

- Set the Foreground color to #344b50, and the Background color to #172327, then, create a Radial Gradient from the center of the document to one of the corners.

Snow Globe Text Effect step 1

- Place the Frost texture on top of the Background layer, and change its Blend Mode to Overlay.

Snow Globe Text Effect step 1

- Create the text using the font “Keep on Truckin’ FW” in “All Caps”. The size is 300 pt, and the color is #4e737b.

Snow Globe Text Effect step 1

- Change the text layer’s Fill value to 50%.

Snow Globe Text Effect step 1

- Duplicate the text layer and change the copy’s Fill value to 0%.

Snow Globe Text Effect step 1

Step 2:

- Double click the original text layer to apply the following Layer Styles:

- Drop Shadow: Change the Opacity to 50%, the Distance to 13, the Spread to 10, and the Size to 18.

Snow Globe Text Effect step 2

- Inner Glow: Change the Blend Mode to Vivid Light, the Opacity to 10, the Noise to 100, the color to #b2ebfc, the Source to Center, and the Size to 40.

Snow Globe Text Effect step 2

- Bevel and Emboss: Change the Size to 16 and the Soften to 3. Un-check the Use Global Light box, then change the Angle to 130 and the Altitude to 48. Check the Anti-aliased box, and choose Valley – High for the Gloss Contour. Also, change the Highlight Mode to Vivid Light and its color to #eef7f7, and change the Shadow Mode Opacity to 0%.

Check this image to see how to load the contours if you don’t have them.

Snow Globe Text Effect step 2

- Contour: Choose the Ring Contour, and check the Anti-aliased box.

Snow Globe Text Effect step 2

- This is how the text should look like.

Snow Globe Text Effect step 2

Step 3:

- Double click the copy text layer to apply the following Layer Styles:

- Inner Shadow: Change the color to #404040, the Distance to 0, and the Size to 10.

Snow Globe Text Effect step 3

- Bevel and Emboss: Change the Size to 27. Un-check the Use Global Light box, then change the Angle to 117 and the Altitude to 69. Check the Anti-aliased box, change the Highlight Mode to Vivid Light and its Opacity to 100%, and change the Shadow Mode color to #535353.

Snow Globe Text Effect step 3

- Contour: Choose the Cone – Inverted Contour, check the Anti-aliased box, and change the Range to 100%.

Snow Globe Text Effect step 3

- This is what you should get.

Snow Globe Text Effect step 3

Step 4:

- Create a new layer between the two text layers and call it “Snow Fill”.

Snow Globe Text Effect step 4

- Double click the “Snow Fill” layer to apply the following Layer Styles:

- Inner Shadow: Change the color to #769caa, the Distance to 0, and the Size to 3.

Snow Globe Text Effect step 4

- Bevel and Emboss: Change the Size to 9, check the Anti-aliased box, change the Highlight Mode to Linear Light and its color to #85d0cc, and change the Shadow Mode color to #679dab.

Snow Globe Text Effect step 4

- Contour: Choose the Cone – Inverted Contour, check the Anti-aliased box, and change the Range to 60%.

Snow Globe Text Effect step 4

- Texture: Choose the Clouds pattern.

Snow Globe Text Effect step 4

- Click OK and open the Brush panel (Window -> Brush). choose a hard round brush and modify its settings as shown below:

- Brush Tip Shape:

Snow Globe Text Effect step 4

- Shape Dynamics:

Snow Globe Text Effect step 4

- Dual Brush:

Snow Globe Text Effect step 4

- Now, press the Ctrl key and click on a text layer’s thumbnail to create a selection.

Snow Globe Text Effect step 4

- Go to Select -> Modify -> Contract, and contract the selection by 5 px.

Snow Globe Text Effect step 4

- Set the Foreground color to White, then, use the brush you’ve just modified to add some snow at the bottom of the letters.

Snow Globe Text Effect step 4

- Duplicate the “Snow Fill” layer, and drag the copy below it.

Snow Globe Text Effect step 4

- Right click on the “Snow Fill copy” layer and choose Clear Layer Style.

Snow Globe Text Effect step 4

- Go to Filter -> Blur -> Gaussian Blur and type in 5 for the Radius.

Snow Globe Text Effect step 4

- Change the “Snow Fill copy” layer’s Blend Mode to Overlay and its Opacity to 60%.

Snow Globe Text Effect step 4

Step 5:

- Once again, go to the Brush panel, and choose a hard round brush, then change its settings as shown below:

- Brush Tip Shape:

Snow Globe Text Effect step 5

- Shape Dynamics:

Snow Globe Text Effect step 5

- Scattering:

Snow Globe Text Effect step 5

- Check the Wet Edges box.

- Create a new layer on top of the “Snow Fill” layer, and call it “Snow Sparkles”.

Snow Globe Text Effect step 5

- Use the modified brush to scatter some snow in the lower half of the letters.

Snow Globe Text Effect step 5

- Double click the “Snow Sparkles” layer to apply two simple Layer Styles:

- Drop Shadow: Change the color to #2b4347, the Opacity to 30%, and the Distance to 8.

Snow Globe Text Effect step 5

- Inner: Just change the color to #ffffff (White).

Snow Globe Text Effect step 5

- This will add a nice glow.

Snow Globe Text Effect step 5

Step 6:

- Create a new layer on top of the “Snow Sparkles” layer and call it “Star Sparkles”, and apply the same “Snow Sparkles” layer style to it. (Right click on the “Snow Sparkles” layer, choose Copy Layer Style, then right click on the “Star Sparkles” layer and choose Paste Layer Style.)

Snow Globe Text Effect step 6

- In the Brush panel, choose a brush from the Brushes O5 set, (the one used here is “467986″), then change its settings as shown below:

- Brush Tip Shape:

Snow Globe Text Effect step 6

- Shape Dynamics:

Snow Globe Text Effect step 6

- Scattering:

Snow Globe Text Effect step 6

- Scatter some sparkles inside the letters.

Snow Globe Text Effect step 6

Step 7:

- Select the Brush Tool, and open the Brush Preset Picker. Click the pop-up menu icon in the top right corner, then, click on Assorted Brushes.

Snow Globe Text Effect step 7

- Click Append to add the brushes to your current set.

Snow Globe Text Effect step 7

- Pick the Diamond brush, and modify its settings as shown below:

- Brush Tip Shape:

Snow Globe Text Effect step 7

- Shape Dynamics:

Snow Globe Text Effect step 7

- Scattering:

Snow Globe Text Effect step 7

- Create a new layer on top of the “Snow Sparkles” layer and call it “Gold Particles”.

Snow Globe Text Effect step 7

- Double click the “Gold Particles” layer to apply the following Layer Styles:

- Drop Shadow: Change the Opacity to 40%, and the Distance to 7.

Snow Globe Text Effect step 7

- Bevel and Emboss: Change the Technique to Chisel Hard, the Gloss Contour to Steps, check the Anti-aliased box, and change the Highlight Mode to Linear Light.

Snow Globe Text Effect step 7

- Contour: Choose the Steep Slope – Jagged Contour, check the Anti-aliased box, and change the Range to 30%.

Snow Globe Text Effect step 7

- Texture: Choose the Metal Landscape Contour, and change the Scale to 50%.

Snow Globe Text Effect step 7

- gradient Overlay: You can have fun with this. Choose any gradient you like, and it will work! You can download the one used here as well.

Snow Globe Text Effect step 7

- Duplicate the “Gold Particles” layer and rename it to “Red Particles”, then double click it to apply a different Gradient Overlay. This one is available for download too.

Snow Globe Text Effect step 7

Snow Globe Text Effect step 7

- Select the “Gold Particles” layer so that it is the active layer, and add some particles using the modified “Diamond” brush.

Snow Globe Text Effect step 7

- Then, select the “Red Particles” layer, and add more particles.

Snow Globe Text Effect step 7

- Once you’re done, go to Select -> Deselect (or press Ctrl + D) to get rid of the selection.

Step 8:

- Pick the Ellipse Tool, and click the Paths icon in the Options bar. Then, create a new layer on top of the “Star sparkles” layer and call it “Hangers”.

Snow Globe Text Effect step 8

- Draw a small circle so that its center intersects with the letter’s top.

Snow Globe Text Effect step 8

- Pick a hard round brush, and set its Size to 3 px.

Snow Globe Text Effect step 8

- Pick the Ellipse Tool again, set the Foreground color to White, make sure that the “Hangers” layer is still active (selected), right click on the path (circle) you created, and choose Stroke Path .

Snow Globe Text Effect step 8

- Choose Brush from the Tool drop down menu and make sure that the Simulate Pressure box is un-checked. Hit Enter to get rid of the path.

Snow Globe Text Effect step 8

- Duplicate the layer to add hangers for all the other letters.

Snow Globe Text Effect step 8

- Select all the duplicated “Hangers” layers, then go to Layer -> Merge Layers (or press Ctrl + E) to merge them all in one layer.

Snow Globe Text Effect step 8

- Apply this Layer Style to the merged layer.

Snow Globe Text Effect step 8

- Select the text (Ctrl + click on a text layer’s thumbnail), then pick the Eraser Tool, set its Opacity in the Options bar to 70%, and erase the inner half of the hangers. Once you’re done, press Ctrl + D to get rid of the selection (Select -> Deselect).

Snow Globe Text Effect step 8

- Create a new layer on top of the “Hangers” layer and call it “Pins”, then, apply this Layer Style to it. Choose a hard round brush and set its Size to 15 px.

Snow Globe Text Effect step 8

- Click once to add a pin on the top of each hanger.

Snow Globe Text Effect step 8

Once your pretty snow globe letters are all hung up, you’re done!

Snow Globe Text Effect

.

Don't forget to subscribe to our RSS feed and follow us on Twitter.

» 105 Comments

  1. TadashiAidou says:

    Great tutorial :D Thank you very much!

  2. charlotte says:

    I love your Snow tutorial but unfortunately I don’t have a software program to make it. Is there any way you would share the word art with some us who don’t have programs?
    Thank you and Merry Christmas.

    • textuts says:

      Thanks for the comment, but I did not quite understand what you mean by the “word art”, so can you please clarify that to me?
      Thanks once again :)

  3. barb vanston says:

    very clear instruction, I will try this, it looks realy cool, thank you

  4. PSDDude says:

    It looks very unique, I love it! thanks for sharing the tutorial :)

  5. patara says:

    Another great tutorial. I always look forward to the ones you write.
    Thanks for sharing.

  6. lucimine says:

    Very clear instructions. Thank you

  7. anyarthu says:

    Thank for this tutorial!
    :)

  8. sonia says:

    grazie per il tutorial ^^

  9. cixi42 says:

    Bravo (de Saint-Etienne, France) pour ce magnifique tutoriel !!!

  10. Bob says:

    Good job Rose! But I can’t find out “PinsLayerStyle”? Where’s it? I’ll translate this tut to vietnamese :)

  11. Vince says:

    One word…AWESOME!

  12. Yoyo says:

    Sry. Where’s Clouds Pattern ? :(

  13. Oh never knew you can make glass out of just layer styles! Thanks for the tip rose

  14. henry says:

    thanks for a very useful tutorial. can i achieve this effect on a cs3 extended?

  15. M says:

    Really cool.

  16. MMS says:

    Very nice. Thank a lot.

  17. delphine says:

    Thanks for sharing this fun effect! Very well-written tutorial :)

  18. sebastian says:

    Super tut !

  19. JuLia says:

    How to click modify ?
    when you click Fill Snow And Snow ?
    it doesnt work at mine :(

  20. This is wonderful tutorial thank you.

  21. 1verce says:

    where is the font?

  22. aDan says:

    Cool!!! this tutorial is amazing thanks!!

  23. Nice effect! This is perfect for desktop wallpaper during Christmas. You are really genius person. I am wondering if I could do the same way that you do. By the way I love the concept of your design.

    ~Ashley

  24. Antje says:

    Thanks! It’s a great tutorial!

  25. Kashif Rauf says:

    Good text effect tutorial.This is one of my best text tutorials.

  26. Nick says:

    Really AWESOME tutorial!! THX!!

  27. Muslim says:

    Wow. This is Amazing!
    Thank you very much

  28. Rizio_16 says:

    I don’t have “Valley – High” . Where Can I find It ?

  29. maythoutkyar says:

    I try your tutorial & I will share your post in my language (myanmar). thanks a lot

  30. Patrick says:

    I was pleasantly surprised with the simplicity of this very well explained tutoriel and with its beauty. Thank you very much. (I am French and I used a translator to write you. Sorry if it is not top.)

  31. Thank you for tutorial and PSD box.

  32. it is the clearest tutorial ever!!!

  33. Cristy says:

    Very sleek, looking at the outcome makes you happy :) ) , thinking of Christmas :D

  34. Kadin says:

    Excellent tutorial,I love this!
    thanks for sharing!

  35. irene says:

    i really enjoy doing this tutorial!! thanks a lot!!

  36. Clark says:

    WOW! Thank you very much for the tutorial. It was very helpful.

  37. Nice tutorial.thank you so much

  38. Neda says:

    Hey I love it.
    I did it
    It was so great

  39. Charlotte says:

    Love this tutorial, makes it so easy!
    here’s what I’ve made: http://mjumpringles.deviantart.com/#/d4yb7n7

  40. jockeer says:

    Great Tutorial. Txh :D
    Here’s what I’ve made: http://imageshack.us/a/img222/2131/12229098.jpg

  41. Tora says:

    Thank you SO MUCH for this awesome tutorial, I loved it, wish I could send you a link to what I did but no sure how to do that :(
    It´s very easy to follow your directions and I like how many pics you have posted to follow :) :)

    • textuts says:

      Very happy you enjoyed it and found it easy to follow.

      You can share your outcome by uploading the final image to tinypic.com, then posting the link in a comment here … Would like to see your outcome indeed :D

      Thank you very much for your lovely words, they mean a lot :)

  42. Ana says:

    ty very much, I learned so much new things how to do … just great post and easy for understanding from beginners like me … thank you .. like this post really much and letters also. Never imagin it possible to make something like that :)

    • textuts says:

      That’s amazing to know! Really glad that you were able to follow the tutorial easily and that you found it useful.

      Thank you very much for your kind words :)

      • Ana says:

        Hi textuts, how to apply HangersLayerStyle… I download it and extract it , then click on it with right button of the mouse and there didn’t saw option to install it. Then just double click on the HangersLayerStyle and it show my photoshop window, but nothin change as on the picture you show – http://prntscr.com/l83uz .
        Don’t know how to do it, pls help :)
        Here is my text, everything is nice, till this step …
        screenshot: http://prntscr.com/l841e

      • Ana says:

        I found something – here dl link for download layer style for “Pins layer” , not working :) I’m sorry of that make a problems, it’s just for info … maybe need change link with working one, because theme is very good and a lot of people use it :)
        screenshot : http://prntscr.com/l85px
        screenshot 2: here is for what about talk http://prntscr.com/l85sw
        I will try with on other way to take this effect :)
        Thank you :)

        • textuts says:

          As for the Layer Style, the link works fine for me. Try to right click it and choose the Save or Save as option instead of clicking it directly.

          Once you download the file and extract it, you’ll need to load those styles inside Photoshop.

          Check this page and hopefully it’ll help you understand how to do so. Just choose Styles instead of Swatches.

          After the styles are loaded, select the layer you want to apply the styles to, open the Styles panel (window -> Styles), and click the icon of the style you just loaded.

          Hope this was helpful. Please feel free to add any other queries you have.

          • Posy says:

            Great job,
            I can’t find the pins layer styal

          • Posy says:

            sorry i found it … thanks again

          • textuts says:

            No problem ^_^
            Thanks a lot for the comment.

          • Ana says:

            Thank you for replay … I’m in love from all your work. You should be lost much time for everything, but made so much people happy and will make :)
            Today will try something new , because everything is great. And you explain very well :)
            Wish you happy Holidays and New year :)

          • textuts says:

            Aww! Thank you so very much :) It’s the awesome comments like yours and all the support that makes it worth it :D

            I really appreciate your kind words, and I’m glad you found the tutorials helpful.

            Very happy holidays and new year to you too.

            Cheers :D

  43. chenh says:

    Hey just working on the tutorial and stuck on one step.. I’m trying to fill the snow text layer in with the brush, but it keeps asking me to rasterize the layer.. I’ve done that and the snow comes up blue and not white, what should I do?

    • textuts says:

      You’re most probably adding the snow on a text layer (a text layer is selected). Make sure to select the “Snow Fill” layer, so that it is the active layer, before you start adding the snow with the brush.

      Hope this helps.

      Please feel free to add a reply if the problem still exists.

  44. MMM says:

    I think you should add to the step before painting the snow inside the letters, something like “change your foreground color to white”. I still had the colors from the gradient, and…well, let’s just say, it didn’t look like snow at all. :D

    But great tutorial anyway.

    • textuts says:

      You’re absolutely right! Fixed now.
      Thank you for pointing that out, and for the nice comment :)

» Trackbacks/Pings

» Leave a Reply

(required)

(Will not be published) (required)