Blackat (blackat81) wrote in jitterbug_roses,
Blackat
blackat81
jitterbug_roses

Tutorial #1

Learn how to go from

this - to this -





Step one!

Using this screencap, I cropped it down to this using the crop tool -

Step two!

I then duplicated the layer twice, setting the first one to "soft light" at 100 percent, and the second one to "screen" at 100 percent. Then I flattened all the layers. Here's what I've got so far -

Step three!

I created a new layer, and filled it with this colour - #0400A7 (should be a royal blue colour). I set it to "exclusion" at 49 percent. I then upped the contrast to +12 using the brightness/contrast option. (adjustments > brightness/contrast) You should get a result somewhat like this -

Step four!

Now, my favourite part! I went to adjustments > colour balance, and took the slider towards the cyan side -68. (You can just type -68 in the first box up the top) I then slid the magenta down to -39, which you can put in the second box to make it easier. After that, I upped the contrast to +7 using the brightness/contrast option again. This is where I'm at now -

Step five!

Okey doke, ready for the next step? I took the sharpen tool at 11 percent strength, and used to lightly sharpen her hair, eyes, mouth and any other area like that. Then I took the blur tool at 15 percent strength, and lightly blurred her cheeks, forehead, chin, and the background slightly. Then, I created a new layer, set it to "lighten" and took the colour #FF005A (should be a reddish pink) and used the "soft brush" (you know, there's the first set of circle shaped brushes, then a second "softer" set that comes with photoshop) at size 100 to put a reddish tinge to the lefthand side of the icon. You should have something like this -

Step six!

Finally, I used a tiny text brush from somewhere I can't remember (just two lines of tiny text), and I put Shirley's name above it using the font "DpScript". And here's my final product -

It's ever so slightly different from my original icon, but you can't duplicate anything perfectly! You can use this tutorial to create icons of your own, and I'd appreciate it if you didn't copy this icon exactly. :)

Comments are welcome!
Tags: shirley temple, tutorial
  • Post a new comment

    Error

    default userpic
  • 6 comments
Oh wow! I don't have photoshop, I use the gimp but all the tools are similar to each other so I'm going to have a go with it and see how my icons may come out. Thanks for taking your time in creating this tutorial, Rhea! :)
I made an attempt at following your tutorial with my graphic creator I use and here's the finishing product-



It was fine until your photoshop tools changed into different ones so I had to try and guess as close as I could to get the exact type of tool. The beginning was simple though because we had the same tools. Oh, I just had to browse around a bit in the gimp. I did learn some great new techniques though and you'll be seein' them in my newest icons I'll be creating. Thanks again for such a great tutorial, and it was worth my reading and trying! :)
Oh wow that looks great Emily!!
*looks* I guess it looks alright for a try. I'll have to practice some more and experiment. Thanks though! :)
Thank you so much for this!!! I love your icons and often wonder what kind of techniques you use. You should post more tutorials in the future!!!
Hey, thanks a lot for this! I've been making icons for a couple months and I love learning people's techniques.