Home
 
 
05 May 2008 @ 07:20 pm
Kristen Stewart Banner Tutorial  



Involves selective coloring
Using photoshop CS (but it should works with all the photoshop versions)




Rules
- don't claim it as your own
- credit isn't necessary but if someone ask you for this coloring you have to point to this tutorial
- comments are really appreciated
- if you have any questions feel free to ask
- do you like what you see? Friend me!

Let's start!

=> Remember that every picture is different so play always with the setting to fit your icon!

Step 1
Take your base and do whatever you want: crop it, sharpen it, screen or multiplay if it needs.
I chose a beautiful picture of Kristen Stewart and I cropped it


Step 2
Layers > New > Level
Fill it with a dark blue (I used #02021b) and set to Exclusion at 100%

Step 3
Layers > New > Level
Select the gradient tool and pick a light blue for the first square (I used #27b8e4) and then a pale yellow for the background square (I used #fdf352)
Screenshot in case you're confused ;)
Then click on the image, drag the arrow and release it: you should have the yellow on the lower part of image and the blue on the top --> Screenshot
If you don't know how to make a gradient, also after my terrible explanation XD, here there is an amazing step by step tutorial!
Then, set the layer to Overlay at 50%



Step 4
Layers > New Adjustment Layer > Selective Coloring, set at 100%
REDS: +30 | +81 | +43 | +42
YELLOWS: +52 | 0 | 0 | +15
CYANS: +100 | 0 | 0 | 0
MAGENTAS: +23 | +100 | 0 | 0
WHITES: +17 | +9 | +9 | -3
NEUTRALS: +13 | +40 | +7 | 0
BLACKS: 0| 0 | 0| +50



Step 5
Layers > New Adjustment Layer > Hue/Saturation
CYAN Saturation +40

Step 6
Time for add some colors!
Layers > New > Level (make a new layer for every color listed here)
--> Fill layer with violet (I used #8f0d84) and set to Soft Light at 40%
--> Fill layer with a dark blue (I used #02021b) and set to Exclusion at 100%, duplicate this level and set to 50%
--> Fill layer with a really pale yellow (I used #f8ffc9) and set to Color Burn at 40%
--> Fill layer with a soft pink (I used #ffd6c9) and set to Multiply at 30%

At these point you should have 5 solid colours layer, like this



Step 7
Layers > New Adjustment Layer > Levels
RGB channel (input) 10 | 1,15 | 250

Step 8
Add another 2 solid colours layers
--> Fill layer with a bright blue (I used #b8fffc) and set to Soft Light at 30%
--> Fill layer with a dark blue (I used #060d40) and set to Exclusion at 40%



Step 9
Layers > New Adjustment Layer > Selective Coloring, set at 100%
NEUTRALS: +6 | +4 | -8 | -6
BLACKS: 0| 0 | 0| +10



Final touch: add some brushes, text and texture, use creativity!
And we have finished!

Final Result

 
 
Mood: tired
 
 
( 42 comments — Post a new comment )
Nisa: omFg[info]shuichified on May 6th, 2008 01:47 am (UTC)
OMGah! this is beautiful~ i heart u. 8DDDD

haven't tried but i'll show once i do~~

*thumbs up!*
Mab: Into the wild[info]xqueen_mab on May 6th, 2008 08:35 am (UTC)
Thank you! :)
gladysm[info]gladysm on May 6th, 2008 10:17 am (UTC)
how can i make a "box-like" on the background? is it a texture? thanks
Mab[info]xqueen_mab on May 6th, 2008 10:35 am (UTC)
Do you mean the white squares on the background?
It's a brush: you can find it here
gladysm[info]gladysm on May 8th, 2008 11:32 am (UTC)
thanks
kopgirl[info]kopgirl on May 6th, 2008 04:28 pm (UTC)
this is so cute
thanks for sharing :D
Mab[info]xqueen_mab on May 7th, 2008 08:36 am (UTC)
You're welcome!
[info]cherry_fields on May 6th, 2008 09:19 pm (UTC)
OMG! PERFECT! Thank you!! *-*
Mab: Into the wild[info]xqueen_mab on May 7th, 2008 08:36 am (UTC)
You're very welcome!
xciaocalifornia[info]xciaocalifornia on May 8th, 2008 02:56 am (UTC)
Wonderful tutorial!
If I knew how to post pictures in these comments I'd show you my results and what I did.

:3
hehehe
*Noob*
Mab[info]xqueen_mab on May 8th, 2008 07:44 am (UTC)
Thank you!

Well, whether you'll post the picture or not, maybe these instructions can be useful:
- upload your pic on a hosting site (like photobucket, imageshack etc...)
- copy the "direct link image"
- write in your post/comment this code and replace the link with your direct link image
I hope it's clear :)
Mab[info]xqueen_mab on May 8th, 2008 07:51 am (UTC)
Oops!
The code I meant is this
[Error: Irreparable invalid markup ('<imgsrc="link">') in entry. Owner must fix manually. Raw contents below.]

Oops!
The code I meant is this <imgsrc="link"> (remember to leave a space between img and src!)
xciaocalifornia[info]xciaocalifornia on May 8th, 2008 08:41 pm (UTC)
Oh ok...so it's just like myspace XD

Here's what I made:


I love this coloring. It's my new favorite hehehe.
I think it looks a lot like a sunrise.
:]
Mab: Caffè[info]xqueen_mab on May 9th, 2008 09:40 am (UTC)
I'm glad you like it!
Your work is so pretty! :)
Melody[info]kasdie on May 8th, 2008 09:19 am (UTC)
Pretty! :O I tried it out on a background and I rather like the results. It's a 1440x900 background though, so I won't kill your page with it. :) I put it up at my LJ: http://kasdie.livejournal.com/72229.html

Thank you!
Melody[info]kasdie on May 8th, 2008 09:19 am (UTC)
and it's friends only'ed, but I friended you, so you should be able to see it. :)
Mab[info]xqueen_mab on May 8th, 2008 09:47 am (UTC)
You're welcome! Thanks for letting me see it :)
amelia[info]fuckingtoxic on May 9th, 2008 07:57 am (UTC)
This is what I got from your tutorial. :)
Mab[info]xqueen_mab on May 9th, 2008 09:40 am (UTC)
Oh, really nice! Well done :)
l'amour fou ♥ Lilalaunebär[info]schokiii on May 9th, 2008 08:19 pm (UTC)
WOW, I will defenetely try this tut tomorrow, right now I'm too tired... I'll show you my result! *gg* Thanks for that :)
Mab[info]xqueen_mab on May 10th, 2008 10:46 am (UTC)
You're welcome!
PLOY: ryoma[info]ploysanta on May 13th, 2008 10:14 am (UTC)
I really love your result!! added to mem, thx xD
Mab: Blair[info]xqueen_mab on May 13th, 2008 12:40 pm (UTC)
You're welcome!^^
MantridDrone[info]mantriddrone on May 19th, 2008 12:13 pm (UTC)
wonderful tutorial, thanks. all i have to do now is figure out how to slot the banner into my LJ and i've won! any idea where i can find out how to do that? its making my head spin!
Mab[info]xqueen_mab on May 19th, 2008 05:13 pm (UTC)
You're welcome!
I'm not sure to understand you, do you mean how to add an header/banner on the top of your lj? (like mine, the image with Gaspard Ulliel and the name of the journal "transition, when life..."
If so, you should take a look at [info]everything_lj, click on "list of tutorials" (in the sidebar), and then click on "header": the last entry should help you :)
MantridDrone[info]mantriddrone on May 19th, 2008 06:11 pm (UTC)
thanks, thats exactly what i need. i appreciate it :)
Mab: Alexis[info]xqueen_mab on May 19th, 2008 06:17 pm (UTC)
Don't mention it :)
Dominique Ho[info]tvbmad on March 1st, 2009 10:31 pm (UTC)
confused.
I went on that tutorial, but I don't really understand it. I have html code for my image. And I know it's something to do with css. But whatever I put into the css, it doesn't do anything to my page.

