Everything Photoshop Subscribe

How to Create That Last-Minute Holiday e-Card in Photoshop

In Designing by Fabio

Christmas is just a few days away, so here is a tutorial showing how to create a Christmas design using Photoshop.

What we are going to do is really easy and can be very useful. For this tutorial, we will use some very cool icons as well. You can download them here. I hope you enjoy this little tutorial and that it inspires you to create your own last-minute postcard!

Step 1

Create a new document. Using a Layer Style, apply a Gradient Overlay, using a dark red to a black.

Step 2

Using the the Line Tool, let's create two lines as shown. This will be our reference for the Christmas tree.

Step 3

Let's place our Santa Claus Icon in the center of our tree. Using the Pen Tool, draw some lines like I've shown below. In order to do that, we need to change the way we will create our lines. Instead of using the Shape Layer, let's choose Paths.

Step 4

Now, still using the Pen Tool, let's round our lines choosing the Convert Point Tool.

Step 5

Next, create a new Layer Folder and name it "Star Tree." Change the Blending Mode to Color Dodge, then create a new layer inside this folder and name it "Stars path." Next open your Brushes Palette (Window > Brushes) and select the Brush shown below. Then set it at the values shown below in the screenshots.

Step 6

With our brush created, let's choose the Brush Tool and make sure that the brush we created is selected.

To create the star tree, make sure that you have selected the "Star path" layer. Using the Path Selection Tool (A), Ctrl-click Stroke Path. A dialog box will appear, and in there choose Brush. Make sure that the brush you created is selected.

Step 7

As you can see, the stars follow the path we created and they change size, rotation, and opacity. Now let's choose another brush, and in a new layer still inside the "Star Tree" folder, let's add some lighting effects. Select the brush shown below and paint a star over Santa's glass.

Next, in a new layer, paint a big star at the top of the tree.

Step 8

Select the "Star path" layer and double-click the layer to open the Layer Style dialog box. Select Outer Glow as shown below, and add some glow to the stars.

Step 9

Next we'll add our text. Choose the Horizontal Type Tool (F) and type XMAS (or whatever word you would like). Double-click the layer to open the Layer Style dialog box. Now let's add some effects. I learned this technique from a very nice tutorial I found online, and I have just changed it a little bit.


Step 10

To create the water floor-effect, just duplicate the text layer and flip it vertically (Edit>Transform>Flip Vertical). Move it right bellow the XMAS text and apply Layer>Layer Mask>Reveal All. After that, choose the Gradient Tool (G), set the colors to black and white, and fill the mask with it.

Step 11

Add the Merry text and some more icons and repeat the previous step to create reflections for all of them.

Step 12

Let's add a bit of snow.

  1. Set the colors to dark gray and black.
  2. Create a new layer and go to Filter>Render>Clouds.
  3. Apply some Gaussian Blur.
  4. Go to Filter>Pixelate>Mezzotint
  5. Add some Motion Blur
  6. Change the layer’s blending mode to Overlay at 30%.

Conclusion

This is a very easy way to create a beautiful Christmas wallpaper or even an e-card to send to your friends or clients. However, the best thing is that it shows a bit of what we can do with the Brush Engine, in my opinion one of the best features in Photoshop.

Happy holidays everyone!

If you enjoyed this post, your vote is always highly appreciated!! Delicious StumbleUpon Float Reddit Bump This!

Comments

