Simblesse Oblige Forum Index Simblesse Oblige
Forums for serious Simmers to share knowledge about The Sims 1
 
 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

Drapery tutorial
Goto page 1, 2  Next
 
Post new topic   Reply to topic    Simblesse Oblige Forum Index -> Skinner's Studio
View previous topic :: View next topic  
Author Message
Thalia
Member
Member


Joined: 19 May 2008
Posts: 894
Location: New England

PostPosted: Sat Feb 07, 2009 1:48 am    Post subject: Drapery tutorial Reply with quote

This is a way I've found to get decent-looking drapery on, for example, a skirt, by using the 'render fibers' filter in Photoshop.

I'm using Photoshop CS here (on a Mac); I don't know if there is something equivalent in Paint Shop Pro or Illustrator (is that program even around anymore?).

We'll start with a long dress for a little girl. Start with the nude child skin, then bump the size up to 512 pixels square so you can see what you're doing; also set it to RGB so you can use layers.

Make a new layer, then rough in a skirt shape by selecting a rectangle in the right place with the rectangular marquee tool and fill it in the color you like.

(I've done the same for the bodice on its own layer. I usually fill it all in as a rectangle then erase the neckline out.)

So it should look like this:



tutor1.jpg
 Description:
 Filesize:  53.19 KB
 Viewed:  7913 Time(s)

tutor1.jpg




Last edited by Thalia on Sat Feb 07, 2009 4:01 am; edited 7 times in total
Back to top
View user's profile Send private message Visit poster's website
Thalia
Member
Member


Joined: 19 May 2008
Posts: 894
Location: New England

PostPosted: Sat Feb 07, 2009 1:54 am    Post subject: Reply with quote

Put it back on the skirt layer, then with the magic wand select the skirt area; then make a new layer. Set the foreground and background colors to the default black and white (on a Mac just type in 'd'). Fill in the selected skirt shape on your new layer (I used white, but I don't think the color actually matters.)


tutor2.jpg
 Description:
 Filesize:  53.5 KB
 Viewed:  7873 Time(s)

tutor2.jpg




Last edited by Thalia on Sat Feb 07, 2009 3:14 am; edited 6 times in total
Back to top
View user's profile Send private message Visit poster's website
Thalia
Member
Member


Joined: 19 May 2008
Posts: 894
Location: New England

PostPosted: Sat Feb 07, 2009 1:55 am    Post subject: Reply with quote

Then with your new white layer still selected, go to Filter->Render->Fibers...


tutor4.jpg
 Description:
 Filesize:  59.78 KB
 Viewed:  7903 Time(s)

tutor4.jpg




Last edited by Thalia on Sat Feb 07, 2009 3:06 am; edited 4 times in total
Back to top
View user's profile Send private message Visit poster's website
Thalia
Member
Member


Joined: 19 May 2008
Posts: 894
Location: New England

PostPosted: Sat Feb 07, 2009 1:57 am    Post subject: Reply with quote

Which will give you this box. The fibers rendered are in black and white because that is what the foreground and background are set at; you can try it with other colors if you like but black and white works pretty well.


tutor5.jpg
 Description:
 Filesize:  58.75 KB
 Viewed:  7902 Time(s)

tutor5.jpg




Last edited by Thalia on Sat Feb 07, 2009 2:24 am; edited 2 times in total
Back to top
View user's profile Send private message Visit poster's website
Thalia
Member
Member


Joined: 19 May 2008
Posts: 894
Location: New England

PostPosted: Sat Feb 07, 2009 1:59 am    Post subject: Reply with quote

Play with the variance and strength; I usually set the variance around 15 or so, and the strength towards the low end around 5. Hit randomize until you get something that looks like rough drapery. What I find works best is for it to be overall on the light side, but with a good distribution of darker fibers (or 'folds').

This looks good:



tutor6.jpg
 Description:
 Filesize:  59.58 KB
 Viewed:  7901 Time(s)

tutor6.jpg




Last edited by Thalia on Sat Feb 07, 2009 2:25 am; edited 2 times in total
Back to top
View user's profile Send private message Visit poster's website
Thalia
Member
Member


Joined: 19 May 2008
Posts: 894
Location: New England

PostPosted: Sat Feb 07, 2009 2:00 am    Post subject: Reply with quote

I usually stretch it a bit vertically with the Move tool to elongate the 'fibers' and make them look more like drapery; in this one I've also stretched it to the right a bit to get rid of that dark bit just to the right of the front center.


tutor7.jpg
 Description:
 Filesize:  79.88 KB
 Viewed:  7900 Time(s)

tutor7.jpg




Last edited by Thalia on Sat Feb 07, 2009 2:28 am; edited 3 times in total
Back to top
View user's profile Send private message Visit poster's website
Thalia
Member
Member


Joined: 19 May 2008
Posts: 894
Location: New England

PostPosted: Sat Feb 07, 2009 2:18 am    Post subject: Reply with quote

Then with the fibers layer still selected, go to Filter-> Blur -> Motion Blur...


tutor9.jpg
 Description:
 Filesize:  66.95 KB
 Viewed:  7896 Time(s)

tutor9.jpg




Last edited by Thalia on Sat Feb 07, 2009 3:29 am; edited 2 times in total
Back to top
View user's profile Send private message Visit poster's website
Thalia
Member
Member


Joined: 19 May 2008
Posts: 894
Location: New England

PostPosted: Sat Feb 07, 2009 2:33 am    Post subject: Reply with quote

Which will set you up with this box.

Set the angle to 90 degrees (straight up and down) and the distance of pixels blurred to enough to make it all look like folds (around 100 in this case).



tutor10.jpg
 Description:
 Filesize:  59.46 KB
 Viewed:  7894 Time(s)

tutor10.jpg


Back to top
View user's profile Send private message Visit poster's website
Thalia
Member
Member


Joined: 19 May 2008
Posts: 894
Location: New England

PostPosted: Sat Feb 07, 2009 2:42 am    Post subject: Reply with quote

Choose the skirt layer again (in this case Layer 1) and with the magic wand click on part of it that is NOT the skirt (so that everything but the skirt rectangle is selected.)


tutor11.jpg
 Description:
 Filesize:  64.5 KB
 Viewed:  7887 Time(s)

tutor11.jpg


Back to top
View user's profile Send private message Visit poster's website
Thalia
Member
Member


Joined: 19 May 2008
Posts: 894
Location: New England

PostPosted: Sat Feb 07, 2009 2:50 am    Post subject: Reply with quote

Then go back to the fibers/drapery layer, and hit 'delete' (or cut) which should leave you with a layer of drapery exactly the same size as the layer of the skirt underneath it.

Deselect it.

After that, in the layers window set the blend mode to Overlay.



tutor12.jpg
 Description:
 Filesize:  54.2 KB
 Viewed:  7884 Time(s)

tutor12.jpg




Last edited by Thalia on Sat Feb 07, 2009 3:09 am; edited 1 time in total
Back to top
View user's profile Send private message Visit poster's website
Thalia
Member
Member


Joined: 19 May 2008
Posts: 894
Location: New England

PostPosted: Sat Feb 07, 2009 2:55 am    Post subject: Reply with quote

Then (last step!), still in the layers window, set the opacity till it looks good (I usually set it around 80% or so, but it will depend on the colors).

Which should give you something that looks like this, a reasonable facsimile of drapery:



tutor13.jpg
 Description:
 Filesize:  58.54 KB
 Viewed:  7880 Time(s)

tutor13.jpg


Back to top
View user's profile Send private message Visit poster's website
Thalia
Member
Member


Joined: 19 May 2008
Posts: 894
Location: New England

PostPosted: Sat Feb 07, 2009 3:00 am    Post subject: Reply with quote

And you're done. Yay!

Don't forget to set the image size back to 256 pixels square, and put it back on indexed color before you save it as your (correctly named) bitmap to use in the game.
Back to top
View user's profile Send private message Visit poster's website
bruja
Site Admin


Joined: 29 Aug 2006
Posts: 5971
Location: Under a tall black hat

PostPosted: Sat Feb 07, 2009 2:29 pm    Post subject: Re: Drapery tutorial Reply with quote

Great tutorial!thumbsup

Thalia wrote:
This is a way I've found to get decent-looking drapery on, for example, a skirt, by using the 'render fibers' filter in Photoshop.

I'm using Photoshop CS here (on a Mac); I don't know if there is something equivalent in Paint Shop Pro or Illustrator (is that program even around anymore?).


I use an older version Paint Shop Pro, PSP8. The filters seem to be different. I think in PSP8, the way to create the fabric rendering would be using a PSP8 texture. However, fabric isn't one of the textures that comes with the program, so I think I'd have to make my own.

If anyone knows of a source for "fabric" draping textures for PSP8, lots of us might like to know!

_________________
"Do not anger a bard, for your name is silly and it scans to 'Greensleeves'." (I loved it so much I had to steal it)
Back to top
View user's profile Send private message Visit poster's website
ess
Member
Member


Joined: 12 Oct 2006
Posts: 444
Location: CA

PostPosted: Tue Feb 10, 2009 9:54 pm    Post subject: Reply with quote

Actually, I haven't had much luck with PSP's texture effects...

I, too, have PSP and I read thru Thalia's tutorial with great interest, hoping I could glean some insight here. I diligently tried to duplicate her efforts! What I ended up using was a patten I had that looked similiar to her fiber filter and set the hue and saturation to 0, stretched it to fit (as noted in tutorial), used motion blur (a little different for PSP, I used a 90 degree angle and a blur strength of 8%), then changed the layer from normal to overlay. Aha! that is the trick! (See pic) So perhaps some images/patterns that have a drapery look to them might work for us PSP users...(?)



testskin.jpg
 Description:
 Filesize:  9.79 KB
 Viewed:  7840 Time(s)

testskin.jpg


Back to top
View user's profile Send private message Visit poster's website
bruja
Site Admin


Joined: 29 Aug 2006
Posts: 5971
Location: Under a tall black hat

PostPosted: Sun Feb 22, 2009 6:31 pm    Post subject: Reply with quote

I came across this tutorial for making realistic fabric folds using Gimp. http://danimagoo.blogspot.com/2007/08/vertcal-fabric-folds-in-gimp.html
_________________
"Do not anger a bard, for your name is silly and it scans to 'Greensleeves'." (I loved it so much I had to steal it)
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    Simblesse Oblige Forum Index -> Skinner's Studio All times are GMT
Goto page 1, 2  Next
Page 1 of 2

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You can attach files in this forum
You can download files in this forum


Powered by phpBB © 2001, 2005 phpBB Group