Courtney ([info]dimensicons) wrote,
@ 2005-07-08 00:58:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Entry tags:resources, tutorials

The mystery of creation...
Or something like that.

I opened Photoshop with the sole intention of getting back to the business of iconing to the alphabet, but then I opened this cap by mistake, and this icon sprung fully-formed from my head.



It's funky and quirky and a little extreme, much like Maria herself, so I thought I'd write a quick tutorial on how it was done.

First, select your image. I used this cap of Maria from "So I Married an Alien". Usually I would've gone with Michael or Kyle or Isabel or... anyone but Maria, but what can I say? I liked the pretty colors.

I cropped my base slightly off center, then toyed with the contrast and clarity (my default image prep process in a nutshell - sharpen, duplicate, set to screen, duplicate screened layer, duplicate base, move to top, lower saturation to 50%, set to soft light). Once that was done, I resized larger than my icon canvas (in this case, 130x130) so that I had room to play around with image placement.
Duplicate the base. Set your art history brush at this stage, then desaturate. With a hard-edged round brush, replace the color in the background with the art history brush, leaving the foreground greyscale. Set the layer to color, 100% opacity.
Dupicate the layer, set to Soft Light at 100% opacity. This will add a little extra depth to the greyscale figure and give the colors a bit more kick.
Duplicate the original base, bring it to the top, move to an appropriate place, and set your art history brush. Then desaturate, and repeat the process of replacing the original color, in the foreground this time.
The background is a little light for my taste. To rectify this, duplicate the new layer, carefully erase Maria so that you're left with nothing but the greyscale background, and set to multiply at 25% opacity.
Find a light texture with colors in the same family as your image. I used this one by [info]fightstarr. As an alternative, you can find a texture you like and alter the colors manually, using Color Balance or Hue/Saturation.
I rotated the texture, placed it so that it complimented the image, and used the eraser in places that covered Maria's face. Set the layer to Screen.
I wanted to increase the intensity of the light, as well as the color saturation, so I duplicated the layer and left the opacity at 100%.
To separate the two images, I chopped, scaled, and generally mutilated a paint smear brush that was originally by [info]crystalkirk, if I remember correctly.
Using white (#FFFFFF) at 100% opacity, paint the brush on a new layer. Place the separator over the seam where the two frames meet.
On a new layer, make a rectangular vertical selection, fill it with white, and align at the left side. If any parts of the background look glaring or awkward where the image meets the whitespace, use a small, soft-edged brush to paint in white and hide the spots you don't want.
Choose a gradient. I used this one from [info]crumblingwalls.
Set the gradient layer to Color at 15% opacity. Still, even with the low layer opacity, the tones in her dress have lost a little of their vibrance.
Add a layer mask to the gradient layer, and with a hard-edged brush on 100% opacity, carefully paint over Maria with a medium gray (in this example, #717171).
As a result of the color layer, the greyscale aspects of the image have taken on the tones of the gradient. Add a Hue/Saturation adjustment layer (Hue: 225, Saturation: 25) to counter the color and add some crispness to the highlights and shadows.
Select a prominent color from the icon, and add some tiny text. I opted for Georgia, 1.5 point, and "Let's do the time warp again" in caps. Add an accent brush (I can't seem to remember where this one is from, so if it's yours, please let me know so that I may give credit where credit is due).


And voila, Technicolor Maria. Feel free to use the finished icon, just comment and credit if you grab it.


Be gentle, it's my first time.

 



(Post a new comment)


[info]orchestrachik89
2005-07-08 07:59 am UTC (link)
marry me? :) thank you so much!

(Reply to this) (Thread)


[info]dimensicons
2005-07-08 08:31 am UTC (link)
That gave me a great grin. :) And you're very welcome.

(Reply to this) (Parent)


[info]sheikah
2005-07-08 08:06 am UTC (link)
I have a stupid question....did you flatten the image after your initial prep process or no? I only ask because I tend to flatten while I make my icons...

(Reply to this) (Thread)


[info]dimensicons
2005-07-08 08:10 am UTC (link)
Yep, I flattened the original base. It's pretty much the only time I flatten at all - I like to keep my layers in tact.

(Reply to this) (Parent)(Thread)


[info]sheikah
2005-07-08 08:12 am UTC (link)
Thanks!

(Reply to this) (Parent)