Leave a Comment
  1. Yummy!

  2. This is so cool! Thanks for this great turotial.

  3. This is incredible! Thank you!

  4. That is really great,thank you.

  5. nice glow effect and also nice snow effect ;) good job

  6. Hmmm… wait a second:

    http://chopeh.deviantart.com/art/Merry-Christmas-71934124

    Nice job though, done about 30 eCards this year and it almost drove me mad.

  7. freakin SWEEET!!!! i like this!

  8. super-cool-glow! thx for that …

    -see-

  9. This is what I made last month ;)
    (See public time)

    http://farm3.static.flickr.com/2047/2080472449_7f72376615_o.jpg

  10. Very nice, but I can´t get the same brush effect (fade in and fade out) since I don´t have a tablet.

  11. Yihaaaaa ! so great ;) thank you

  12. Awesomeness.

  13. Here mine:

    http://img184.imageshack.us/img184/2131/xmas2ku3.jpg

    and another one:

    http://img150.imageshack.us/img150/1840/xmasaq8.jpg

    Thanks Fabio, nice tutorial! I am learning more about paths :D

  14. It’s nice, but bevel on the text does not reflect the actual position of light (star on the top of imaginary tree).

  15. That is bloody awesome, I’m gonna try this very soon to give it away to my loved ones. Thank you soo much

  16. Thats cool, I didn’t know about that convert pen tool thing.

  17. Great stuff. Happy christmas, and thanks to you for all the tutorials on this site :)

  18. All-around nice-ness!

  19. What are the brushes used in this?

  20. Very nice… and Merry Christmas

  21. Hi really cool Tutorial!
    But ive got a problem..
    It doesn’t look the same after I’ve created the path stroke fill.
    There aren’t bright places like on yours.

    Can somebody help me?

    greez fluckukus

  22. This is probably a very basic question, but how did you get the center of the radial gradient to be in the top third of the screen? Was it originally in the center and then you cropped the window?

  23. Wow that is a fantastic tutorial!

  24. Gravatar

    The Standard

    Very Very nice - Photoshop technique - There are so many usable techniques in this tutorial.

  25. Great tutorial, I made a fall greeting using the leaf brush. Used my firms logo shape, but I think using a tree shape would be nicer. Anyway, an experiment: http://farm3.static.flickr.com/2244/2127841288_788b954e05_o.jpg

  26. always surprising >:D

  27. As to Mahlie’s question:

    You can drag the radial around while the dialogue box for the gradient is open, so if you want it in the corner you can put it in the corner. It had me stumped for a while too, I think it’s more intuitive than it feels. Hope that helps.

  28. Cool Tutorial

  29. i really wish you guys would stop the ‘xmas’ and go back to the original ‘christmas’

    all in all a poor copy of the original as shown in one of your reader’s comment.

    it still shows how to accomplish the copy though, so props for the actual tutorial.

    .

  30. thats so pro.. i love this site :)

  31. Super! My respect to author and his site.

  32. Brilliant tutorial, nice and festive. Very effective!

    Nice job!

  33. Hi. The tutorial is great. I just think that the “snow” layer isn’t needed - it makes the image grainy. The card is better without. Anyway - it’s great;) Cheers

  34. Brilliant stuff man!

  35. Gravatar

    Gary Spedding

    I have stopped by a few times recently for these wonderful tutorials. I ran this one today with a nice result. Thank you so much for posting this. Enjoyed it enormously.

    Gary.

  36. Hey,

    Can you give this one away free in chrismas spirit?

  37. Gravatar

    Timothy Diokno

    Very Nice!

  38. Merry Christmas to everyone

  39. Thanks. Just a beginner and I love the step-by-step method and clearn screen shots. Hope to be able to manage it by next Christmas.

  40. LOVE IT…!! Merry Christmas guys :D

  41. Wonderful tut. I agree that the snow effect in the background is a bit much, but I see the purpose. This technique is very versatile, and is open to other blending technique’s to produce some very dynamic textures.

    I too have a question about the path stroke. My stars were not as vibrant as the ones you produced in the tut. I am wondering if I missed a step somewhere.

    Thanks

  42. Great! Makes some amazing Christmas Gift tags. I couldn’t quite get the glass text right with that tutorial so I used the one from this site instead.

    Keep up the great tutorials!

  43. Hey this is a great tutorial, but I was wondering how to get the icon into photoshop:(

  44. Why Xmas and not Christmas?
    Christ = X?

  45. wow….. its great

  46. Gravatar

    RLCunningham

    it’s spelled “CHRISTMAS”

  47. Thanks so much for this tutorial. Merry Christmas :)

  48. I can’t get my stars to be shiney and glowing after I “stroke path.” What colors should I have selected? What am I doing wrong?

  49. I loved this tut - although some of it was not explained that well I found.
    Anyway - this site remains my fav for tutorials. Keep up the great work!

  50. That was so nice- Thanks for the effort and sharing this to us. Good luck

  51. How does one do the transition from white to red in the stroke of the stars? I read that you have to have a tablet….?

    maybe future tutorial makers can mention this before the tutorial…

    Maybe someone can mention another technique to get to this effect?

    thanks!

    great card by the way

  52. Very nice tut. You should create some tutorials for website interfaces. I am specifically looking for the style that looks like you are looking at a flat surface, for instance a desk that has a coffee mug on it, a blotter, stains, pencils etc, but all as if you were looking down at it, so you only get the top perspective, etc. That would be cool.

  53. so good ,thnx alot 4 ur nice way in explaining

  54. I’m using Photoshop 7, although I have Elements 3 but it buggers my PC,
    More to the point :D.. I can’t get the stars graduated. Do you change the brush size manually or does it just do it? And should I try on Elements?
    (I know it’s after Christmas, I like the Xmas Tree effect and wish to use it in my designs.)
    Thanks so much :)

    Best wishes for 2008,
    Paris

  55. I love your tutorial. Is there a website that has that santa claus image?

  56. very nice….so cool………I’m chinese…..

  57. I made one card using this idea…….my friends really love it

  58. Thank you very much for the comments, Im really glad you like the tutorial, I sent that image to all my friends and relatives, they liked it a lot, specially my mother.

  59. Gravatar

    Kim Dolleris

    Beautiful!!!

  60. Man that is beautiful. There were a few steps that needed a little more detail or instruction on how the effect was acheived, like steps 6 & 7. Some of it was kinda difficult to follow. Otherwise you have exceptional talent. Keep up the nice work.

  61. I’m amazed - nicely done! :)

  62. Wow….. this is greed tutorial and is very beautiful.

    thanks - thanks - thanks

  63. Hi!

    This post is very nice !

    I come from France and I did not understand everything to achieve the tree: someone can give me details of this post?

    regards,

    Mel

  64. Gravatar

    gaurav gupta

    hi!…… it’s….too…cool..tutorial…i have ever….read..in my..life

  65. incredible ………3xs

  66. Thanks for Posting.
    Great Tut.

Add a Comment

Note: We use Gravatars on PSDTUTS, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too!

 

Trackbacks

Leave a Trackback