It is currently Fri Apr 19, 2024 10:06 pm


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 16 posts ] 
Author Message
 Post subject: Creating Denim in GIMP
PostPosted: Mon Dec 09, 2013 12:55 pm  (#1) 
Offline
Script Coder
User avatar

Joined: Apr 13, 2010
Posts: 244
Image

This tutorial was originally created in an earlier version of GIMP (2.2 or 2.4). Hopefully, the menu locations are still the same. Enjoy!

If you don't have your own scanline pattern used for this tutorial, you can download one here: http://www.deviantart.com/deviation/39512748/

Just download the pattern, extract it to your GIMP patterns folder (typically somewhere like this on your hard drive: C:\Program Files\GIMP-2.0\share\gimp\2.0\patterns), then either start up GIMP or hit the refresh button in your Patterns Dialog Window to access it.

Step 1

Open up a new GIMP document and fill the background layer with a blue color. Choose any blue that you want. I used 2B6C7E.

Image

Step 2

Now, on this layer, let's add some noise.
Go to Filters | Noise | Scatter RGB...and use the following settings:

Image

Step 3

Add a transparent layer above your background and fill it with your scanline pattern (the scanline pattern is included in the tutorial zipfile). Because the scanlines are difficult to see, I'm not going to give you a screenshot for this step.

Step 4

Let's add some texture by using the Bump Map tool.

With you background layer selected, go to:

Filters | Map | Bump Map...
and use the following settings. Make sure you select the scanline layer as the bump map. These are the settings that looked most realistic to me.

Experiment to see if you find something you like better.

Image

Step 5

Now, turn off your scanline layer (or delete it if you don't need it anymore.)

Step 6

I like to go back to Step 2 and add more noise at this time, but it's not required.

Here's my result:

Image

Step 7

With your denim layer in place, add a new layer and fill it with black.
On this new layer, make a selection along the edge for a seam and fill it with white. The image below shows the selected area highlighted in red and already filled with white. Obviously, your selected area won't be red. I've done this for demonstration purposes only.

Image

Step 8

The purpose for this layer will be to give our denim the appearance of a raised seam, which will be accomplished through the Bump Map Menu. Before we proceed with that however, let's blur the interface between the white and black just a bit.

Click on the new black and white layer in the layer dialog window, then go to Filters Menu > Blur > Gaussian Blur

Image

and fiddle with the settings. Here's mine:

Image

This should make your layer look something like so:

Image

Step 9

Next, Click on you denim layer again and go to Filters Menu > Map > Bump Map...

Image

and experiment with the settings. Make sure you select the black and white layer as the Bump Map layer. Here's my settings:

Image

Here's the results of that action:

Image

Now, you can either discard your black and white layer or save it in case you want to redo it later. That choice is entirely up to you. I'm deleting mine.

Step 10

With our seam in place we need add some wrinkles to bring it to life.

To do that add a new transparent layer and place it above your denim layer.

Grab a small, soft brush and paint in some strokes like I've shown below. I like the airbrush tool for this as it adds just a dash of color with each click of the mouse button and really makes the wrinkles come to life.

Image

Looks pretty good, but not good enough!

We're going to use this 'Wrinkle Layer' to bump the denim layer.

Step 11


Click on your denim layer again in the layer dialog window.

Then, go back to the Bump Map Filter again (Filters Menu > Map > Bump Map...) and bump your denim layer using the Wrinkles Layer as the bump map (No screenshot this time...I think you get the point). Experiment with the settings, but I was able to use the same numbers as I did in the previous bump map step. If your edges look a bit rough when you do the bump map, you may need to perform a Gaussian Blur on the Wrinkle Layer before you do the bump map.

Now, this time, rather than discard our bump map layer as we did with the black and white seam layer, we're going to use the Wrinkle Layer to our advantage. Click on the Wrinkle Layer and change its Blend Mode to some like Overlay or Dodge. I like Dodge myself, but you'll most likely need to reduce the opacity. Here's what I used:

Image

and here's the output of that action:

Image

Before we move on to the next step, let's add one more nice little touch to add to the realism. Click on the denim layer and go to Filters Menu > Map > Displace...

Image

and choose the Wrinkle Layer in the boxes and experiment with the values to get something you like. I used these:

Image

This will move our denim to contour around the wrinkles a little bit.

Step 12

Now, let's add some stitching to our seams.

Add a new transparent layer and place it at the top of the stack. I'm calling it 'Thread Layer' and here's my layer dialog window:

Image

Grab your path tool Image and, Using the Image Below as a guide, click once for Point A, then again for Point B. Before adding Point C, hold down the Shift Key and then click for Point C. Let go of the Shift Key and Click Point D. By holding down the Shift Key when creating Point C, you'll create a multi-component point and each will be stroked individually. If all the Points of the Path were connected, you wouldn't like the stroke results! Trust me!

Image

Step 13

With your Paths in place, let's change the foreground color to something 'gold'. Double-click the color swatch as shown Image and find you a nice gold color. This is what I chose:

Image

Next, go to Edit Menu > Stroke Path...

Image

The following dialog will appear. Click the settings as shown, paying particular attention to what's highlighted in red....

Image

With that dialog still open, take your cursor and modify the Dash Pattern as shown in red:

Image

Click 'Stroke' to Stroke that two paths. Here's the outcome of that step....

Image

Step 14

As a final step, you might want to use the bump map and displace map filters on the Thread Layer using the Wrinkle Layer for bump/displacement.

Here's the settings I've used. Experiment and see what you can come up with.

Bump Settings:

Image

Displace Settings:

Image

If you've done everything correctly, you should have something that appears like this:

Image

As always, experimentation is the key. Try adding folds to the denim itself, using the brushing technique we used for the seams. Add curved paths to make nice thread patterns instead of straight up/down threads. Use multiple paths to make nice thread designs, etc. Make some pockets, add snaps, rivets, etc. Just DON'T try to wear it!

I hope this tutorial has been beneficial. As always, let me know if you have any questions or need clarification.

Happy GIMPing!

Art

_________________
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime! Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.


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: Creating Denim in GIMP
PostPosted: Mon Dec 09, 2013 1:14 pm  (#2) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Glad to see you adding some of your great tutorials FP, I made these two little guys from your denim a while back.
Image

_________________
Image


Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Mon Dec 09, 2013 2:36 pm  (#3) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13011
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
Nice!
I'll have to refer to this tutorial next time I'm looking to create denim.

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Mon Dec 09, 2013 3:30 pm  (#4) 
Offline
Script Coder
User avatar

Joined: Apr 13, 2010
Posts: 244
Thank you!

_________________
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime! Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.


Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Mon Dec 09, 2013 3:33 pm  (#5) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13011
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
fencepost wrote:
Thank you!

:bigthup

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Mon Dec 09, 2013 3:55 pm  (#6) 
Offline
GimpChat Member
User avatar

Joined: Jun 25, 2013
Posts: 142
Location: Wyoming, Michigan
My_Facebook_cover.


Attachments:
Lions_Denim.png
Lions_Denim.png [ 781.07 KiB | Viewed 15592 times ]

_________________
Image
http://tonysteeleebw.deviantart.com/
Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Mon Dec 09, 2013 3:59 pm  (#7) 
Offline
Script Coder
User avatar

Joined: Apr 13, 2010
Posts: 244
That's snazzy! I like it. I was born in Michigan and lived there until I was 13....little town of Gladwin. Most of my family still lives there and although I've never spent any time in Wyoming, MI, I've gone through there a number of times visiting friends at Ferris State and family in Battle Creek. :)

_________________
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime! Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.


Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Mon Dec 09, 2013 4:20 pm  (#8) 
Offline
GimpChat Member

Joined: May 09, 2012
Posts: 914
Bonjour,

Thank you Fencepost, I really appreciate this tutorial :tyspin
I adapted 2 times :
- Script-fu - File > Create > Patterns > Denim... very, very slow..
- A pattern in G'MIC - Patterns > Denim texture
:tyspin :tyspin :tyspin


Attachments:
Denim_gimp_2_8.zip [4.48 KiB]
Downloaded 345 times
Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Mon Dec 09, 2013 5:14 pm  (#9) 
Offline
Script Coder
User avatar

Joined: Apr 13, 2010
Posts: 244
Cool! Glad you got some use out of it!

_________________
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime! Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.


Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Mon Dec 09, 2013 5:17 pm  (#10) 
Offline
GimpChat Member
User avatar

Joined: Aug 16, 2012
Posts: 4271
Location: Göteborg, Sweden
fencepost: this is a classic. thank you so much for sharing it!

_________________


Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Tue Jan 14, 2014 9:32 pm  (#11) 
Offline
GimpChat Member
User avatar

Joined: Dec 10, 2013
Posts: 1004
Thank you! Here's my try - I had so much fun "creating" wrinkles and thread. Don't look too close. I duplicated layers, flipped horizontally, rotated 180 and merged. If you do look close you'll see the scan lines are all over :oops: Next time I'll do it right.

Image

_________________
Image
Macbook Air - MacOS Sierra 10.12
McGimp 2.8.14
G'mic 1.6.5


Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Wed Jan 15, 2014 1:54 am  (#12) 
Offline
GimpChat Member

Joined: Apr 12, 2010
Posts: 5870
There is also a script , also by fencepost based on this tutorial
i repost in the script board

_________________
My 3D Gallery on Deviantart http://photocomix2.deviantart.com/
Main gallery http://www.flickriver.com/photos/photocomix-mandala/
Mandala and simmetry http://www.flickriver.com/photos/photocomix_mandala/

Image

Mrs Wilbress


Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Wed Jan 15, 2014 11:58 am  (#13) 
Offline
GimpChat Member
User avatar

Joined: Dec 10, 2013
Posts: 1004
Thank you PhotoComix, found it!

_________________
Image
Macbook Air - MacOS Sierra 10.12
McGimp 2.8.14
G'mic 1.6.5


Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Wed Jan 15, 2014 12:28 pm  (#14) 
Offline
GimpChat Member

Joined: Aug 05, 2011
Posts: 606
Location: limestone,ny
This is a great tutorial FP
Made this a couple years ago

Image

I really like the denim look
Threw this splash together a few weeks ago when i was bored

Image


Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Wed Jan 15, 2014 12:53 pm  (#15) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Fantastic job alc

_________________
Image


Top
 Post subject: Re: Creating Denim in GIMP
PostPosted: Wed Jan 15, 2014 3:08 pm  (#16) 
Offline
GimpChat Member
User avatar

Joined: Dec 10, 2013
Posts: 1004
I love both! Great job.

_________________
Image
Macbook Air - MacOS Sierra 10.12
McGimp 2.8.14
G'mic 1.6.5


Top
Post new topic Reply to topic  [ 16 posts ] 

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) Denim Patch text effect plugin

9

No new posts Attachment(s) Creating palette from image

9

No new posts Creating a guide for GIMP

4

No new posts Attachment(s) Supernova - creating rings

5

No new posts Creating an image map with gimp

8



* Login  



Powered by phpBB3 © phpBB Group