It is currently Thu Mar 28, 2024 4:45 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 41 posts ]  Go to page 1, 2, 3  Next
Author Message
 Post subject: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 2:14 am  (#1) 
Offline
GimpChat Member
User avatar

Joined: Aug 30, 2012
Posts: 2174
When I first started using Gimp I would create some nice effects from following various tutorials but would always let myself down with a rushed background which would normally be a white to black gradient.

Since coming to these forums I have realised the importance of a good background, so the tutorial below is to show a fairly quick and painless way of making a fancy patterned metallic background, The image below it what we are going to create.

Image

Open Gimp and create a new image 512px * 512px, then select the background layer, right click on this layer and select from the drop down menu "Add Alpha Channel"
Still with this layer selected Go>Filters>Render>Clouds>Plasma and run the default settings.

Image

Go>Layer>Duplicate Layer and change the new layers mode to "Screen"

Image

Go>Layer>New Layer and call this layer "Grid" leave layer Transparent, Make sure Black is set as your Background Colour Image.
With This layer Selected Go>Filters>Distort>Erase Every Other Row and run Filter with the settings shown below

Image

Then run the filter again but change the top setting Rows/Cols to Columns, you should have three layers and an image similar to mine below.

Image

Go>Layer>New Layer and call this Layer "Pattern Bump Map" and fill layer with white.

Make sure your colours are still set to F/G White and B/G Black Image

Go Filters>Distort>Mosiac, Run using settings below.

Image

Go Colours>Invert, Go Layer>Duplicate Layer and select this new Layer, Right Click on the Layer and select "Edit Layer Attributes" rename Layer to "Pattern".

You should be looking similar to my image below...
Image

Select the Layer Named "Pattern Bump Map" and go Filters>Blur>Gaussians Blur, set X & Y to 15 and click ok. Then Click the eye Icon next to layer to turn the layer off.

Image

Select the top Layer "Pattern" and Go Layer>Transparency>Colour to Alpha set colour to Black and Click O.K

Image

Next we are going to lock the Alpha channel so any transparent parts of our image will not be affected by the following steps, to do this click on the square just above your layers, You should see it highlight when active.

Image

Set F/G to White and B/G to Grey (808080) Image

Now select the Blend Tool :blend From your Tool box and with settings below run a gradient blend from top to bottom of image, you should find that where we locked the alpha channel only the white parts have blended.

Image

Still with the Layer named "Pattern" selected Go Filter>Map>Bump Map, Change the Bump Map Image to the Layer "Pattern Bump Map", I've Highlighted that part below, then run with settings as shown.

Image

Next we are going to add some more shine to our image to make it look more like Metal, Still with the Layer named "Pattern" selected Go Colours>Map>Alien Map and with settings as shown below click O.K.

Image

Lastly we want to add a drop shadow to our Hexagons, Still with the Layer named "Pattern" selected Go Filters>Light & Shadow>Drop Shadow and run with settings below, the important setting is to make sure "Allow Resizing" is unchecked.

Image

Thats it you should have a final layer set up and image similar to mine below,

Image

you can try experimenting as the mosiac filter has three other option for pattern choice also if you want a more perforated look then instead of running the mosaic filter you could have a look at G'mic Polka Dots which you'll find under patterns.

Special thanks to all those who have created tutorials because I'm postive I've borrowed ideas and concepts to create this effect.

_________________
Image


Last edited by he4rty on Sat Jul 20, 2013 2:58 am, edited 1 time 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: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 2:18 am  (#2) 
Offline
Global Moderator
User avatar

Joined: Nov 16, 2011
Posts: 5128
Location: Metro Vancouver, BC
Nice one, he4rty! :bigthup

_________________
Image
Gimp 2.8.18, Linux, median user
Gimp Chat Tutorials Index
Spirit Bear (Kermode)


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 3:30 am  (#3) 
Offline
Global Moderator
User avatar

Joined: Apr 01, 2012
Posts: 7694
Location: On the other side of this screen
Thankyou hearty. Got to do this as soon as I sort something out.

_________________


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 4:48 am  (#4) 
Offline
GimpChat Founder
User avatar

Joined: May 22, 2008
Posts: 5242
Location: Gimpville
Odinbc wrote:
Nice one, he4rty! :bigthup
:ditto

_________________
“If you reach for the stars, you just might land on a decently sized hill.” - Stuart Hill


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 4:55 am  (#5) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Me too, I have to try this one. I love that meshy look. thanks for sharing he4rty.

_________________
Image


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 6:09 am  (#6) 
Offline
GimpChat Member
User avatar

Joined: Aug 16, 2012
Posts: 4271
Location: Göteborg, Sweden
he4rty: great tutorial! this is definitely something i will try :). and you're so right about the backgrounds, i know i got better at backgrounds after getting on gimp chat too.

_________________


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 10:42 am  (#7) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
nice tutorial, he4rty

two suggestions:
you can get a similar look as in step " Distort>Erase Every Other Row" with G'MIC -> Patterns -> Bayer Filter

and for the chrome effect i think using a chrome curve is the better option because you can tweak your outcome very well by manipulating the curve
imo opinion is much more universal and intuitive


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 11:00 am  (#8) 
Offline
GimpChat Member
User avatar

Joined: Jun 24, 2010
Posts: 504
Location: Western Vic Australia
He4rty, I keep crashing when I do the colour to alpha step , probably my version of Gimp (2.6.11 win 7 )
Ill have another go tomorrow in linux mint and gimp 2.8. Its getting late here in Aus

_________________
Image


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 11:02 am  (#9) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
wbool63 wrote:
He4rty, I keep crashing when I do the colour to alpha step , probably my version of Gimp (2.6.11 win 7 )
Ill have another go tomorrow in linux mint and gimp 2.8. Its getting late here in Aus
see my suggestion here:
viewtopic.php?f=8&t=7997#p103676

or just run the mosaic filter on a transparent layer, no need for colour to alpha


Last edited by Esper on Sat Jul 20, 2013 11:30 am, edited 1 time in total.

Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 11:21 am  (#10) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Thank you he4rty, that was a piece of cake and very easy to follow, very nicely written. I modified mine a bit by adding my noise pattern and duplicating that so it wouldn't be exactly like yours.
Image

_________________
Image


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 11:38 am  (#11) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
Image


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 11:59 am  (#12) 
Offline
GimpChat Member
User avatar

Joined: Apr 30, 2010
Posts: 1937
Location: Missouri
That was interesting, thanks.

_________________
Image
The last time I kept an open mind,
my brain fell out and the dog grabbed it.
Now it's full of dirt, toothmarks, and dog slobber.
No more open minds or dogs for me.


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 12:00 pm  (#13) 
Offline
GimpChat Member
User avatar

Joined: Jun 02, 2013
Posts: 2075
Nice work.

_________________
Image


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 3:47 pm  (#14) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
molly will love it :clap


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 4:05 pm  (#15) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
If you are referring to Conbagui's text post, yes I do love it. I want to try all that stuff but with this hot humid weather, all I want to do is read. When it cools down I will get back at it.

_________________
Image


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 4:30 pm  (#16) 
Offline
GimpChat Member
User avatar

Joined: Jan 10, 2013
Posts: 863
Hearty, nice tutorial! :clap
Did not even know this existed filter (Erase Every Other Row and run) :hehe
thank you :tyspin

Esper, liked that your result looks like acrylic or glass. :bigthup

_________________
bbbbbbbbbbbImage
bbbbbbbbbbb Be patient, English is not my language.


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sat Jul 20, 2013 10:01 pm  (#17) 
Offline
GimpChat Member
User avatar

Joined: Jun 24, 2010
Posts: 504
Location: Western Vic Australia
Nice Tut He4rty. Thank You. Had no probs in linux gimp 2.8. I'll have another go shortly in Win7 with 2.6.11.it will probably work today EDIT, yes works fine today in Gimp 2.6.11 win 7 ???
Attachment:
Hearty.jpg
Hearty.jpg [ 181.08 KiB | Viewed 2416 times ]

_________________
Image


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sun Jul 21, 2013 12:46 am  (#18) 
Offline
GimpChat Member
User avatar

Joined: Aug 30, 2012
Posts: 2174
Thanks for all the comments,

Molly - Nice result and I like the noise layer, works really well.
Esper - Great, like the idea of the double hexagons, what method did you use to get them.
conbagui - Nice results and liking the text.
wbool63 - Glad it all worked out today the result looks good.

As to a text effect, below is the idea I had of using the pattern....

Image

_________________
Image


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sun Jul 21, 2013 1:05 am  (#19) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
he4rty wrote:
Esper - Great, like the idea of the double hexagons, what method did you use to get them.
alpha select, shrink, delete


Top
 Post subject: Re: Quick Metallic Pattern Backgrounds.
PostPosted: Sun Jul 21, 2013 3:21 am  (#20) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
That is cool he4rty...how did you get the text in the centre. :oops:

_________________
Image


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

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts RPG backgrounds and critters

5

No new posts Attachment(s) Colorful Pattern from Text (Text Pattern) Plug-in

32

No new posts Gimp 2.10.12 Script metallic effecte

3

No new posts Attachment(s) Custom Font Metallic Effects for Gimp 2.10

8

No new posts Attachment(s) GEGL CHROME METALLIC TEXT STLYLING FILTER!

19



* Login  



Powered by phpBB3 © phpBB Group