Realistic Felt Tutorial

|by | Tutorials

This is a basic step by step for making the most of your felt.

Made for Photoshop users, it may work for Elements and PSP if you know about paths & stroking.

I have used this felt for the tutorial

**Designer Resource** Mega Felt Collection

I also made a simple action to do the work for you right up until the application of the felt.

The brush is also included as an ABR file, download it HERE

I can’t guarantee which programs it will work in. Please read the instructions included.

It should be compatible for Photoshop 6 and higher as well as Elements.

Step 1:

For best results use the warp tool or slightly skew the circle so it is slightly uneven.

Step 2:

You can open paths in PS with window—>paths

Make a new path with button 1, which will be the outline of your shape. Then make a work path with button 2.

Step 3:

Download brush HERE or make your own. You want it to give a fuzzy look. You can use this brush for commercial use too.

Step 4:

Making sure you have your shape layer selected and your brush selecetd, go back to paths and hit stroke path with brush. Button 1. Then hit the trash icon to delete the path before continuing.

Step 5:

It should now look like this:

Step 6:

Apply your felt STYLE of clip your FELT to the shape with the new fuzzy edges.

Installation & using styles tutorial is HERE

Step 7:

Add a shadow for more realism. Either double click the thumbnail in the layers palette and do it OR make a new layer. Merge it with the felt element. Then do your shadows. For best results make the colour of the shadow a darker version of whatever colour is underneath.

Step 8:

The shadows used here are all different colours. The button shadow is a dark yellow. The yellow felt shadow is a dark orange etc…

This tutorial was made using Photoshop CS3.


