Heart Station

Icon Tutorial #1 – Mark

Step One

Find a suitable image and crop it down. I usually set my icons to 102×102, and then reduce the canvas size down to 100×100. This way we get nice crisp edges without any pixilation.
Step 2

Step Two

Add a new Selective Color adjustment layer with the following settings:
Reds: +25 / +3 / -41 / +7
Yellows: +25 / +38 / +82 / -77
Whites: +100 / -4 / -100 / +30
Neutrals: -1 / 0 / -7 / -11
Blacks: -1 / 0 / -2 / +3
Step 2

Step Three

Add a new Curves adjustment layer with the following settings:
RGB: Input = 135 / Output = 150
Blue: Input = 72 / Output = 255
Step 3

Step Four

Add a new Vibrance adjustment layer with the following settings:
Vibrance: +44
Saturation: +7
Step 4

Step Five

Add a new Gradient Map adjustment layer with the following settings:
#11003b to #f1dcc5 for the gradient stop colors.
Set the layer blend mode to Luminosity at 100% opacity.
Step 5

Step Six

Since the image is a tad dark for my taste, we’ll lighten it up a bit. You don’t have to follow this step if you like darker icons. Duplicate your base layer set it to Lighten at 50% opacity.
Step 6

Step Seven

Finally, add this texture (credit to Brandi from Hakanai Paper) on Lighen at 60% opacity. Feel free to add text/text brush if your finished icon feels empty by playing with layer styles and moving the text under or above previous layers. You can always play with the opacity depending on if you want the texture to be stronger.
Step 7 Step 7

Authors Note

You don’t have to follow this tutorial word for word. Feel free to play around with settings if they don’t fit your icons needs. If you have questions, don’t hesitate to ask. I’ll be sure to help out as much as I can!