Log in

29 January 2009 @ 01:23 am
Tutorial #4: Header with Gossip Girls & D. Grayman  
Tutorial #4: Header with Gossip Girls & D. Grayman

Well, its been quite a while since I have updated...the last time I posted was in November. Sorry to make you wait so long (I was suffering from a long, LONG creative block) but I am now back! I have part of a batch waiting to be posted but it will be a while before its done. Until than, I have a tutorial! ♥


I need to know if the tutorial is usable~

Tools Used: Photoshop CS4
Translatable: No (yes if you exclude all the Selective Coloring)
Difficultly Level: Moderate

1. Start with this texture created by me with a fusion of a cloud image & a texture by bambinainnero

2. Take this TEXTURE by Unknown & set it to Screen 100%

3. Take this FRAME TEXTURE by Unknown & Set it to Screen 100%

The Off-white color Box in the middle of Frame is where you are going to insert your image.

4. I choose THIS IMAGE of Tyki from D. Grayman. (I think it's Fanart but I forgot who the artist was). Crop it until it fits onto your frame.

There are two ways to modify the image using Selective Colorings. You can modify the image before you paste it onto the frame or you can create a layer mask (which allows you to modify only certain parts the header). I am going to explain how to modify the image before you paste it but my PSD uses a layer mask.

Steps #5- #7 describe how to get the coloring I used so if you using a different coloring, SKIP THESE STEPS!

5. Duplicate & Set the layer to Soft Light 100%. You will end up with THIS.

6. Go to Layer > New Adjustment Layer > Selective Coloring & apply these settings:

Reds: -100 100 0 0
Yellow: 0 0 -100 0
Black: 0 0 0 22

You will end up with THIS.

7. Go to Layer > New Adjustment Layer > Level & apply these settings:

Level: 0 1.08 249

This will brighten your image & you will end up with THIS.

8. & you are done with your coloring! Apply it to your image.

9. Take the UPPER PART of this TEXTURE by ohfreckle. Set to Screen 100%

10. The words didn't show up enough for me so Duplicate the texture & set that layer to Screen 100%

11. Duplicate the texture used in Step 2 & use it again so you get this:

12. Add Text & you are done!

I used Fonts: Times New Roman, Amandine, & Elephant.


I also chose to do a Version with THIS IMAGE of Ed & Leighton from Gossip Girl.

The same Steps except Steps #5-#7 above are used. To get the Coloring I used, use these steps instead of #5-#7.

1. Duplicate & Set the layer to Soft Light 100%. You will end up with THIS.

2. Go to Layer > New Adjustment Layer > Color Balance & apply these settings @ 50%:

Midtones: -100 0 100

You will end up with THIS.

3. Create a New Layer and fill it in with a bright, blue color (#03ffeb). Set it to Soft Light at 20%. You should end up with THIS.

4. Go to Layer > New Adjustment Layer > Selective Coloring & apply these settings @ 80%:

Reds: -20 11 0 0
Yellows: 0 0 -87 0

You will end up with THIS.

5. Go to Layer > New Adjustment Layer > Color Balance & apply these settings @ 60%:

Midtones: 10 0 100

You will end up with THIS.

6. Go to Layer > New Adjustment Layer > Color Balance & apply these settings @ 50%:

Midtones: -24 0 16

7. To Brighten it up a bit, go to Layer > New Adjustment Layer > Level & apply these settings @ 100%:

Level: 0 0 247

8. The End Result is THIS:

Go back to Step 8 to complete the Header ♥

[Photoshop Files]

PSD with Both Gossip Girl & DGM version: http://www.box.net/shared/m1lx2272st
PSD with DGM version: http://www.box.net/shared/lt53v053kp
PSD with Gossip Girl Version: http://www.box.net/shared/7py0sx48ds

& I already have people making some headers:
spiderlin made this.


Tunes: Postal Service <3
klerouzz on January 29th, 2009 10:25 am (UTC)
Just great and easy to made as usual~
Love the tutorial !

Thank you
xtainted_blackxxtainted_blackx on January 29th, 2009 10:32 am (UTC)
Gah. o_O you are kidding!

I was so worried that it was going to be hard to understand.

Thank you ♥
saori: harry/hermionespiderlin on January 29th, 2009 06:18 pm (UTC)
love it!!! gonna try it asap =3
xtainted_blackxxtainted_blackx on January 29th, 2009 06:47 pm (UTC)
thanks you ♥

...hopefully, it comes out okay?
*blank* - spiderlin on January 29th, 2009 07:13 pm (UTC) (Expand)
*blank* - xtainted_blackx on January 30th, 2009 08:28 pm (UTC) (Expand)
ana: 《ph》 Oz SQUEE!ana_leez on January 29th, 2009 10:58 pm (UTC)
Ooo, so pretty! :D
xtainted_blackxxtainted_blackx on January 30th, 2009 03:24 am (UTC)
Thank you! I made like a million more versions that I'll post with my next batch ♥
straaaau ♤: lotr | legolas et aragornazuyama_chan on January 30th, 2009 08:22 am (UTC)

Will try this tutorial out sooner or later.
touchyfeelylovetouchyfeelylove on January 30th, 2009 08:25 pm (UTC)
Thank you♥. o_O I'm glad you could understand it! I was worried that it would....hard to follow?
*blank* - touchyfeelylove on January 30th, 2009 08:25 pm (UTC) (Expand)
*blank* - azuyama_chan on January 31st, 2009 01:56 am (UTC) (Expand)
Janet: haine-whoohoofahrenheit1993 on January 31st, 2009 09:49 am (UTC)
THis is awesome!:)
Gonna try it!
xtainted_blackxxtainted_blackx on January 31st, 2009 09:57 am (UTC)
awwww. thank ;] I'm glad it was understandable~
エイミー( 。>艸<): shouakai_byara on January 31st, 2009 10:50 pm (UTC)
These are really nice! I love the coloring on the second one :)
I made an icon instead XD:
Marina: Kraydennandayarou on January 31st, 2009 10:56 pm (UTC)
This is truly great, I'm gonna try it out when I install my PS again.

Oh, you don't happen to have a link to somewhere with the "& Elephant" font, do you? :3
I couldn't find it... O.o

Anyways, great job with this!
heartbeats12heartbeats12 on February 1st, 2009 12:48 am (UTC)
thank you! I love it!
Jaydeesanctuarylight on February 1st, 2009 04:44 am (UTC)
I love this type of header that's also sooo easy to make :3
thanks a bunch <33
lunatum: gotchalunatum on February 1st, 2009 07:32 am (UTC)
wow, so pretty!!!
i like it. i'll try it soon.
skata: gr-rskata_zmej on February 1st, 2009 12:13 pm (UTC)
love the result <3 mem and will try, thank you very much =)
xtainted_blackxxtainted_blackx on February 1st, 2009 12:14 pm (UTC)
;] welcome~ I'm glad you found it useful! ♥
Victoriatobeleftunseen on February 2nd, 2009 05:19 pm (UTC)
it looks gorgeous! thanks for posting, memming (:
jiyapjiyap on February 2nd, 2009 10:23 pm (UTC)
THank u so much
its beautiful
here is what i came up w/

     ☆ NOT AMUSED: free time with you is always funtsukiokuhime on February 4th, 2009 12:29 pm (UTC)
aaaaw, so wonderful, thank you for your tutorial again, it's awesome
I used this for a wallpaper instead staring VARIA but i made it at school's computer, lol
allen07allen07 on February 12th, 2009 08:11 pm (UTC)
nice turoria! thank you so much
xtainted_blackxxtainted_blackx on February 12th, 2009 08:51 pm (UTC)
Welcome ♥
Pashaphantom_roxs on February 22nd, 2009 07:43 pm (UTC)
Awesome tutorial. Very helpful.

I made this with it - http://i578.photobucket.com/albums/ss227/phantom_roxs/Headers/Picture4.png
xtainted_blackxxtainted_blackx on February 22nd, 2009 09:14 pm (UTC)
Its pretty ♥ XD
*blank* - phantom_roxs on February 23rd, 2009 01:36 am (UTC) (Expand)
Elaineyukishiro_shi2 on April 8th, 2009 10:11 am (UTC)
AWESOME TUTORIAL! Am a total noob with PS so will be using your tutorial to try making headers. THANK YOU SO MUCH FOR SHARING!
xtainted_blackxxtainted_blackx on April 8th, 2009 10:39 am (UTC)

I'm so glad it was helpful ♥
♫  michelle ♫: tv tw :: bored naomarcasite on April 11th, 2009 01:40 pm (UTC)
Thank you so much for your help with this!
Bitter Gourdil_mare_luccica on April 18th, 2009 09:14 pm (UTC)
Your banners are always gorgeous. *A* And the tutorials are brilliant and easy to understand too! =D I tried it out, but the picture I used wasn't quite good for the colouring used in here, but I kind of like the result.

Thanks for the tutorials! =)
xtainted_blackxxtainted_blackx on April 27th, 2009 08:52 am (UTC)

*grin* Its came out gorgeous <3 I love the picture you used!
*blank* - il_mare_luccica on April 28th, 2009 04:42 pm (UTC) (Expand)
Melissawildflower4evr on April 18th, 2009 09:18 pm (UTC)
This is a wonderfully awesome tutorial! Thank you so much for sharing it!! I plan on using it tons!
hanadehanade on April 19th, 2009 01:06 pm (UTC)
hi there xtainted >.< recognize me? hehe~clicked ur link from tokyosweet..
seriously this tut is great~m gonna try it soon hun. ^__^again thankyy~
p_evansp_evans on April 22nd, 2009 07:17 am (UTC)
this is lovely~ thanks for the psd~
traffic_cowtraffic_cow on April 25th, 2009 11:14 am (UTC)
I really love the colouring on the Gossip Girl picture, although when I download the PSD, the effects on it come as a 'group' which isn't supported by Elements, and can only be shown as one single layer, therefore I can't use it to get the colouring on different pictures ): So I was wondering if it isn't too much trouble, could you maybe make a separate PSD that has steps 1-8 of the separate Gossip Girl part without the rest of the header, that would be amazing!!

Thankyou very much.
stainedxoulstainedxoul on April 25th, 2009 03:49 pm (UTC)
TQ V MUCH for this! it looks gr8~
with the coloring n all~
gonna try this. THANK YOU!
(Deleted comment)