This tutorial is designed to help those with some knowledge of image editing programs and basic HTML skills to change the colour of an existing layout from here.

This tutorial is in three parts:
1: Choosing the right image and saving it
2: Editing the image in Photoshop
3: Editing the image in GIMP

Notes: I will be in Firefox for the first two steps of the tutorial. However, the process should be similar to do in other browsers (Internet Explorer, Safari, Google Chrome, Opera and alike). I can not do this tutorial in any other programs, I am sorry to users of paint.net, Paint Shop Pro and other programs, but I barely did it in GIMP and that is the program most people have. To the users in Photoshop, this tutorial is in CS4, but I have had CS2 and CS3 in the past and the method is very similar, so you shouldn’t have any problems. I’m afraid I do not know what this tutorial is like to users in earlier versions of Photoshop, but hopefully it won’t be too different.

For now though, let’s do the part that we can all do: Choosing the right image and saving it.

You MUST choose a SILVER image to work with, if the layout you want to change is in black or any other colour, this will not work. You can try, but I doubt you will succeed. For this tutorial, I have chosen one of the more popular layouts from this site: Curved Silver IMVU iFrame Layout (No Background)

Find the image URL on the layout you’ve chosen by locating the image URL, like highlighted here:

Then copy and paste it into a new tab/window. Right-click and save the image to your PC (Do not copy! It tends to ruin the transparency, you must save!):

PHOTOSHOP

After opening the image in Photoshop, go to Image>Adjustments>Variations…

You should then see this screen. From here you can fiddle around with the colours and if you want to make the image lighter or darker. When you have finished, save it as a .png then upload it to an image hosting service (Imageshack, Photobucket, Tinypic…) and then replace the old image URL with your new one and you should be done!

GIMP

After opening the image in GIMP, go to Colours>Colourify…

You should then see this screen. From here you can fiddle around with the colours by pressing “Custom colour”. When you have finished, save it as a .png then upload it to an image hosting service (Imageshack, Photobucket, Tinypic…) and then replace the old image URL with your new one and you should be done!