[info]furrydepends
2005-07-08 08:27 am UTC (link)
This is such an awesome tutorial. You make AMAZING icons =]

I'm off to try this out!

(Reply to this) (Thread)


[info]dimensicons
2005-07-08 08:31 am UTC (link)
Thanks so much for the compliment. And I'd love to see how your icon turns out.

(Reply to this) (Parent)


[info]lossemare
2005-07-08 08:59 am UTC (link)
this looks great! i'll be adding to my memories =D

(Reply to this)


[info]callmeadreamer
2005-07-08 09:24 am UTC (link)
This is your first tutorial? Pssh. You seem like a pro.
I personally would never have the patience to do this, and if I did, it would never come out like this. The icon is absolutely amazing!
*sigh* I miss Roswell, Maria was my favorite second favorite. Isabel rocked. =(
Oh, and I also love your Josh Holloway icon, and the Angelina Jolie one in your sidebar =D

(Reply to this)


[info]saintxsin
2005-07-08 09:27 am UTC (link)
Dont seem like it's your first tutorial. It's awesome. Im saving it to my memory. Your Josh's icon is gerat too!

(Reply to this)


[info]syrenslure
2005-07-08 09:39 am UTC (link)
This is awesome. To be honest, I am just learning about gradients and textures, and well setting my layers to much other than "normal" - but brushes, hue/sat, brightness/contrast have been my friends for a while... could also be that I mostly use PSP, though I have a perfectly good version of PS6 on my computer... Well, I'm branching out, and this helps. Thanks, hon.

(Reply to this)


[info]alazysod
2005-07-08 10:42 am UTC (link)
Beautiful icon! I'll add this tutorial to my memories.

(Reply to this)


[info]blifme
2005-07-08 12:00 pm UTC (link)
Really nice :). Memorised.

(Reply to this)


[info]artillie
2005-07-08 03:32 pm UTC (link)
Was the icon wearing armor?

Lovely tutorial^^

(Reply to this)


[info]likegunfire
2005-07-08 04:50 pm UTC (link)
Hmph, anyone but Maria? How dare you! :P

This was such a great tutorial!!! Thanks for making it, I never thought of using the art history brush that way!

(Reply to this)


[info]existenceofme
2005-07-08 06:06 pm UTC (link)
Thank you! I'm adding this to my memories for later.

(Reply to this)


[info]miss_sarac
2005-07-09 03:40 am UTC (link)
lovely tutorial---very original!

When you've finished your icons for [info]icon_alphabet, I'd love to see you do some at [info]abc_icons :P

(Reply to this)


[info]spellbound
2005-07-09 09:31 pm UTC (link)
adding to memories. love it ♥

(Reply to this)

uh huh...
[info]ladygloria
2005-07-10 06:27 am UTC (link)
yep, yep...

THAT's how I would have done that too...

Seriously hon, this is why I love you...and want to be you one day.

(Reply to this)


[info]iam_lizardqueen
2005-07-11 11:48 am UTC (link)
Oh God, i feel completely stupid, but as soon as u mentioned the art history brush in the second step i went 'huh'.

I dont get how to use that thing. But congrats on your first tutorial. Everyone else whos smarter than me seems to know what your talking about, so thats an A+ from me.

Back to trying to figure this thing out.

Ki-ki

(Reply to this) (Thread)


[info]dimensicons
2005-07-12 07:03 am UTC (link)
Thanks for the kind words, everybody. Ki-ki, in your History palette, there's a blank box next to each step. Clicking the box sets the Art History brush for the current layer, so when you use the tool, the brush virtually erases everything that happened on that layer, and reverts to the point the layer was set. It's a powerful tool.

(Reply to this) (Parent)(Thread)


[info]iam_lizardqueen
2005-07-12 07:52 am UTC (link)
It gives a cool abstract effect....

Thanks. I'll try itout. Otheriwse, i'll come back and whine that your next tutorial needs to be on how to use it, just for me. :D

(Reply to this) (Parent)


[info]jesus_freak1234
2005-11-05 05:43 am UTC (link)
Such a pretty tut! Thanks for this

(Reply to this)


[info]hika_kun
2006-04-05 12:53 am UTC (link)
Thankx for sharing! Haha. I also got confused with the history brush thing. I even looked at the photoshop help sections.. and i still didn't get it. XD. So stupid of meee..

(Reply to this)


Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…