Image preview: Christmas Wrapped Text Effect

Christmas Wrapped Text Effect

For this tutorial we’re starting to feel the festive spirit here at PSDFAN. You’ll learn how to wrap up your text like a set of christmas presents.

Read More... 25 comments

Final Image

This is the final image that we’ll be creating. We’re aiming to create some christmas wrapped text.

presentsfinal Christmas Wrapped Text Effect

Step 1

Open up a new document (600X300px) and create a new layer called ‘background. Then drag a radial gradient ranging from D2EAFF to 9DCFFB from the center of your canvas towards the edge.

presents1 Christmas Wrapped Text Effect

Step 2

Now apply some white snowflakes to your background. I used this great free brush set: http://Qbrushes.com/objects/snowflakes-brushes/. Rather than applying each snowflake individually I wanted to simply paint in large areas. The images below show my brush settings that I used to achieve this effect. Finally I reduced the opacity of this layer to 40% in order to make the snowflakes a little more subtle.

presents2a Christmas Wrapped Text Effect

presents2b Christmas Wrapped Text Effect

Step 3

Now type out some text, and select each letter, changing them to different colors.

presents3 Christmas Wrapped Text Effect

Step 4

Now go to blending options for your text layer, and apply a gradient overlay (blend mode: overlay, opacity: 50%). By using an ‘overlay’ blend mode, the text will keep it’s color, but receive the gradient effect, so making it look a little shinier.

presents4a Christmas Wrapped Text Effect

presents4b Christmas Wrapped Text Effect

Step 5

How apply an outer glow effect to your text (settings shown below):

presents5a Christmas Wrapped Text Effect

presents5b Christmas Wrapped Text Effect

Step 6

Now apply a texture to your text. First apply a bevel and emboss effect. Notice in the settings below there is a highlight mode and a shadow mode. You need to reduce the highlights opacity to 0%, and the shadows opacity to 15%. Leave all other bevel settings the same. Then notice a couple of sub-options in your blending options menu – contour and texture. We’re going to be applying the texture option. Check the texture box, and then select a default texture called ’satin’ (see the settings for this below). This should make your text look more like wrapping paper.

presents6a Christmas Wrapped Text Effect

presents6b Christmas Wrapped Text Effect

presents6c Christmas Wrapped Text Effect

Step 7

Create a new layer called ‘ribbon’. Use your rectangular marquee tool to create a cross shape over your first letter. Make the color a darker version of the letter (in this case dark red).

presents7 Christmas Wrapped Text Effect

Step 8

Now apply an inner glow and gradient overlay to your ribbon layer. Also reduce the ribbon layer to 80%.

presents8a Christmas Wrapped Text Effect

presents8b Christmas Wrapped Text Effect

presents8c Christmas Wrapped Text Effect

Step 9

Now duplicate your ribbon layer and apply the duplicates to each letter. Then go to image>adjustments>hue/saturation and change the hue of each ribbon to match the letter’s color. Then use your selection tool to cut away parts of the ribbon that overlap onto parts of your letter where you don’t want the ribbon.

presents9 Christmas Wrapped Text Effect

Step 10

Now option+click on your text layer in your layers palette. This will select all data on this layer (i.e.: your text). Then go to select>inverse to select the area surrounding your text. Go on each of your ribbon layers and hit ‘delete’.

presents10 Christmas Wrapped Text Effect

Step 11

Now if you notice the ribbon is looking good, but the outer glow effect is making the point where it reaches the edge of the text contrast the shadowed edges of the letters. We need to apply some shadow to the edges of the ribbon, in order to make it appear to be wrapping itself around the letters. To do this create a new layer called ‘ribbon edges’. Select a 1px paintbrush, and use the eye dropper tool to select the color next to the very edge of your ribbon. Then paint over the line of the outer glow. Repeat this for each edge, and each ribbon. Then reduce your ‘ribbon edges’ layer opacity to 75%.

presents11 Christmas Wrapped Text Effect

Step 12

Now use your path tool to create a petal shaped path. Then right click on your path and click ‘make selection’. Then fill your selection with a linear gradient ranging from red>light red>red>dark red.

presents12 Christmas Wrapped Text Effect

Step 13

Then create a new layer. Create a curved shape within your petal shape and fill this with a darker gradient than that of your petal shape. The merge the two layers together and call this layer ‘ribbon tie’.

presents13 Christmas Wrapped Text Effect

Step 14

Now duplicate your your ‘ribbon tie’ layer. And go to edit>transform>rotate. Keep duplicating and rotating this shape until you have something that looks like the ribbon ties you see on presents.

presents14 Christmas Wrapped Text Effect

Step 15

