Sun (sun_soraya) wrote in icon_tutorial,

Tutorial 24: Miharu

Requested by cyanidebullets and saline_queen.

How to go from to or with Photoshop. Uses texture dropping and Color Balance, so it should be translatable.

is A and is B.
Except for one texture, both versions go the same way, so I'll only write this tutorial for A and add the extra step for B at the end.

1. The usual stuff, get your base ready! I'll be using this Miharu image today.

2. The colors are totally blah and boring, so brighten it up with a Soft Light, 100% duplicate of your base.

2. A whole lot better already, but still so very plain. Instead of covering the white background with more interesting textures, I decided to go for a gradient effect first and set this texture by bambinainnero on Overlay, 100%. It worked so well on my image because the right side has darker colors while the left is almost blank with all its white, so if you have a 'full color-image' (like my first example icon) you might have to try a real gradient instead of this texture. Just experiment a bit! :D

3. Miharu looks very cool now, but we still have the problem with the white background. So take this texture by bambinainnero again and set it to Multiply, 88%:

4. Now is a good time to add text if you want any, because it'll then be affected by the coloring from step 5; I decided to add some tiny text:

5. Nice, but as I said, we can still pump up the colors: make a Color Balance... adj. layer with these settings to give it a red tone:

Midtones: 14 -4 6
Highlights: 4 0 0

Now let a Hue/Saturation... adj. layer follow with master saturation set to 18.

6. To add a small highlight, create a new layer and draw a red dot in the middle (I used a soft brush around 40px and the color #FA5363) and set that layer to Lighten, 54%. Then make a Brightness/Contrast... adj. layer with brightness -4 and contrast 6, and that's it for A!
If you prefer B, just go back to step 3 and add this light texture (by ?) on Screen, 100% between the Multiply texture and the text layer; I also flipped it horizontally. Finished! :D


Questions? Just ask! :D

Other examples:

Be creative and experiment however you want, and I'd love to see your results! I'm curious what you come up with. :D

Please comment to this entry since I'll most likely respond there.

This post is still open for tutorial requests.
More tutorials are here, and these will be coming next.

Tags: anime & manga: colouring, program: photoshop, tutorial: colouring

  • Tableau Online Training Demo Video - IgmGuru

    IgmGuru's Salesforce Administrator and App Builder Certification Training course is designed according to the Salesforce Administrator & App…

  • Icon Coloring

    Does anyone know how to achieve this coloring? Photos are by Jessie Willner, this coloring is all over her Instagram.…

  • animated icons

    Hello, I was wondering if anyone could guide me into doing icons similar to these? Sorry, I do not know the name of the maker(s) or I'd add…

  • Post a new comment


    Comments allowed for members only

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded