It is currently Tue Apr 16, 2024 3:21 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 15 posts ] 
Author Message
 Post subject: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Thu Mar 22, 2012 1:13 pm  (#1) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
Making Rivets and Screws


This segment is going to be much easier than our last one for making a hex bolt head in Metal Wurx - Part VIII. We will only use a few basic tools which are included with your original Gimp installation, a square brush, which I have included, and the Drawable Multiplication script available here with a complete explanation of how it works: http://registry.gimp.org/node/22383

Rivets

Step 1.
Open a new image 100x100 pixels and a high resolution of about 1200 ppi.

Step 2.
Create a new transparent layer above your background layer and name it Rivet. Change your view setting to 800% and create a couple of guides, one horizontal and one vertical at 50 pixels both ways so we can find the exact center just like we did for the hex bolt head tutorial if you have been following along. Once the guides are in place, zoom out to change your view setting to 550%.

Image

Step 3.
Select the Ellipse tool and tick the boxes for Expand from center and Fixed. Place your mouse cursor at the exact center where the guides intersect, and make a selection that is 70 pixels in diameter. Set your FG color to 8A8A8A and fill the selection with the light gray color. Go to Select>Shrink and enter 20 pixels in the dialog box and click OK. Hit the delete key to remove the center part of our gray circle, then go to Select>None.

Image

Step 4.
Duplicate the Rivet layer and name the duplicate Blur. Go to Filters>Blur>Gaussian Blur and enter 25 for both values and click OK. Turn off the visibility of the Blur layer.

Step 5.
Select the Rivet layer to make it the active layer, and go to Filters>
Map>Bump Map and make sure the Blur layer is selected as the Bump map. Set the Map type to Spherical and crank the depth up all the way. Set the Ambient to 100 and click OK.

Image

The spherical settings will give you a more rounded shape to your rivet like this.

Image

If you want a more angular look or more of a ridge, change the Map type to Sinusoidal and you will get this.

Image

Either way, we have some texture to get rid of, resulting from the Bump map operation, and we need to smooth out our image. I like the sinusoidal setting, so we’ll use that one.

Step 6.
Delete the Blur layer and Lock the alpha channel on the Rivet layer by ticking the box at the top of the layers dialog. Go to Filters>Blur>Gaussian blur and enter 2 for both values and click OK. Repeat the Gaussian blur but set the values to 1 and click OK. If we use too much blur, or only one blur step, it tends to flatten out the ridge effect.

Image

Step 7.
The bump map operation has already provided a slight gradient to simulate a light source so all we need to do is add a drop shadow. First let’s get rid of the guides (Image>Remove all Guides) then Go to Filters>Light and Shadow>Drop Shadow and apply these settings.

Image

Remember, this is a very small image and a rivet does not stick up a lot from the surface so we don’t want a lot of shadow. We do need it to be darker so crank the opacity up to 100%.

Here is what your completed rivet should look like now.

Image

Delete the background layer and save as a PNG image or better yet, save it as a GIMP brush file, with a .gih extension, and place it in your “user” Brushes folder.


Screws

Screws are not much different from rivets so just follow Steps 1 & 2 for making a rivet but in Step 3, don’t shrink the selection or delete the middle area. Leave the whole gray circle intact. We’ll pick up from step 3 and continue for making an Allen screw head. First let’s change the name of the Rivet layer to Allen screw.

Step 4.
If you have been following these Metal Wurx tutorials you should already have the Hex brush included with the last one for making a hex bolt head. Create a new transparent layer above the Allen screw layer and Select the Paintbrush tool. Select the Hex brush and set the size to 30 pixels. Use the hex brush to place a hex shape in the exact center of the circle.

Image

Step 5.
Right click on the transparent layer with the hex shape you just made, select Alpha to Selection, then turn off the visibility. Reselect the Allen screw layer to make it the active layer and hit the delete key to “cut out” the hex shape from the center. Go to Select>
None to turn off the selection, and your image and layers should now look like this.

Image

Step 6.
We can delete the hex shape layer and follow the Rivet Steps 4, 5 & 6, but use the Spherical setting for the bump map process. Here’s where it gets a little different. The Shape of our screw is rounded and we don’t want to change that, but we need to show some depth with the hex shaped hole in the center.

Step 7.
Right click on the Allen screw layer and select Drawable Multiplication. Enter the settings from the screenshot below and click OK.

Image

The filter will create a sort of 3D copy which is a composite of the 5 layers it created and merged. Move this 3D layer down below the Allen screw layer in the layer stack. You will notice that the Allen screw layer does not line up so select the Move tool and tick the circle for Move active layer in the tool dialog. Click anywhere on your image to activate the move tool and use the arrow buttons on your keyboard to move it exactly 6 pixels up and 6 pixels to the left. When you have it positioned, right click on both layers, one at a time, and select Layer to Image size.

Image

Step 8.
Right click on the Allen screw layer again and select Alpha to Selection. Go to Select>Invert to select the area outside and reselect the 3D copy layer to make it the active layer. Turn off the visibility of the original Allen screw layer and select the Eraser tool. With the 3D cop layer still active Erase the outside of the selection so that the only portion of our 3D image still visible is the hex shaped area in the center.

Image

When you are finished erasing, go to Select>None to turn off the selection, then turn the visibility back on for the original Allen screw layer.

Step 9.
Go to Colors>Curves and adjust the middle of the curve down about a half a square to make the 3D layer (allen screw copy #1) a little darker and the 3D portion shows up more.

Image

Let’s go ahead and turn off the guides while we are at it, so our image should now look like this.

Image

You can also lighten up the original layer a little if you like to make the 3d show up even more.

Step 10.
Merge the top two layers then fill the background with 3A3A3A and add a drop shadow like we did before in Step 7 for the Rivet. Alpha select the Allen screw layer and invert the selection like before. Select the background layer to make it active, and use the Eraser tool again to erase everything outside of the selection so that the dark gray is only in the center of the image. Go to Select>None and turn off the selection. Now our screw looks like it has a bottom in the center. Merge your layers and save it as a .gih brush.

Image

Slotted Screws

Step 1.
Let’s go back to our gray circle layer again only this time, name it Slotted Screw. Create a new transparent layer above it named Slot. Set the FG color to 5A5A5A and Alpha Select the Slotted screw layer. On the slot layer, use the paintbrush tool and the largest circle brush set to .36 to make a diagonal line across our selection like so.

Image

Step 2.
Remove the guides and turn off the selection. Alpha to Selection on the Slot layer and select the slotted screw layer to make it active and hit the delete key, then Select>None. Set your view to about 800% so you can wok carefully. Reselect the Slot layer and use the Eraser tool with the square brush included with this tutorial, to cut out just a little of the top of the slot in our image.

Image

Working carefully, and utilizing the square brush with various sizes, and sometimes one pixel at a time if necessary, keep removing more to shape the slot until your image looks like this.

Image

Step 3.
To make the slot look more realistic, we need to add some shadow to one side and give it that 3D look. Select the Slot layer, to make it active, then select the Free Select tool and make a selection around the top half of the slot like so.

Image

Now go to Colors>Curves and adjust the curve about a half a square or so to darken it just like we did in Step 9 for the Allen screw. Go to Select>None and Slot now has a darker “wall” appearance.

Step 4.
Merge the slot layer down with the Screw layer and create a new layer above it. Alpha to selection on the Slotted Screw layer and reselect the new layer to make it the active layer again. Select the Blend tool and reset your FG/BG colors to the default black & white. Set the Gradient to FG to BG and reverse the gradient. Stroke down at about a 45 degree angle from top left to bottom right of the selection and create your gradient layer. Set the layer Mode to overlay and you are done.

Image

Some slotted screws are flat like this one and will usually be countersunk to be flush with the surface of whatever they are used for so there is little or no drop shadow to speak of. To make a Phillips screw, just make two slots at right angles to each other and continue in the same manner as we did for the one above. If you use a little blur and bump to make it more rounded looking, like a pan-head type screw, you may want to add a slight drop shadow.

Image

I wanted to get these all in one place so you could see the different techniques used and compare the results. A Phillips head screw is a little more involved but not much and this tut is long enough.

I hope you enjoyed this tutorial.

Metal Wurx – Part X is next and will show you how to make metal Chains like this.

Image


Attachments:
Square-Solid .gbr [2.49 KiB]
Downloaded 389 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 Rivets & Screws - Metal Wurx - Part IX
PostPosted: Thu Mar 22, 2012 5:24 pm  (#2) 
Offline
GimpChat Member
User avatar

Joined: May 16, 2010
Posts: 14709
Location: USA
Nicely done! :)
Great tutorial.

_________________
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: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Thu Mar 22, 2012 5:41 pm  (#3) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
Thanks, my man. I was going to add a bit more for doing a basic phillips screw but I was afraid it was getting toooooooo long.

_________________
Image


Top
 Post subject: Re: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Thu Mar 22, 2012 5:44 pm  (#4) 
Offline
GimpChat Member

Joined: Feb 24, 2012
Posts: 158
the screw looked a bit pixilated/blocky


Top
 Post subject: Re: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Thu Mar 22, 2012 8:40 pm  (#5) 
Offline
GimpChat Member
User avatar

Joined: Jan 20, 2012
Posts: 583
It looks pixilated because it is very zoomed in. If you were to use it though it would appear very clean

_________________


"In the face of adversity, there's three things: fly, freeze or fight; We're choosing to fight..."- Guy Boucher, Tampa Bay Lighting Head Coach


Top
 Post subject: Re: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Fri Mar 23, 2012 1:41 pm  (#6) 
Offline
GimpChat Member

Joined: Feb 24, 2012
Posts: 158
ohhhh,okay, thank you for clarifying that


Top
 Post subject: Re: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Fri Sep 07, 2012 4:27 pm  (#7) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7304
Location: Göteborg at last!
Image

I think I'll make some more screws at different angles. :)


Top
 Post subject: Re: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Fri Sep 07, 2012 6:26 pm  (#8) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
You're welcome, E.

Just a suggestion but you might try duplicating the bottom "plate" layer (before you use the bevel filter) and use it for an overlay layer to color the screw heads. Alpha select the screws layer, (assuming you made them on a separate layer) invert the selection, select the overlay layer and hit delete. Your screws will be the same color as the rest of the plate.

But then you already knew that, right?

_________________
Image


Top
 Post subject: Re: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Fri Sep 07, 2012 6:28 pm  (#9) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7304
Location: Göteborg at last!
I did do that but I reduced the opacity too far trying to keep it subtle. Or are you referring to the wood colour?


Top
 Post subject: Re: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Fri Sep 07, 2012 6:43 pm  (#10) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
Yeah, the color.

_________________
Image


Top
 Post subject: Re: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Fri Sep 07, 2012 6:45 pm  (#11) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7304
Location: Göteborg at last!
Oh I see. I added a touch of daylight blue (it's the artist in me). I think I still have the xcf so I'll have a go tomorrow.


Top
 Post subject: Re: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Fri Sep 07, 2012 6:56 pm  (#12) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
Seems to be a lot of activity on these older tutorials. Man, that was back in March. I guess they got burried too quickly and nobody saw them.

_________________
Image


Top
 Post subject: Re: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Sat Sep 08, 2012 7:37 am  (#13) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7304
Location: Göteborg at last!
I saw them but I had only just joined GC then. For all my good intent, they looked a bit scary to me with their precision and guides etc. Once I got down to doing some of your later ones and realizing how easy it is, I decided to backtrack so I'll be bringing more of these out into the open.


Top
 Post subject: Re: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Sat Sep 08, 2012 6:33 pm  (#14) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7304
Location: Göteborg at last!
I didn't have my xcf but I sampled the plate colour and used that.

Image


Top
 Post subject: Re: How to make Rivets & Screws - Metal Wurx - Part IX
PostPosted: Sun Sep 09, 2012 6:01 am  (#15) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1785
Location: Dallas, TX
Sweet!

_________________
Image


Top
Post new topic Reply to topic  [ 15 posts ] 

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) Make a brush - Make a mandala

303

No new posts The other part of our Universe! Spacescape2.py

5

No new posts Coin Tutorial Part 2

3

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

20



* Login  



Powered by phpBB3 © phpBB Group