TimeWaster’s Place

3 years ago, i made out of boredom (As always) a design project for Doom 3, which was realeased this time:

It took me about 6 weeks to finish this picture, the rust effect alone took me nearly 3 weeks of after-work work, where i tried to make a believable rust out of image filters. That was a lot of try-and-error.
To find some nice grunge brushes to make the scratch effekt was the easier todo.
In general the whole picture is made out of filters, the only “external things” i used in it are the grunge brushes and the logo outline.
I really like the color bleeding effekt from the rust and the logo itself, it makes the picture much more believable, and the layer blend option “color burn” is perfect for this kind of effekt.
The “peeled off” paint effekt is another chapter, in general this was made of a noise effekt, a havy blur, a treshhold filter with 2 colors, and some bevel and emboss effects.
Here you can see a 100% size cutout of the picture to estimate the image quality:

And as always, all my work i publish here is published under the GPL http://www.opensource.org/licenses/gpl-license.php which means you can copy, redistribute and change the picture at your will, as long as you mention me as the original author and as long you don’t sell the picture.

A word to the Download: The .tiff picture you can download is 10 MB and 3310×2338 pixels in size, and was originally made to be printed in “DIN A1″ with 100 DPI (You can send this picture to a printing service, and in DIN A1 it will look perfect). Theres a sRGB profile included because i have no professional pre-press experience, so the colors could be somehow “wrong” on a printout, but not much, my DIN A1 printout looks fine. I’m sure a professional can corect the colors on his own.

Download the Picture (10 MB)

To swap or reload a picture on the fly is easy with Javascript. Just give the img tag a unique id and execute the following command in javascript:

document.getElementById("picture").src = "/img/cool-picture.jpg";

Now comes the glitch in (guess where) Internet Explorer: If you want to reload a picture that has changed on the server (let’s say you have overwritten the picture with a php gd-lib script in the background), the Internet Explorer (i call him msie, spoken “emsy”) always keeps the cached picture instead of reloading the picture from the server like opera and firefox do.
You can fix this behaviour with a simple cache-avoiding technique: Add a random number as a parameter, as shown in the following code, that’s it.

document.getElementById("picture").src = "/img/cool-picture.jpg?r=" + Math.floor(Math.random() * 1000);

Here is some little video project i made 2 years ago, it’s only consistent of Counter Strike Source screenshots, but it’s worth the while: