LJ Icon Tutorial #1

Today we'll be going from to

Step 1:
Select the image you wish to use and crop it to a square (it doesn't need to be 100x100 yet). Images with shading contrasts and clear lines tend to work better than those without.

Step 2:
Duplicate your base and set the layer to "Screen".

Step 3:
Make a new raster layer. Choose a colour from the image and fill the new layer with the colour. I chose #2e759f. Set the layer to "Difference".

Step 4:

Make a new raster layer. Fill this new layer with black (#000000). Set the layer to "Overlay".

Step 5:
Make a new raster layer. Decide which colour you'd like your image to be. I chose #40ffff. Fill this layer with your colour. Set the layer to "Color (L)". If you don't like the colour you can keep re-filling the layer until the image has a colouring you like.

Step 6*:
If your image is darker than you'd like, duplicate the Copy of Background layer (the one set to screen). You may do this as many times as needed to make lighten your image to suit your tastes. The one in this tutorial has 3 copies of the background set to screen. If your image gets too light you can either delete one of the copies of the background layer, or you can change the opacity of the top background copy layer. If your image is as you like it, you may skip this step.

Step 7*:
Merge all layers and resize your image to 100x100 pixels. You're now done and ready to save it!

If your image seems too pixelated, add a Gausian Blur effect to your top screened layer (Adjust-->Blur-->Gausian Blur). I've had results I've liked best by setting the blur radius to 5.00 or so, but feel free to experiment.

If something still doesn't seem quite right with your image after you've completed Steps 1-6, try adjusting the opacities of different layers.

If you can't get your image light enough and with detail definition in Step 6, add a new layer between your Difference and Overlay layers. Fill with a light color (like, say #c0c0c0), and set the layer to "Screen".

You might also play around with changing one of the Screen layers to "Overlay".

Other LJ Icons made with this tutorial:

Back to Tutorials Page
Back to MusesRealm.Net