Sorry if its a little confusing, but can you help me. What I'm trying to achieve is a banner/header at the top of my page like yours. Thanks =]
alenah[info]alenah on May 22nd, 2008 10:58 am (UTC)
Thank you very much for sharing this lovely tutorial, I made this with it (I added effects and gradients onto it, but yours is the starting point)
Mab: Castle[info]xqueen_mab on May 22nd, 2008 07:50 pm (UTC)
You're welcome, and your banner is really beautiful! ♥
Cristina[info]glicine_33 on June 6th, 2008 03:21 pm (UTC)
susi! adoro il tuo tutorial .. sperospero di riuscire a fare qualcosa...miraccomando fanne delgi altri .... luv mithril!
Mab: Despenny[info]xqueen_mab on June 7th, 2008 01:39 pm (UTC)
Sono contenta che ti piaccia :)
Appena finisco con gli esami mi dedicherò sicuramente a qualche altro tutorial, bacione!
joannexlove[info]joannexlove on June 12th, 2008 01:42 am (UTC)
awesome :D
memming to try later.
Mab[info]xqueen_mab on June 12th, 2008 07:57 am (UTC)
Thanks! =)
xlolitsnozomix: heechulxhannie(: such LOVE![info]xlolitsnozomix on July 8th, 2008 06:23 pm (UTC)
your banner helped me to make this:





:DDD THANK YOU SO MUCH!!<333 this was an amazing tut ^__^;
xlolitsnozomix[info]xlolitsnozomix on July 8th, 2008 06:24 pm (UTC)
banner was supposed to say "tut" sorry about the type >_<;;
Mab: Clover[info]xqueen_mab on July 9th, 2008 11:35 am (UTC)
Don't worry :)
You're very welcome and your result is really beautiful, well done!^^
Mylla[info]mylla_evans on August 16th, 2008 12:12 pm (UTC)
Oh my, amazing tutorial! Thanks for share with us. :)
But just one question: where can I find the brush with quotes?
Mab: Blair[info]xqueen_mab on August 16th, 2008 12:26 pm (UTC)
Thank you!
The brush actually is this texture, unfortunately I don't remember who made it
Nat[info]halfbloodme on September 11th, 2008 05:30 pm (UTC)
I just wanted to say a huge thank you for this... I haven't quite figured out the gradient part, but even so you've helped me come on leaps and bounds... this is what I achieved without the gradient

Photobucket Image Hosting
lika_mikala: twilight[info]lika_mikala on December 14th, 2008 06:56 am (UTC)
gorgeous alterations. Thanks for the tutorial! Edward Cullens
Mab: Alexis[info]xqueen_mab on December 15th, 2008 06:17 pm (UTC)
You're welcome! Nice result :)