Gimp create old weathered posters and other images

From Nexus Mods Wiki
Revision as of 23:09, 20 June 2011 by Leakingroof (talk | contribs) (Created page with "This is a tutorial on how to create an old and weathered look for posters and billboards in the GIMP. Replacing textures is probably everyone's first step into more 'complex' mo...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

This is a tutorial on how to create an old and weathered look for posters and billboards in the GIMP.

Replacing textures is probably everyone's first step into more 'complex' modding outside of the GECK/Construction Set... (it was for me anyway). And what more fun way than to replace posters and billoards with things you are interested in: Cars, Big Explosions, Music Bands, Anime, Women...

Please note that this isn't a tutorial about extracting and creating .dds files (I will probably make a tutorial for that later). This is basically just a 'how to use gimp' sort of tutorial. I have put it under the textures category since that's essential what these techniques can be used for.

This article is probably viewed best on a large monitor. Any monitor less than 1280px wide is probably going to find it too difficulty to see everything.


DISCLAIMER: I am by no means an expert at photo manipulation or using GIMP. These are all self-taught techniques after many hours messing around in GIMP.


Gimp create old weathered posters image 1.jpg


Open up your image that you would like to edit in GIMP.

Note: If you are planning on replacing textures, then have a look at the default texture files for the posters first. You'll see that each urbanpostersXX.dds will have four images arranged in a specific way. You should have prepared an image that looks something like this:


Gimp create old weathered posters image 2.jpg

Original design


Gimp create old weathered posters image 3.jpg

Your own design (A truly magnificent selection by the way)

____________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 4.jpg


But to keep things small and simple, I will just show you the techniques behind aging an image. Select your image in the layers tab, right click it and select 'Duplicate Layer'.

This is to keep a backup of your image. It saves you the hassle of re-opening it and copy/pasting it around in case you need the original image again.


____________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 5.jpg


It is not 100% necessary, but for good measure, unselect the little 'eye' next to your original layer.

Now right click the window again and select 'New Layer'.



____________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 6.jpg


Name it according with what you're planning to do there. In my case, I'm calling it 'Orange Tint' since we'll be altering the colours a little with this layer. Also make sure the 'Layer Fill Type' is set to transparency.

It's a good practice to name your layers to keep track of what does what. Very useful for images that will have many layers like this one.


____________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 7.jpg


Now on the left hand side, select the 'Fill' tool, then click on the coloured squares to bring up the colour palette. Choose a nice orange that you like.


____________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 8.jpg


Be sure to have your new 'Orange Tint' layer selected (with the 'eye' active) and click in the middle of the image to fill it all up with orange.


___________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 9.jpg


Now look at the top of the layers window. Lower the opacity by a good notch and select a good 'Mode' for the layer to apply the orange to your image. I selected 'Burn' in this case, though you can choose anything you like. Try checking out the other modes to see if you like any of them better.


___________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 10.jpg


Now create a new layer and name it 'Dirt #1' and select the paintbrush tool.


___________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 11.jpg


Select a 'grunge' brush from the bottom right to apply some nice (and dirty looking) blotches of grey to your image. The GIMP comes with a rather limited amount of brush types but luckily you can downloaded some for free on Deviantart.

Here LINK is what you can find on deviantart by searching 'GIMP Grunge'. Check them out and see which brushes appeal to you the most. Follow the readmes provided with them on how to install them to GIMP.


___________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 12.jpg


Once again we'll be changing the mode and opacity of the layer. Nothing is set in stone here, you can mess around with the settings to get a result you're happy with.


__________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 13.jpg


Do this a few times while creating new layers for seperate colours or styles.

I just do this so that if I later realize I've gone overboard I can easily deselect (untick the 'eye' button) to remove a few of them.

It is probably a good idea to save your file now after all that work. The default gimp file that stores all your settings and layers, etc, is called a .XCF file.

You should ideally save regularly as GIMP does not have any autosave feature. That means if it crashes for some reason, you won't be able to restore your work.


___________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 14.jpg



Now open the file menu on the left and select 'Open as Layers'. We're going to import an image that you will find on google images.

Search for 'Paper Texture' and choose one of the large paper images in the results... we're going to import that to our image and apply its texture to our image.

___________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 15.jpg



It should look something like this.

___________________________________________________________________________________________________________________________________



Gimp create old weathered posters image 16.jpg


Create a new layer and drag it below the paper texture. Now select the paper texture layer, right click it and select 'Merge Down'.

This is to give the 'paper texture' layer a transparent base. If you don't do this and delete something from this layer, then the deleted parts will turn white (like a blank canvas). We want to see the layers below if we delete something though... that's why we merge the image with a purely transparent layer, so that the deleted areas become transparent too.



___________________________________________________________________________________________________________________________________



Gimp create old weathered posters image 17.jpg


Now make sure the texture layer is still selected and change its mode to 'Overlay'. You can leave the opacity at 100.

___________________________________________________________________________________________________________________________________



Gimp create old weathered posters image 18.jpg


I've decided to add a few more 'Dirt' layers to my image. Here I am about to slap a whole load of black onto my image.

If you notice that some brushes are too large, you can change their scale with the slider on the left side to shrink them.

__________________________________________________________________________________________________________________________________


Gimp create old weathered posters image 19.jpg


Ooo, that looks awesomely gooey... but I want to be able to see our Vault Boy. So, I lowered the opacity and messed around with the mode again.


___________________________________________________________________________________________________________________________________



Gimp create old weathered posters image 20.jpg


I also added a few white blotches to the image (once again with grunge brushes) and changed the mode to 'difference' and lowered the opacity.

I think it gives it an interesting look, the white marks look like dirt has been scraped away at those parts by something.


___________________________________________________________________________________________________________________________________ ___________________________________________________________________________________________________________________________________ ___________________________________________________________________________________________________________________________________ ___________________________________________________________________________________________________________________________________