Log in

No account? Create an account
31 May 2008 @ 01:20 am
Banner tutorial #1  
Okay, I've never done a tutorial before.  princess_narnia has requested several, so expect some over the next few days or weeks or however long it takes me. I'm not  sure how much sense they'll make but I'm giving it a bash.

This first tut is for this banner. I use PS7.

Step 1.

I chose what pictures I wanted to use. For this banner, I picked out three. I prefer to make banners with images all from the same (or similar) shoots if I can, but that's just a personal thing. It's easier, because the lighting etc is usually the same which cuts down work later. I'm lazy.

Step 2.
I create a blank canvas: file > new > width 450, height 150.

Step 3.
Resizing and cropping of each image.  I often use one as the background and paste the other images on top. For this particular banner, I used the image on the far left.

I then cut the other two out with the lasso tool on the side toolbar. I right click and hit 'feather' for about 5 pixels to make it easier to blend. I arranged them where I needed them to go.

Step 4
Next, I treat each layer individually with the following:

:: Image > adjustments > auto color
:: Image > adjustments > auto contrast
:: image > adjustments > auto levels

Step 5
Still treating each layer individually, I will duplicate each one 3 times. I set the first copy to screen and the second to either soft light or overlay, depending on quality. Opacity always depends on the picture. For this particular banner, I think my screen would have been about 50% and my soft light about 80% I sharpen the first layer, then use the sharpening tool on the sidebar to go over the eyes, lips and hair on the toppermost layer of each.

Then I merge the screened layers and the soft light layers down, so you have just the three picture layers.

Step 6
I tidy each up. I get a nice soft fuzzy eraser brush and go around the edges of the layers to get rid of that glowy shit.

Step 7
I merge the layers now that I'm happy with the blend. Duplicate twice, screen and soft light as required.

Step 8
Add a new layer. Brush time! The box with the swirlys that I used in this banner is by ewanism.  Whack it on, add some text.

Step 9
Add another new layer on top of all the others. Goto  Layer > new fill layer > solid colour. I used 1D3350, I think, or a very similiar shade of blue. I put it on (surprise!) soft light.

Step 10
I follow the steps above and make another fill layer. This one, however, I set to 'difference' at 39% opacity. This'll vary depending on your pictures.

And, uh, yeah. That's about it. Save as .png file.

I have no idea if this was even the slightest bit helpful or made any sense. I hope so. First time for everything, and mah first tutorial is done.

Feeling: workingworking
(Deleted comment)
Lauren: Beach G&Peowyn on May 30th, 2008 04:15 pm (UTC)
Daughter of Eve: Katherine Mcphee princess_narnia on May 30th, 2008 04:05 pm (UTC)
EEK! This looks fantastic, Lauren! I can't wait to try it out after I hand some coursework in this coming week. Bookmarking this now and I'll try it and show you what I come up with, hopefully by next week.

I might have a question or 2 when I get to merging those layers and screen layers...I'm so blinking haphazard in my graphics making. If you saw me making my headers you'd laugh so hard, I swear. :D

Also I've never used the autocolours or auto settings so this should be neat. :D *claps* Wonderful stuff.
Lauren: Bernardeowyn on May 30th, 2008 04:15 pm (UTC)
Glad it helped!

No way would I laugh ... you should see MY early ones. Ridiculous.

Feel free to ask questions any time. :D
Daughter of Eve: Ben Barnes: Blue jeans & Tokyo airportprincess_narnia on May 30th, 2008 04:21 pm (UTC)
Oooh I sometimes think there are shorter ways to do the things I do, but I don't mind duplicating layers and such. It saves me the headache of worrying if I'm gonna mess up something on one layer.

Superb..you're full of fantastic, btw. Have I told you that? I'll try and incorporate what I learn from your banners into my own messageboard siggies and profile banners.
Lauren: Chereowyn on May 30th, 2008 04:29 pm (UTC)
I love duplicating layers, it makes such a difference to pics.

Daughter of Eve: Idina&Kristin: I'll tell you a secret!princess_narnia on May 30th, 2008 05:16 pm (UTC)
Oh, it certainly does. My latest craze is duplicating the base layer and dragging it to the top and setting to soft light or even overlay. Adds depth and make a world of difference sometimes. :D

*smooches* ♥

Edited at 2008-05-30 05:17 pm (UTC)
matapadabee on May 30th, 2008 04:06 pm (UTC)
I think it made sense ;D
Lauren: Daisy/Mirandaeowyn on May 30th, 2008 04:14 pm (UTC)
thanks. It was pretty straightforward anyways.
elanordhelanordh on May 30th, 2008 04:37 pm (UTC)
Great tutorial! It made sense! :D
Lauren: Closer 2eowyn on May 30th, 2008 05:09 pm (UTC)
Whew. Thanks. It's pretty easy, I think. Not rocket science because I have not the capacity for it!
Maiden of the Moon: Belezza-pressie by EG!!!ladyithildiel on May 30th, 2008 07:54 pm (UTC)
Great tutorial,my dear!!:DLooking forward to trying it out!;)
Lauren: Beat Loveeowyn on May 31st, 2008 01:17 am (UTC)
Atanone: 2atanone on May 30th, 2008 08:18 pm (UTC)
I will save this tut for later :)♥♥♥
Laureneowyn on May 31st, 2008 01:16 am (UTC)
Glad you like. :D
 NyteLadynytelady on August 26th, 2012 06:01 am (UTC)
I just wanted to share my result with you for this tutorial. I do love it.

Thank you for this tutorial.
Lauren: Dreweowyn on August 26th, 2012 06:42 am (UTC)
I forgot about this! Thank you very much for commenting and sharing your result. It looks gorgeous!! <3
 NyteLadynytelady on August 26th, 2012 07:08 am (UTC)
I hope people are still finding this, its a very good tutorial. Thank you. I had to restart on it because my corel froze up. But at first it looked weird anyway, so I like it much better now. The joining arms are still alittle odd though.