Vizune

Dandelion icon tutorial12/8/2023

icon-dandelion-stock

Here is a link to the original stock image used for this tutorial. A PSD is also available for this icon to help you follow the tutorial and for learning purposes.

  1. Resize the stock image within a 100 x 100 pixel canvas size

    icon-dandelion-step1

  2. Add a Curves adjustment layer by going to "Layer" in Menu, under "New Adjustment Layer" there is the option "Curves..." and the settings can be seen in the image below. Don't worry too much about getting this identical, there is a PSD download available. Reduce the opacity of this Curves layer to 75%

    icon-dandelion-step2icon-dandelion-step1-curves

  3. Add a Color Fill adjustment layer of a dark purple (#360953) with a Linear Burn blend mode at 20% opacity.

    icon-dandelion-step3

  4. Add another Curves adjustment layer with 85% opacity.

    icon-dandelion-step4icon-dandelion-step4-curves

  5. Add a Photo Filter adjustment layer with orange (#f38417) with Screen blend mode at 64% opacity.

    icon-dandelion-step5icon-dandelion-step5-photofilter

  6. Now for textures! My first texture was from narcoticplease at DeviantArt, I didn't resize the texture and used a segment. This texture has a Soft Light blend mode at 30% opacity. The second texture is from inconditionally at DeviantArt with a Saturation blend mode at 100% opacity. I really liked that it changed the colour of her hair, eyes and add a slight tan to her skin so I kept this.

    icon-dandelion-step6icon-dandelion-step6-texture1icon-dandelion-step6-texture2

  7. Next I wanted to work on the reducing the saturation from the last texture I used. In this step, I create two Gradient Map adjustment layers. The first gradient map is the standard black (#000000) to white (#FFFFFF) with a Vivid Light blend mode and 15% opacity. The second gradient map is a grey (#4D4648) to a light tuquoise colour (#D7FFF3) with a Lighten blend mode at 20% opacity.

    icon-dandelion-step7icon-dandelion-step7-gradient

  8. Now my last step washed out the colour a bit too much... so this step was adding more "warmth". I create a Photo Filter adjustment layer with a dark red colour (#981a1a) and reduced the density to 75%. This layer had a Multiply blend mode and 20% opacity. Then I create a Color Fill adjustment layer of a light pink (#de8a8a) with a Soft Light blend mode and 50% opacity.

    icon-dandelion-step8icon-dandelion-step8-photo-filter

  9. I use another texture from dastardly-icons at DeviantArt. I usually use the Smudge Tool to remove/clean any specks from a texture off the character's face and other areas to ensure it's not overwhelming the design (see texture below). I place the wisps in various places around the character and cut away the rest of the layer using the Polygonal Lasso Tool (see screenshot below).

    icon-dandelion-step9icon-dandelion-step9-textureicon-dandelion-step9-layers

And that's when I stopped, finally satisfied with my icon and this is where the tutorial ends. Hope you liked this tutorial and found it helpful :)