Home
 
 
09 October 2006 @ 07:18 pm
Icon Tutorial...Pink Six Icon
This icon was made using Photoshop CS2. I'm pretty sure it can be made using other graphics software, so don't despair. :)

We are going to make this icon. from this Hi-Def Photograph of Six/Tricia Helfer from Battlestar Galactica.


Making the original two icons

I made the Pink Six Icon by putting together two other icons I made.

I took the photograph of Six looking over her shoulder and changed it from 300 resolution to 72 resolution. That made it smaller and easier to handle.

I made two Six icons.
This one and this one

This is a basic idea of how I made them.
First crop your bases. One is a close up and one is pulled out a little more. Do whatever it is you do to prepare your base. This photograph doesn't need much preparation since it's hi-def.

Next use the steps below in the graphic as a guide. It's your basic icon with a blue exclusion layer and a light blue color burn layer. (Leave out the top two layers I have in the graphic. You'll see why later)


You do not have to make your icons the way I did.

Making the Pink Six Icon

This second icon will be your base. You can flatten it or just leave it in layers. It doesn't matter.
This one...

Flatten your close up icon and drag it to the top of your base. Your icon should look like this now with the close-up Six icon on top.



Take your "eliptical marquee tool" and drag it out into a circle around Six's face. Like this. This should be done on the top layer, the layer you just dragged.
(It's kind of hard to see so please look carefully to see the dashed circle)



Go to "select" and click on "inverse". Your icon should look like this.


Now hit the "delete" key. You will be left with a circle of Six's face on your top layer. (Select>deselect to get rid on the moving dotted lines.)



Now you can move that circle of Six's face around on it's layer till you get it where you want it.

I took this light texture by [Unknown LJ tag] and put it on the top in a new layer.


Then I flipped it horizontal and set it to "lighten" at 100% opacity. Now your icon should look like this. Pretty cool, but it needs something else.


I added a tiny text brush in white and placed it near the bottom of the icon so that it blended into the white part of my light texture. (Unfortunately, I looked and looked through my brushes and I could not find that exact tiny text brush. Very frustrating. But you could use this one if you don't have any. It would work fine for this icon. Or you could just type your own tiny text on the icon) If anyone knows who tiny text brush this is please let me know so I can credit


Anyway, your icon will look something like this after you added the text.


Next, I took my eyedropper tool and picked up a med. pink color from the light texture. Which ended up being...#fd76b1. Then I used this swirly border brush by [info]happyconfusion and stamped it in that pink color on a new layer. I left it at normal at 39% opacity.


You will notice that I have erased part of the brush. This is up to you. I thought the bottom part of the brush was distracting so I erased it.

Then I duplicated the brush layer (NOTE: I duplicated the original brush layer before I lowered the opacity to 39%) I set the duplicated layer to "hard light" at 57% opacity.

(Please note that I messed around with the opacity on these two brush layers till I got it to look the way I wanted. Your opacity settings could be different.)

Now your icon should look similar to this.



I took this thin border brush by [info]unmasked_icons and stamped it in #93656d, a mauvey-pink color, on a separate layer. I duplicated the layer. I left the duplicated layer set at "normal" 61% opacity. I set the original border layer to "color burn" at 85% opacity.


Your icon looks like this after the border is added.


Finally, the last thing I did was I made a new layer. Then do a "alt + ctrl + shift + E" to copy all your previous layers onto the new layer. Set this top layer to "soft light" at 50% opacity. What this does is brighten up the whole icon.

Here is a graphic of all the layers in the icon.


Now you are done and the icon should look something like this.


Your icon may look different than mine. That is OK. Try experimenting with different light textures. You can set them to "screen" or "lighten". "Lighten" looks good with the red colored textures.

This tutorial is for [info]emzcu and anyone else who is curious as to how I made that Pink Six Icon.

If anyone has any questions or there is anything unclear in this tutorial please don't hesitate to ask.

Hi-Def Promo Photograph of Six came from Dark Thoughts: Battlestar Galactica
Credits for all brushes and textures are in my Resources Entry.
( 27 comments — Post a new comment )
yohopiratesyoho[info]yohopiratesyoho on October 10th, 2006 01:06 am (UTC)
Yay! This is a beautiful tut! Memed, thanks!
I refuse to give up my obsession: Six_B&W[info]endlessdeep on October 10th, 2006 02:41 am (UTC)
Thanks so much. And you're welcome. :)
wwe_baby[info]wwe_baby on October 10th, 2006 01:13 am (UTC)
very nice! i love it!
I refuse to give up my obsession: Six_B&W[info]endlessdeep on October 10th, 2006 02:42 am (UTC)
Thank you. :)
Julie: chrisinconcert[info]julielu on October 10th, 2006 01:29 am (UTC)
Thanks, amazin tuturial, lots of great ideas in it! Saving to memories!
I refuse to give up my obsession: Six_B&W[info]endlessdeep on October 10th, 2006 02:42 am (UTC)
You're welcome. I really hope some of the techniques inspire people. :)
figure10point1[info]figure10point1 on October 10th, 2006 03:06 am (UTC)
Amazing tutorial! Here's what I came up with:

Photobucket - Video and Image Hosting
I refuse to give up my obsession: SixFlower[info]endlessdeep on October 10th, 2006 02:08 pm (UTC)
It looks great!

Thank you. :)
 Jo: Fall at your feet[info]mykindascene on October 10th, 2006 06:53 am (UTC)
