thevainparade (thevainparade) wrote,
thevainparade
thevainparade

A tutorial demonstrating the steps from
to

Tutorial #1


original.png image by australianseeker to contrasttut.png image by australianseeker

☆ Crop your base to whatever you think looks nice first off. And then we are going to add a curves layer!

RGB
INPUT: 108
OUTPUT: 135

curvestut.png image by australianseeker

(screencap of curves)

☆ That's really bright right? Well, in the next step, lets add a colour balance layer to darken it a bit and bring out the soft blue tones.
Note: Make sure that Preserve Luminosity is checked.

MIDTONES: 0, 0, 100

colourbalancetut.png image by australianseeker

☆Alright! So now we are going to add a Channel Mixer. To me, the icon is just too blue. I would like to make the reds, oranges, and yellows pop.

RED
RED: 169%
GREEN: -69%

GREEN
GREEN: 100%

BLUE
RED: -60%
GREEN: 60%
BLUE: 89%

channelmixertut.png image by australianseeker

☆ Now for the easy parts. :] To give the icon a soft feel, I added an Exclusion layer.

110202- EXCLUSION- 100% Opacity

exclusiontut.png image by australianseeker

☆ To darken it some more. I added a Colour Burn Layer.

FEEFED- COLOUR BURN- 100% Opacity

colourburntut.png image by australianseeker

☆ To finish off the icon, add a Brightness/ Contrast layer. This makes the icon have more depth.

BRIGHTNESS: 0
CONTRAST: 19

contrasttut.png image by australianseeker

Note: This depends on your base. Sometimes high contrast levels makes the icon much too dark.

Other Examples

AI1.png AI2.png AI3.png

PSD

PLEASE comment if you download!



Tags: & tutorial
Subscribe
  • Post a new comment

    Error

    default userpic
    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 42 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →