Realistic Felt Tutorial
October 14th, 2008 | 
Author: 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
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.
Posted in Tutorials
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?
[...] 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 [...]
Great tut, Megs! Totally awesome! Thank you so much for sharing.
Is there a way to get this effect in PSP (specifically version 8)?
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
I had trouble focusing on the tut……..because of the hot eye candy on the right LOL!
Great tut!
This was absolutely usefull!!! I was going through a lot of trouble but now it finally turned out great. Thx very much!!!
Awesome tutorial! Thank you so much for sharing!
Very Good! Thanks
I’ll check it Carol, I think it is altogether?
Thanks for the tutorial… but when I download the brush, I get the felt action file again… is the brush no longer available?
You are too awesome!!! Thank you so very much!!!
gosh! I read it, and was happy to understand…I go now to try! thank you so much!
Thank you so much!!
Megan you rock !!!
Thank you
Also would like to know how to recolor these!!!
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?
Terrific tutorial. thank you.
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!
Nett sent me here and I’m so glad she did! Thanks so much for this tutorial!
[...] 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 [...]
Flergs – you rock! I can’t wait to try this out tonight!
[...] Glitter Tutorial Scattered Glitter Tutorial Drop Shadows Realistic Felt Realistic [...]
Realistic Felt Tutorial…
Realistic Felt Tutorial…
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!
you are so cool… i love this tutorial. thank you!!
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!
AHHHH! I LOVE THIS — TY TY TY !
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!
Great tut Little One! I don’t know how you have the time to do these.
Hugs,
Liv
hey megs! thanks so much, this tut was awesome and now i can actually use the felt styles with more realism. thanks sweetie!
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!
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!!)
Cat
Thanks for the tut. I love it! Your felt is wonderful
Thank you…this is awesome!!!
Hello there!
I won the Digiscrapbooking contest on GGM a few weeks ago and I was wondering, when can I expect to recieve it?
Blessings,
Miss Toria
Oh, I wanna say thanks for the tut. But unfortunately the brush didn’t work for me.. (I use PS7)..
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…
Wow awesome tut…love it! Will have to give it a try!
Brilliant – thanks so much for this!!
Thank you so much for the awesome tutorial!!
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….
Thanks!
thanks for the great tute! this makes total sense!