It is currently Thu Mar 28, 2024 6:08 pm


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 11 posts ] 
Author Message
 Post subject: Make Your Own Fabric
PostPosted: Wed Jan 18, 2012 4:25 pm  (#1) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
I've seen very few tutorials for making fabric so I decided to make a more comprehensive one that includes several types of fabrics. For this tutorial you will need to have the G’MIC plug-in installed and can be found here: http://registry.gimp.org/search/node/gmic You will also need the two carbon fiber patterns I have included. You can get the whole carbon fiber package at deviantart.com.

Step 1.

Open a new image sized at 1024 x 1024.

Step 2.

Go to Filters>Render>Clouds>Solid Noise and set the detail to 1, X to 1, and Y to 4. As you can see you get some really soft looking clouds. This will be the base we'll use for our fabric ripples or folds.

Image

You will need to duplicate this layer 3 times. Name the first layer Clouds, and the second layer Satin. Name the third and fourth layers Linen and Oxford. Tick the eye in front of every layer except the Satin layer, to turn off the visibility. Only the Satin layer should be visible now.

Step 3.

For plain fabric, you can apply different textures like we’ll be doing in a minute, but for Satin we need our fabric to be really shiny. Click on the Satin layer to make it the active layer, then go to Colors>Curves and use the “Max chrome” settings from my Tin Foil tutorial to adjust the curves. You can find the Tin Foil tutorial here:

viewtopic.php?f=23&t=3466

If you don’t already have those chrome settings saved, after you make your changes like in the Curves dialogue below, just tick the little plus sign at the top. When the little box comes up, it will ask you to enter a name for your settings, and then click OK.

Make your Curve settings look like the picture shown here.

Image

After applying the Curve settings, you will notice there are a lot of weird little “artifacts” or swirly lines.

Image

To fix this, go to Filters>Blur>Gaussian Blur and use 25 for both settings.

Step 4.

We can easily make any color fabric as we go by changing the FG color to whatever you like and create a new transparent layer (one for each color you are using) and drag your color choices over to each layer in turn, to fill it. Change each colored layer mode as explained below, and turn off visibility to whichever layers you are not using at the moment. I’m going to use some basic colors for illustration purposes.

Image

Some colors look best using different layer modes. For the white layer, set the mode to Screen and lower the Opacity to around 75. Since the clouds image layer is already gray, a black layer should be set to Grain Merge.

Image


Image

Red, Blue & Green can be set at either Multiply for a darker color, Grain Merge for a medium color, or Overlay for a brighter color. I’ll use Red here to illustrate.

Image

Image

Image

Personally, I like the Grain Merge mode for Red, Overlay for Blue. For Green, I set the mode to Multiply and reduce the Opacity to around 75. Just play around with these layer modes until you like what you see, adjusting the opacity as needed.

OK. We have our colors, now we need to change the appearance of the fabric to something other than Satin but stay with a shiny look. Let’s start with a nice Linen pattern. Tick the eye in front of the white layer and the Satin layer to turn off their visibility.

Step 5.

Tick the eye in front of your blue layer to make it visible, click on the Linen layer to make it the active layer and tick the eye in front of it to also make it visible. (I’ll be using the blue layer with the mode set to overlay for the next few steps) Go to Filters>GMIC> Patterns>Canvas Texture and enter the values shown in the screenshot below.

Image

Now we have some Linen fabric.

Image

If you want more texture, just crank up the Amplitude setting a bit but not too much.


Step 6.

Turn off the visibility on the Linen layer and click on the Oxford layer. Create a new transparent layer just above it, name it “Beaded Carbon”, and set the layer mode to overlay. Select the bucket fill tool and set the pattern to (you guessed it) beaded carbon. In the bucket tool dialog, be sure to tick both boxes Pattern fill and Fill Whole Selection.

Image

Since your blue layer already visible, you will instantly see your new blue Oxford cloth fabric.

Image

For a finer weave like Pima Pinpoint Oxford, adjust the pattern scale to around 50%. If you don’t already have it, you can find the utility script to scale your patterns here:

http://registry.gimp.org/node/13707 .

Here is the same pattern applied to a transparent layer above a white layer. For this one the carbon layer is set to Grain Merge with the blue color layer above it set to overlay.

Image

And another one with the folds or ripples.

Image

Step 7.

For the next few steps, we do something a little different. Turn off the visibility on all layers and create a new layer and place it under the angled carbon layer. Fill your new layer with a dark blue-gray color like 151544. Name this layer Denim.

Step 8.

Now turn on the visibility for the angled carbon layer. Duplicate the carbon layer one time and set the top layer mode to Overlay and the second one to Screen. Make sure only these tree layers have their visibility turned on, then right click anywhere in the layers dialog and select Merge Visible Layers.

Image

Step 9.

Go to Filters>Noise>Spread and enter 5 for the amount and click OK. Instant Denim!

Now we have fabric that looks similar to Denim when it is brand new.

Image

One of the better denim tutorials around is done by Fencepost and can be found at http://www.gimptalk.com/index.php?showtopic=3701

He uses a scan line pattern instead of the angled carbon and gets a really great washed denim effect like this.

Image

If you want a little different color, just change the first colored layer in step 7 and repeat steps 8 & 9.


I hope you liked this tutorial, if so then you might be interested in my next tutorial. How to make some worn out, frayed looking cloth like the one below or apply the effects to any one of the fabric examples above.


Image

Stay tuned!


Attachments:
Beaded Carbon.pat [9.74 KiB]
Downloaded 733 times
Angled Carbon.pat [20.17 KiB]
Downloaded 691 times

_________________
Image


Last edited by Draconian on Mon Aug 27, 2012 7:11 am, edited 2 times in total.
Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: Make Your Own Fabric
PostPosted: Wed Jan 18, 2012 5:25 pm  (#2) 
Offline
GimpChat Member
User avatar

Joined: Sep 24, 2010
Posts: 12513
Very cool stuff here Drac. Haven't been in a textile mood for a long time now, but when I get that binge going again, I'll add some of your stuff to the mix. :)

_________________
Lyle

Psalm 109:8

Image


Top
 Post subject: Re: Make Your Own Fabric
PostPosted: Wed Jan 18, 2012 5:33 pm  (#3) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
Thanks Lyle. Been working on a torn up piece of denim with a hole in it with the edges peeled back to add to my frayed cloth tut I'm building. I'm finding it to be quite a challenge. I think I need another method to get the randomness to the strings instead of just using distort/wind. Still looks lame unless it is just a mono-directional edge. Can you point me anywhere?

_________________
Image


Top
 Post subject: Re: Make Your Own Fabric
PostPosted: Wed Jan 18, 2012 5:57 pm  (#4) 
Offline
GimpChat Member
User avatar

Joined: Sep 24, 2010
Posts: 12513
I actually never tried to simulate torn textiles. I guess I virtually live in a perfect world where cloeths never ware out. lol

As a side note, click on the link below for some cool renders (I created a few there too). :)

http://www.innographx.com/forum/viewtop ... =52&t=6854

_________________
Lyle

Psalm 109:8

Image


Top
 Post subject: Re: Make Your Own Fabric
PostPosted: Thu Jan 19, 2012 3:46 am  (#5) 
Offline
GimpChat Member
User avatar

Joined: Jan 03, 2011
Posts: 1656
Very cool !
I thought the G'MIC canvas filter was actually pretty useless, but now I'm convinced it's not the case :)


Top
 Post subject: Re: Make Your Own Fabric
PostPosted: Thu Jan 19, 2012 6:59 am  (#6) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
There are two filters in G'MIC called "Canvas" and "Canvas Texture". I used the one called "Canvas Texture" to make the subtle texture for the Linen fabric. If you use the one called "Canvas" you get a very heavy texture similar to Filters>Artistic>Canvas. More conducive to making textures for making pictures look like paintings.

The sample pic below has some resemblance to something like a course heavy weave, however using either one of the "Canvas" filters and a few other steps, I was able to get the example of the frayed cloth shown at the bottom of the tut.


Attachments:
canvas_chrome.jpg
canvas_chrome.jpg [ 309.71 KiB | Viewed 32862 times ]

_________________
Image
Top
 Post subject: Re: Make Your Own Fabric
PostPosted: Thu Jan 19, 2012 7:45 am  (#7) 
Offline
GimpChat Member
User avatar

Joined: May 16, 2010
Posts: 14709
Location: USA
Great tutorial Draconian.Thanks also for the patterns. :)

_________________
Image
Edmund Burke nailed it when he said, "The only thing necessary for the triumph of evil is for good men to do nothing."


Top
 Post subject: Re: Make Your Own Fabric
PostPosted: Thu Jan 19, 2012 7:53 am  (#8) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
You are very welcome Rod. Since you like to do PS tuts as much as I do you might like this denim tut I found. Extremely realistic. I played around with it a little yesterday but PS has a few things Gimp doesn't so there are a few work arounds I have yet to discover. Here's the link.....

http://www.1stwebdesigner.com/tutorials ... photoshop/

_________________
Image


Last edited by Draconian on Thu Jan 19, 2012 12:42 pm, edited 1 time in total.

Top
 Post subject: Re: Make Your Own Fabric
PostPosted: Thu Jan 19, 2012 8:00 am  (#9) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
That link doesn't open for me drac, It must be either down OR having a break

_________________
Image


Top
 Post subject: Re: Make Your Own Fabric
PostPosted: Thu Jan 19, 2012 12:45 pm  (#10) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
molly wrote:
That link doesn't open for me drac, It must be either down OR having a break



Try it again now. It must have been a no-follow link from the one I have posted now.

_________________
Image


Top
 Post subject: Re: Make Your Own Fabric
PostPosted: Thu Jan 19, 2012 12:54 pm  (#11) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
works now thanks
Here is a great tutorial for demin by Fencepost. It is already in Gimp.

Fencepost Denim tutorial

_________________
Image


Top
Post new topic Reply to topic  [ 11 posts ] 

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) Make a brush - Make a mandala

297

No new posts Attachment(s) how could i make this background

7

No new posts Can someone please make a script fu that does this

4

No new posts make pointer bigger ??

4

No new posts Attachment(s) How to make a blueprint one color

7



* Login  



Powered by phpBB3 © phpBB Group