46 Comments on Realistic Felt Tutorial

  1. jara
    November 20, 2016 at 12:38 (1 year ago)

    found this and it is cool but the felt style is no longer there. oh well. Nice work!

  2. Kristine
    February 13, 2015 at 07:54 (3 years ago)

    I have Photoshop 7 and your ABR file won’t load = it says it’s uncompatible with my version πŸ™ I’m so disappointed. But if it DID load, I’m sure it’d be so awesome. I need some felt styles. xx

  3. Robin
    February 16, 2013 at 07:38 (5 years ago)

    The felt fabric pics/styles have gone!
    Where are they πŸ™

  4. love2learn
    October 3, 2011 at 16:46 (6 years ago)

    Thank you for the tutorial but for some reason it didn’t really work for me. Not sure what I did wrong. Perhaps I didn’t understand the tutorial. Do you think you could help me out?

  5. Mye
    March 5, 2010 at 04:26 (8 years ago)

    Great tut, Megs! Totally awesome! Thank you so much for sharing.

  6. Jessica
    February 18, 2010 at 16:52 (8 years ago)

    Is there a way to get this effect in PSP (specifically version 8)?

  7. Dawn
    December 30, 2009 at 07:43 (8 years ago)

    OMGosh! Meg, I just played with your felt and brush and I can’t believe how easy it is!!!! You absolutely rock!!!!!!!
    Keep the awesome tools and tuts coming :).

  8. Dawn
    December 30, 2009 at 06:00 (8 years ago)

    I had trouble focusing on the tut……..because of the hot eye candy on the right LOL!
    Great tut!

  9. lotusart
    October 22, 2009 at 21:46 (8 years ago)

    This was absolutely usefull!!! I was going through a lot of trouble but now it finally turned out great. Thx very much!!!

  10. chaos
    September 30, 2009 at 05:37 (8 years ago)

    Awesome tutorial! Thank you so much for sharing!

  11. Marta
    August 22, 2009 at 01:07 (8 years ago)

    Very Good! Thanks

  12. Flergs
    June 26, 2009 at 20:47 (8 years ago)

    I’ll check it Carol, I think it is altogether?

  13. Carol
    June 22, 2009 at 02:53 (8 years ago)

    Thanks for the tutorial… but when I download the brush, I get the felt action file again… is the brush no longer available?

  14. Lacey
    May 21, 2009 at 00:32 (9 years ago)

    You are too awesome!!! Thank you so very much!!!

  15. anneofalamo
    April 27, 2009 at 10:41 (9 years ago)

    gosh! I read it, and was happy to understand…I go now to try! thank you so much!

  16. Tania
    March 5, 2009 at 10:05 (9 years ago)

    Thank you so much!!

  17. Hélène
    February 15, 2009 at 23:37 (9 years ago)

    Megan you rock !!! πŸ˜€
    Thank you

  18. Me
    February 11, 2009 at 00:40 (9 years ago)

    Also would like to know how to recolor these!!!

  19. Kelli
    February 4, 2009 at 14:38 (9 years ago)

    I just purchased these and they do work ok for me in PSE 5. My question is how do I recolor them…..I tried adjusting the hue slider, I tried using the color replacement brush, and neither one does anything. Any suggestions?

  20. Jan
    January 31, 2009 at 13:19 (9 years ago)

    Terrific tutorial. thank you.

  21. Suzy
    January 22, 2009 at 13:28 (9 years ago)

    Thanks for pointing me to this! Such an awesome tut! Way to read my mind–I was going to ask about this next! Thanks again!

  22. Roben-Marie
    January 15, 2009 at 07:52 (9 years ago)

    Nett sent me here and I’m so glad she did! Thanks so much for this tutorial!

  23. Nicole
    November 20, 2008 at 11:22 (9 years ago)

    Flergs – you rock! I can’t wait to try this out tonight!

  24. Christine (supertwinkle)
    November 15, 2008 at 07:26 (9 years ago)

    Thanks Megs for the tutorial, it is totally awesome. I had no idea you can stroke a brush on a path. I’ll be using that technique soon!

  25. Karen
    November 14, 2008 at 03:47 (9 years ago)

    you are so cool… i love this tutorial. thank you!!

  26. vivie
    November 13, 2008 at 03:46 (9 years ago)

    thanks for the tutorial…and thanks for the fun at CRD’s block party!!! Enjoyed having you there!! This tut was perfect for me as i was wondering about using felts!!! thanks again!

  27. Rachel
    November 13, 2008 at 03:29 (9 years ago)


  28. Jessica
    November 11, 2008 at 02:32 (9 years ago)

    I love this tutorial and it got my mind thinking about using the same concept for a realistic glitter edge. πŸ˜€ Thank you so much for taking the time to do this for us!

  29. Liv Hudson
    November 1, 2008 at 00:15 (9 years ago)

    Great tut Little One! I don’t know how you have the time to do these.

  30. sherriejd
    October 25, 2008 at 00:09 (9 years ago)

    hey megs! thanks so much, this tut was awesome and now i can actually use the felt styles with more realism. thanks sweetie!

  31. Dielle
    October 21, 2008 at 17:43 (9 years ago)

    Megs, thanks a ton! I haven’t done felt yet, but I’ve been brushing all sorts of things to give them a realistic edge… but manually. The work path is brilliant and you created a perfect tut for it!

  32. Cat
    October 18, 2008 at 19:58 (9 years ago)

    Are you kidding me, I just came to thank you for your designer resources tools. Mainly your preview templates. You make previewing so much more enjoyable!! I had one of your templates before but just purchased your newer version (Make paper previewing a breeze!) Then I see this AWESOME tutorial. NOW, I have just sauntered off back into your store to buy the felt style!! LOL. Actually I have wanted it for a while, but now you sucked me in!!!

    (((hugs))) And thanks (even though paypal doesnt much thank you!!)


  33. Melissa
    October 16, 2008 at 10:51 (9 years ago)

    Thanks for the tut. I love it! Your felt is wonderful

  34. DoodleLT
    October 15, 2008 at 12:57 (9 years ago)

    Thank you…this is awesome!!!

  35. Miss Toria
    October 15, 2008 at 06:42 (9 years ago)

    Hello there!

    I won the Digiscrapbooking contest on GGM a few weeks ago and I was wondering, when can I expect to recieve it?

    Miss Toria

  36. EB
    October 14, 2008 at 20:39 (9 years ago)

    Oh, I wanna say thanks for the tut. But unfortunately the brush didn’t work for me.. (I use PS7).. πŸ™

  37. sharon dale
    October 14, 2008 at 15:53 (9 years ago)

    What a fab tute Megan! I love how the felt looks and this tute will make playing with it so much better! Thanks so much…

  38. **Holly**
    October 14, 2008 at 14:25 (9 years ago)

    Wow awesome tut…love it! Will have to give it a try!

  39. Melissa
    October 14, 2008 at 12:15 (9 years ago)

    Brilliant – thanks so much for this!!

  40. twoboyz00
    October 14, 2008 at 11:25 (9 years ago)

    Thank you so much for the awesome tutorial!!

  41. SandraC
    October 14, 2008 at 10:43 (9 years ago)

    Great tutorial!!
    I have been thinking about it how to make the edges realistic after extracting a piece from a pic, couldn’t get the right look….

  42. Karen Bowers
    October 14, 2008 at 10:37 (9 years ago)

    thanks for the great tute! this makes total sense!

4Pingbacks & Trackbacks on Realistic Felt Tutorial

  1. […] at Studio Flergs, there is what looks like a comprehensive and helpful tutorial on making digital felt. Through the steps used to make circles, you learn how to use the Photoshop brush (link supplied in […]

  2. […] chose to use the cute winged heart from Jan’s kit and I followed Flergs’ great felt tutorial; although it was designed for Photoshop CS3, it worked just fine for my version of CS2. I used […]

  3. […] Glitter Tutorial Scattered Glitter Tutorial Drop Shadows Realistic Felt Realistic […]

Leave a Reply

Your email address will not be published. Required fields are marked *

Comment *

Powered by Creativity and Love | Copyright Β© 2015 Studio Flergs