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