Now apply a drop shadow to each ribbon tie layer, including all duplicates. The settings for this drop shadow are shown below. To apply the drop shadow quickly to each layer simply right click on it in your layers palette and click ‘copy layer style’. Then simply right click on each duplicate layer and click ‘paste layer style’. Then merge down all of your ‘ribbon tie’ layers into just one layer containing your tie shape.

presents15a Christmas Wrapped Text Effect

presents15b Christmas Wrapped Text Effect

Step 16

Now go to edit>transform>scale and resize your ribbon tie to fit over the center of your cross of ribbon on the letter X.

presents16 Christmas Wrapped Text Effect

Step 17

Now duplicate your ribbon tie and fit it over the cross on each letter. Then go to image>adjustments>hue/saturation and change the hue to fit with the color of each letter.

presents17 Christmas Wrapped Text Effect

Step 18

Create a new layer beneath your original text layer called ‘gradient background’. Create a linear gradient ranging from a medium blue to transparent, starting from the base of your letters. Reduce your layer’s opacity until it looks good – you don’t want this background addition to be too bold.

presents18 Christmas Wrapped Text Effect

Step 19

Now hide your background layers, leaving just your text, patterns and ribbon layers. Then go to layer>merge visible. Duplicate your merged layer and go to edit>transform>flip vertical. Then move it to become a reflection of your original text. Reduce your layer’s opacity to 30%.

presents19 Christmas Wrapped Text Effect

And We’re Done!

To finish up I increased my snowflake layer’s opacity from 40% to 60%.

presentsfinal Christmas Wrapped Text Effect

I hope that you enjoyed this tutorial, and would love to hear your thoughts on it!

About the Author: Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.

25 Awesome Comments: Leave Your Comment

  1. Yuva 7th December 2008

    nice tut for the upcoming fest :)

  2. User GravatarTom 7th December 2008

    Cheers Yuva.

  3. Bully 7th December 2008

    Very good tutorial.. Thx =D

  4. User GravatarTutorials Room 7th December 2008

    Added to http://www.tutorialsroom.com

    Waiting for your next tutorial :)

  5. User Gravatarmoein 7th December 2008

    Beginner …

  6. User GravatarTom 7th December 2008

    Thanks guys! :)

    Moein: Yeah it’s fairly simple, but I was really aiming it at any Photoshop user who wants to achieve this kind of effect.

  7. Ptka 8th December 2008

    Ah, thats really awesome, I know whats going on my Christmas cards. :D

  8. User Gravatarpsaddict 8th December 2008

    Added to http://www.psaddict.com

  9. User GravatarTutorialvault 8th December 2008

    Nice tutorial.
    Added to http://www.tutorialvault.net as well.

  10. Pooja 11th December 2008

    It’s nice……& easy to make

  11. Smath 12th December 2008

    Very nice.
    I found it very easy and amazing.
    Thanks.

  12. User GravatarJack Franklin 19th December 2008

    Love the tutorial, thank you.

  13. User Gravataralluwant4 24th December 2008

    added to http://www.alluwant4.com

  14. User GravatarAccounting Lectures 26th January 2009

    thanks, this is nice tutorial, and very informative also

  15. Tracy 3rd February 2009

    This is great tutorial. I can’t make a card for my self. Thank you for sharing with us.

  16. Tracy 3rd February 2009

    sorry i can make a christmas card for my self at next christmas hiih:-)

  17. Penni 18th October 2009

    Thanks for a great idea and for the tut. Excellent!

  18. Deva 23rd October 2009

    Excellent , Thanks a ton

  19. Frantic 23rd November 2009

    Just what i needed. But i was wondering where can i get the pattern you used? It would have been great if you posted a link or somewhat download site where one can get it. Have been googling for a while but cant seem to find one.

  20. Anders 5th December 2009

    Hi, dont understand step 10? I click on my text layer but I cant select – inverse… and when I reselect I cant choose inverse but then I get a notice – no pixels were found?

  21. User GravatarDom 9th December 2009

    I’m a PS idiot so this tutorial will end up saved on my computer as I not only find the card design FANTASTIC but your tutorial is FANTABULOUS!
    Thanks for sharing!
    Dom.

  22. User GravatarMichael Garmahis 10th December 2009

    This tutorial is featured on Top 50 Christmas Photoshop Tutorials

  23. Tim 17th December 2009

    to Moien..i can tell just from your comment,you still live at home with” mommy and daddy”.grow up and appreciate it when someone tries to add a little here..

  24. Daiana 25th December 2009

    Anders, you have to ctrl-click, then select marquee tool and afterwards select inverse + delete.

    Great tut I might add, bravo!

  25. User GravatarPaul 28th December 2009

    muy bueno gracias ,Very good thank you

Leave a Comment: