It is currently Wed Apr 24, 2024 8:58 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 65 posts ]  Go to page 1, 2, 3, 4  Next
Author Message
 Post subject: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 3:39 pm  (#1) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
How to Make Pitted Metal


This tutorial will show you how to make pitted metal with bronze overtones and then using it to make some really cool looking text effects. You will need to have the G’MIC plug-in installed to complete this tutorial. You can download the latest version here: G'MIC. You will also need Python installed with the Selection Bevel (Bevel2) script, as well as this sand texture available from CGTextures.com.

Image

Here’s the link to download the sand texture

http://www.cgtextures.com/texview.php?i ... 4n1489vl63

You can get Python here: http://www.python.org/ftp/python/2.6/python-2.6.msi and the Selection Bevel script is included in the attached zip file, along with the DeVinne Ornamental font. You will also need to download and install both to complete this tutorial.

Step 1.
Open a new image 800 x 600 pixels and use 300 ppi for the resolution.

Step 2.
Go to Filters>Render>Clouds>Solid Noise and use 1 for the detail, X and Y as well. Click on the “Seed” a few times to find a really light pattern. Everybody knows what clouds look like so I won’t bother with a pic.

Step 3.
Next, go to Filters>GMIC>Artistic>Whirl Drawing and enter 100 for the Amplitude setting, then click OK.

Image

You should get an image with a bunch of swirly things like this.

Image

Step 4.
OK, we have our whirls pattern, but there is way too much detail. We want to reduce this so go to Colors>Levels and where it says “Output Levels,” set the left value to 100, the right one to 150, then click OK.

Image

Our image now looks like this.

Image

Step 5.
Next we go to Colors>Posterize and select 2 for the number of colors and click OK.

Image

You won’t really notice a lot of change so no need for another pic.

Step 6.
Set your FG color to 403300, and your BG color to 8C7853. Increase your view setting to at least 200% to make the next few steps easier. Click on the Select by Color tool and select one of the white areas to select all the white regions and drag the BG color over to the selection to fill it with the lighter color. Now do the same thing with the black areas using the FG color, then deselect it. (Select>None). You should now have a two color image something like this.

Image

Step 7.
Right click on your background layer in the layers dialog and select Add Alpha Channel. Now duplicate it two times and rename the top one “Light”, the middle one “Dark” and the bottom one “Pattern”. Use the Select by Color tool again and on the top layer select the darker areas and hit your delete key. Now click on the middle layer and select the light areas, then hit the delete key. Now go to Filters>Blur>
Gaussian Blur and blur it at about 5. Repeat for the top layer then go to Select>None and your layers should now look like this.

Image

Step 8.
Turn off the visibility of the top two layers, Light and Dark, and select the Pattern layer to make it active. Go to Filters>Map>Bump Map and use the following settings. Make sure you have the Light layer selected to use as the bump map at the top of the dialog for the first bump map process.

Image

Now bump the Pattern layer again, but this time use the Dark layer as the map with these settings.

Image

We now have some depth to our pattern, and we can delete the light layer, but hang on to the Dark layer for now.

Image

Step 9.
With the Pattern layer still active, use the Select by Color tool and select one of the lighter areas. Go to Colors>Curves and adjust the curve in the center diagonally up one square like so.

Image

The reason we didn’t just start with a lighter color for our fill step, is that this way does not affect the highlights and shadows created during the bump map process.

Step 10.
Go to File>Open as Layers and navigate to wherever you saved the sand texture image you downloaded. Once you have it open, right click on it in the layers dialog and select Layer to Image Size, then turn off the visibility. Click on the Dark layer to make it active and select Alpha to Selection. Here’s how we add just a little texture to the large flat darker areas of the Pattern layer. With the selection active, click on the Pattern layer to make it the active layer. Go to Filters>Map>Bump Map and use the sand texture for the map at the top of the dialog and enter these settings.

Image

Now deselect the Dark layer, Select>None, and delete both the Dark layer and the Sand texture layer so that you only have the pattern layer left. (Viewed at 200% for clarity)

Image

Step 11.
Now that we have our pattern completed, save it to our desktop as a JPG file in case you want to use it again. Don’t close the window yet because I’m going to show you how to use it to create some text effects. Create a new white layer above it and name it Background. Set your FG color to 7D7D7D and your BG color to 2A231B. Select the Blend tool and set the gradient to FG to BG and the Shape to Radial. Zoom out to 66.7% so you can see the whole image and use the rulers at the left and the top to place your cursor as close to the center as possible. Left click and hold down the mouse button and drag from the center to any corner to apply the gradient. It should come out looking like this.

Image

Step 12.
Select the text tool and select the DeVinne Ornamental font, from the attached zip file, and let’s make our text about 260 pixels. Type in your text in all caps and center it from left to right only using the alignment tool.

Image

Place a horizontal guide at the 300 mark using the ruler on the left, to help make the next step more accurate. Now, grab the Move tool and click on the text image to activate the tool. Use the arrow keys to move the text to the top half of the image where the bottom is at the center vertically. By using the arrow keys, we can keep from having to center our text from left to right again. Delete or just turn off the guide after your text is positioned.

Image

Step 13.
Right click on the text layer in the layers dialog and select Alpha to Selection. Go to Filters>Distorts>Bevel and enter the following settings. This is the Python based Selection Bevel script I included in the attached zip file.

Image

What we get is a great looking bevel effect with some additional lighting effects as a bonus!

Image

Step 14.
Your selection should still be active with the text layer still selected as the active layer. Go to Select>Invert to select the area outside of the selection and click on the pattern layer to make it the active layer, then hit the delete key. If you look over at the layers dialog you will see the pattern layer background is gone around the text. Now move the Pattern layer above the text layer in the layers dialog and you should see this.

Image

Step 15.
Set the layer Mode on the Pattern layer to Grain Merge and the Opacity to about 85%. Click on the Text layer and select Layer to Image Size. Now go to Filters>Map>Bump Map and enter these settings using the Pattern layer for the map to add even more depth.

Image

Image

Now our text is complete, and you can increase the last bump map for more depth if you like, but we’re not quite done with our image yet.

Step 16.
Turn off the visibility on the background layer and right click anywhere in the layers dialog to select Merge Visible Layers. Go to Layer>Transform>Flip Vertically and use the Move tool to position the flipped duplicate layer just under the original text layer, aligned and touching as shown below.

Image

This will be our reflection. Now turn on the visibility for the background layer and change your view setting to 100%. Right click on the flipped layer (the reflection) and select Add Layer Mask. When the dialog comes up, select the one at the top that says White (full opacity) and click on the Add button at the bottom.

Image

A white rectangle will appear just to the right of the flipped layer in the layers dialog.

Step 17.
Select the Blend tool and set the gradient to FG to Transparent, and the Shape to Linear. Be sure to check the little box next to the gradient to reverse it, then reset your FG/BG colors to the default black and white, and click on the white mask in the layers dialog to make sure you are working on the mask. Now drag your gradient from top to bottom of the flipped text itself (not the whole layer) using the control key to get it perfectly vertical. Once you have applied the gradient to that portion of the mask, it will look like the bottom half of the reflection has started to fade away, which is exactly what we want, but it still doesn’t look quite right yet.

Image

Apply the gradient again in the same manner, then set the layer Opacity to about 80% for a better fading effect. Change up the Opacity setting to get it just the way you want it, or you might even apply the gradient again. When you are finished, right click in the layers dialog, select Merge Visible Layers and your Pitted Metal Text image is completed!

Image

I hope you enjoyed this tutorial.

Next up in our Metal Wurx series is how to make a Hull Plating texture like this.

Image


Attachments:
Attachments.7z [37.16 KiB]
Downloaded 819 times

_________________
Image
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: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 4:16 pm  (#2) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7307
Location: Göteborg at last!
Another excellent tutorial. I wouldn't have dreamed of using one of G'MIC's artistic filters for something like this.


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 4:42 pm  (#3) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
Thanks Erisian. I did a very similar tutorial, actually it was my first, way back at least a year or two ago but it was predominatly a text effect tutorial and was done a little differently. I followed a PS tut to get the effect and thought it would make a decent addition to the Metal Wurx series.

Here's the link to my original tut if you want a laugh. Man was I long winded. I think I went into way too much detail like it was for a rank amateur. Probably still do. :hehe

viewtopic.php?f=23&t=2776&hilit=antique+text

_________________
Image


Last edited by Draconian on Mon May 14, 2012 4:51 pm, edited 1 time in total.

Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 4:48 pm  (#4) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7307
Location: Göteborg at last!
Bit of light bedtime reading then? At least it explains everything.


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 4:52 pm  (#5) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Very nice tute Drac. Thanks for sharing.

_________________
Image


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 4:53 pm  (#6) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
molly wrote:
Very nice tute Drac. Thanks for sharing.



Thanks Molly. You always have a kind word for everyone and it's always appreciated.

_________________
Image


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 5:24 pm  (#7) 
Offline
GimpChat Member
User avatar

Joined: Jun 24, 2010
Posts: 504
Location: Western Vic Australia
Nice Tut , very clear . I much prefer the written ones to video style. Don't worry about being long winded, a lot of beginners (and more advanced members) need and appreciate step by step instructions.

_________________
Image


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 5:39 pm  (#8) 
Offline
GimpChat Member

Joined: Aug 05, 2011
Posts: 606
Location: limestone,ny
My try

Image


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 5:56 pm  (#9) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7307
Location: Göteborg at last!
Nice work alc. I gave this tute a go but got impatient. My computer is a bit slow for this stuff. I might try at lower res one day.


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 6:29 pm  (#10) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Nice work alc, here is mine. I got carried away by putting in two words so ran out of space for the flip, but..
Image

_________________
Image


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 6:32 pm  (#11) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7307
Location: Göteborg at last!
Nice work Molly. I like the colour and there's enough reflection to look good.


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 6:38 pm  (#12) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
thanks, great tute Drac.

_________________
Image


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Mon May 14, 2012 8:21 pm  (#13) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
You guys have some really nice work there. Glad everyone liked it. I want to provide everyone with fair warning and now is as good a time as any. The last segment in the series is for constructing a control panel that right now has 38 layers and I'm still working on it. This one is taking forever and I'll have to give it some serious thought as to how to pare it down so that anyone reading the tut doesn't fall asleep in the middle or just plain give up. Nevermind how long it would take to get it typed, make all the screenshots and get it posted. I'm starting to get nervous. :hehe

I did break down some of the components into separate segments so that should help quite a bit. Wish me luck!

_________________
Image


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Tue May 15, 2012 4:46 am  (#14) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
One thing about that Drac. if it is a long tute, is the beauty of being able to save as xcf as we go. We can always come back to it several times in order to finish it.
I do that all the time.

_________________
Image


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Tue May 15, 2012 6:45 am  (#15) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
Thanks for that Molly. Calms my fears a bit. After posting yesterday, I started thnking about it a bit more. I decided to add three more segments for the basic frame and a couple of other components so that the last segment is strictly an assembly of already constructed parts, with a few other techniques thrown in just to round it out. It's my sincere hope that it will be the crown jewel for the series by sort of bringing it all together, so to speak.

I love it when the plan comes together. (chews on the cigar stub)

Thanks a bunch Face! :hi5

_________________
Image


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Tue May 15, 2012 11:43 am  (#16) 
Offline
GimpChat Member

Joined: Mar 29, 2011
Posts: 346
Location: Wisconsin
Draconian wrote:
I love it when the plan comes together. (chews on the cigar stub)

Thanks a bunch Face! :hi5

I saw DVD sets for that series a while ago. Almost bought them. :)

_________________
Image


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Wed May 16, 2012 9:27 am  (#17) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
bkh1914 wrote:
Draconian wrote:
I love it when the plan comes together. (chews on the cigar stub)

Thanks a bunch Face! :hi5

I saw DVD sets for that series a while ago. Almost bought them. :)


I rented the new one at Blockbuster a few weeks ago. Couldn't help myself. I loved the series.

_________________
Image


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Wed May 16, 2012 11:43 am  (#18) 
Offline
Script Coder

Joined: Apr 10, 2011
Posts: 532
Quote:
Step 6.
Set your FG color to 403300, and your BG color to 8C7853. Increase your view setting to at least 200% to make the next few steps easier. Click on the Select by Color tool and select one of the white areas to select all the white regions and drag the BG color over to the selection to fill it with the lighter color. Now do the same thing with the black areas using the FG color, then deselect it. (Select>None). You should now have a two color image something like this.


Why not just use a gradient map (Colors > Map > Gradient map) with FG-BG gradient? It'll automatically map the FG and BG colour to black and white, and since there are only those 2 colours there won't be any in-betweens. Seems a bit simpler to me than manually selecting both colours and colouring them...


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Wed May 16, 2012 12:18 pm  (#19) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
dd wrote:
Quote:
Step 6.
Set your FG color to 403300, and your BG color to 8C7853. Increase your view setting to at least 200% to make the next few steps easier. Click on the Select by Color tool and select one of the white areas to select all the white regions and drag the BG color over to the selection to fill it with the lighter color. Now do the same thing with the black areas using the FG color, then deselect it. (Select>None). You should now have a two color image something like this.


Why not just use a gradient map (Colors > Map > Gradient map) with FG-BG gradient? It'll automatically map the FG and BG colour to black and white, and since there are only those 2 colours there won't be any in-betweens. Seems a bit simpler to me than manually selecting both colours and colouring them...


That is a valid option and as always, there's more than one way to skin a cat. I designed this series to show the newbs how stuff works, the hard way, and try and cover as many tools, methods and techniques as possible so that by the time someone completes the entire Metal Wurx series, they have a pretty decent arsenal under their belt. I had already used the Map to Gradient technique in the Chrome segment. Good point though.

_________________
Image


Top
 Post subject: Re: How to Make Pitted Metal - Metal Wurx -Part XV
PostPosted: Wed May 16, 2012 12:23 pm  (#20) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7307
Location: Göteborg at last!
That's the good thing about doing tutorials. Even if you're not interested in the subject, it's worth doing just to learn some techniques and perhaps experience some tools you wouldn't otherwise have thought of using.


Top
Post new topic Reply to topic  [ 65 posts ]  Go to page 1, 2, 3, 4  Next

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) Make people metal with GEGL

27

No new posts Attachment(s) GEGL Motion Noise plugin to create wood and metal textures

20

No new posts Attachment(s) "Metal Box" plug-in

9

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

310

No new posts Coin Tutorial Part 2

3



* Login  



Powered by phpBB3 © phpBB Group