How do I change the swirly border brush and the border background to pink? Do I use the clone stamp tool, if so how? Mine just goes to black. I'm using Photoshop CS2.
I refuse to give up my obsession: SixPeachy[info]endlessdeep on October 10th, 2006 01:57 pm (UTC)
Open up the image of the swirly border brush in your photoshop program. Go to Edit>define brush preset......
A little box will pop up, click "OK".

Now the border will be in your brush pallete. Click on your "brush tool" to select it. Scroll till you find the swirly border brush and select it.

Go to your colors pallette and click on the top box "Set foreground color". A box will pop up. Near the bottom you will see a number sign...this #...with a 6 digit number next to it. Delete that number and type in the number of the pink color and click OK.

Now on your icon, on a separate layer stamp your border brush. It will be pink.

Sorry if that's too detailed. I wasn't sure if you knew all the steps. :)
 Jo: Jake cute[info]mykindascene on October 11th, 2006 01:49 am (UTC)
Thanks for that it was helpful. I have been trying to do that for ages so thanks.
This is what I came up with::
Image Hosted by ImageShack.us
I refuse to give up my obsession: SixFlower[info]endlessdeep on October 11th, 2006 02:16 am (UTC)
Very nice! I like it. The green in the background looks good. :)
horsey_grl[info]horsey_grl on October 10th, 2006 07:24 am (UTC)
wonderful tut. i'm meming it! :)
I refuse to give up my obsession: boywholived[info]endlessdeep on October 10th, 2006 02:01 pm (UTC)
Thank you. :)
emzcu[info]emzcu on October 10th, 2006 09:33 am (UTC)
Thank you SO MUCH for this!!

I ended up with this:


The only part where I had some problem was when I added the texture. I got around it by setting it twice to Linear dodge and once to Screen.
This was a really good tutorial and not only am I now able to make an icon like this, but it actually taught me a lot about bases and how colors and different blending modes react to one another.

:
I refuse to give up my obsession: Six_B&W[info]endlessdeep on October 10th, 2006 02:06 pm (UTC)
That icon looks great! :)

The only part where I had some problem was when I added the texture. I got around it by setting it twice to Linear dodge and once to Screen.

Yeah, the textures react different with different bases. So what you did was excellent. You experimented and came up with something that worked.

This was a really good tutorial and not only am I now able to make an icon like this, but it actually taught me a lot about bases and how colors and different blending modes react to one another.

I've been really happy about the fact that people are getting more out of this tutorial than just going through the steps I've outlined. I think that's what tutorials are for. They teach you how to experiment and how to use different techniques.

Thanks. :)


Alexandra Leaving: BSG - Lee deltoid[info]alexandral on October 10th, 2006 01:01 pm (UTC)
Thank you so much!!!!!!!!!!!!
I refuse to give up my obsession: Adama & Roslin[info]endlessdeep on October 10th, 2006 02:07 pm (UTC)
You're welcome. :)
Bella Winchester: Heroes-Hiro[info]zuckermaus77 on October 11th, 2006 10:19 am (UTC)
Cool.Saving to memes.Will try later and show you the result,if you want. ;)
I refuse to give up my obsession: DesertRose[info]endlessdeep on October 11th, 2006 04:56 pm (UTC)
I would love to see what you come up with. :)

I love your Hiro icon. :D
Bella Winchester: GA-Addison hmm[info]zuckermaus77 on October 11th, 2006 09:20 pm (UTC)
So,heres my result.
I had some problems,cause Jensens background was too dark.But I like the result anyway. ;)
It's a great tut.I never got that thing with the marqueetool and the circles before.So,thanks a lot for that. :D

Thank you!I love that icon too. *hehe*
I refuse to give up my obsession: LadyLuck[info]endlessdeep on October 12th, 2006 08:13 pm (UTC)
It looks great! You did a nice job of working with that dark background. The work very well. :)
Joe[Schmo][info]zenerdbitch on October 14th, 2006 01:10 am (UTC)
Beautiful! This is what I came up with:


Photobucket - Video and Image Hosting
phlourish_icons[info]phlourish_icons on October 16th, 2006 03:08 am (UTC)
Thank you. :)

Great icon. I like the black and white circle mixed with the color icon base. Good job. :)
Erika: 300 Oracle[info]misseri44 on December 25th, 2006 04:02 pm (UTC)
Wonderful tutorial, i'm meming it to try it later ;)
noemita16[info]noemita16 on July 10th, 2007 07:31 pm (UTC)
Very nice!!
Thanks!!!

Photo Sharing and Video Hosting at Photobucket
I refuse to give up my obsession: Dresden_Black and White[info]endlessdeep on July 13th, 2007 08:58 pm (UTC)
Re: Very nice!!
You're welcome. :)