Sacrificed Love - Post a comment
browse
my journal
links
 

immortalje posting in JE's Creative Works
User: [info]love_sacrificed (posted by [info]immortalje)
Date: 2008-11-22 17:46
Subject: Icon Tutorial
Security: Public
Location:home
Mood:busy
Music:Fanvid "Third Bar"
Tags:!tutorial, tutorial: icons

I won Mod's Invitation at severalplums@LJ and as per community rules, wrote a tutorial for my winning icon. I'm using Photoshop 7 and for this specific icon I used the adjustment layers Color Balance, Curves and Brightness/Contrast as well as the filter "Find Edges".

We're going from original.png to severalplums30_1.png



Step 1: I added a new layer, moved it beneath the layer with the image and set it to 40% before filling it with the colour #FAF4B6. I also set the original image to Linear Light in order to lighten the image up a bit.

original.png -> step1.png

Step 2: Now I copied the image and set it to Multiply, keeping it at 100% as I thought it was a bit too bright.

step1.png -> step2.png

Step 3:To get more visible edges I copied the image once again and used the filter "Find Edges" and inverted the result. Then I set the layer to Soft Light at 30%.

step2.png -> step3.png

Step 4: To get a bit colour into the icon, I added a curves layer with the following numbers (in/out):

RGB: 114/138
Red: 119/141
Green: 132/137
Blue: 131/115

They are mostly the result of playing around as I'm still getting used to the idea of using adjustment layers (the same goes for the next two steps).

step3.png -> step4.png

Step 5: Now I added a Brightness/Contrast layer to add more contrast, which I left at +14.

step4.png -> step5.png

Step 6: The last adjustment layer I added was a Color Balance layer.

Shadows: -24/-12/+17
Midtones: -15/-21/-27
Highlights: -14/-14/-21

step5.png -> step6.png

Step 7: The result of the last step inspired me to add a coloured background and I chose to go with green. So I added a new layer and filled it with a dark green (#164C08, Soft Light 100%). I also added a mask to keep the background only. In two more steps I added another layer filled with a light green (#C5FAB6, Hue 20%) beneath the dark green one and a yellow (#FEF487, Soft Light 30%) one above the dark green one before I was satisfied with the background colour.

step6.png -> step7.png -> step8.png -> step9.png

Step 8: Now I turned my attention to the person depicted. I added another layer and enlarged the entire icon until it was large enough for me to draw over the lips with red(should be #FA4B4B as this was the only layer where I forgot to note down the colour) after I was done, I set the layer to Color at 60%.

step9.png -> step10.png

Step 9: As I thought it was still lacking something I decided to add some skin colour. Here I played around with various colours starting with peach before I finally settled on a brown (#8B6106), setting it to Soft Light at 60%, before declaring the icon finished.

step10.png -> severalplums30_1.png

At the end my layers looked like this:
layer.jpg

This was my first tutorial so if I missed anything and you have questions, feel free to ask (I also hope that I found reliable sources for translating the tools I used).

Post A Comment | Add to Memories | Tell a Friend | Link



From:
( )Anonymous- this user has disabled anonymous posting.
( )OpenID
Username:
Password:
Don't have an account? Create one now.
Subject:
No HTML allowed in subject
  
Message: