Banneresque Colouring 1

Photoshop Tutorials


Click on thumbnailed images to enlarge

Color that Banner!

UNLESS YOU ARE PSP SAAVY AND CAN DO THESE..THEN..yeah, you catch the drift.
This tutorial was created in Photoshop CS, but can also be used in PS 7.


Step one:
Gather up your photos! I am using the first and third photo from here:
I copy/paste the first photo and copy/paste the third layer, ALL ON THE SAME DOCUMENT, picture one being the bottom layer and picture two being the upper one.
The canvas size I am working with is 506x341, but, thats only because I cropped it oddly. However, if you're going to want yours to turn out like mine, then just use
my size. :) Back onto topic, you will notice that when you copy/paste them onto your document, that the pictures are too big. If you have copy/pasted the two pictures
already, make sure that you hide the second picture layer (by clicking the eye next to that layer on the layers pallete, and selecting the 1st picture layer). Back onto the
topic of the first picture... I hit cntrl + t on my keyboard, and hold SHIFT, and resize the picture. (I am going to assume that you know how to do is fairly basic.)
Now, when you resize it to fit onto my document size, you will notice that there is some white space out to the side. This is totally fine. The other picture is going to
cover it up. Let's bring back that second picture! So, click the eye on the second layer again, and hit cntrl+t and do the same thing, but make sure that this second
picture is off to the right, to cover up our hideous white bar! :O

results of step one:

Step two:
Sharpen each picture. To do this, simply click on layer one, and go Filter >> Sharpen >> Sharpen and do it again. Then move onto the other picture and do it again.

Step Three: Le Blending
To blend these pictures together, and not make it uuber complicated, I lowered the opacity of the second layer, and took a large soft edged eraser (2oo px) and erase
the areas I have shaded red in the picture below.

Lowering of Opacity:

Areas you want to erase:

Once this is completed, raise the opacity of the second layer and see your result! I wasn't quite satisfied, so, I took a smaller soft edged eraser ( 1oo px ) and erased
a little more I missed (as shown highlighted in red below)..

Now, I am completely satisifed with my blending.And I merge my layers (cntrl + e or Layer >> merge Down) Are you (satasfied with your blending)? If not, edit it to
your liking. And if you happen to catch the edge of the bottom picture, don't worry there is always cntrl+z ;)

Step Three; Le Brightening!
To make my coloring stand out more, I want to brighten up my picture a smidge. So, I go Layer >> New Adjustment Layer >> Curves and input these settings:

Note: All you have to do is move the little graph thingie (oh my technical terms, aren't they great?) and get it to where you can input numbers in the bottom, and just
stick my numbers in. Easy as that. The graphic thingie adjusts itself when numbers are put in.
Click okay, and see how much brighter your image is? The coloring is really going to turn it down, so, brightening was the way to go.

Step Four: Le Colourings!

a) Create a new layer (layer >> new layer), paint bucket in the color #FFECD6 and set it to Darken
b) Create a new layer, paint bucket in the color #E8FDFF and set it to Color Burn
c) Create a new layer, paint bucket in the color #F6FFE8 and set it to Multiply

Now, you can see our picture has a creamy green/orange, washed out, uuber bright look. But, hark! Never fear! We're not done yet!

Step Five:
I want it to be a bit more antique-y, so, I duplicate the layer that has my two pictures blended together, desaturate it (image >> adjustments >> desaturate ) and drag

that layer up to the tippy top, and set it to Soft Light. Now, you can see that we have created a whole new effect. We have darkened the darker aspects of the

graphic, but also have retained our coloring, thus creating a vintage look. pretty nifty, right?

This is what I have now:

Step Six: more colouring? OH NOES!
Oh yes. One more layer of color effects! :O
Create a new layer, fill it in with #440000 and set it to Lighten. When you set darker colors, such as this darker purple/maroon color, and set it to lighten, it makes all

the darker parts of the graphic turn that color/hue. Not completely that purple, but more of a slight hue to it. I like this effect.

Step Seven: Let's have some funnn. Dontcha wanna?
Create a new layer, and take this built-in-photoshop brush:

And scribble a shape in the middle of my document. Why you ask? You shall see. Anyways, it doesn't matter what color you scribble it in, just as long as there is a

shape. Oh, and I wouldn't leave holes. Make sure everything is covered in your shape. Once you have a shape, sharpen it a couple of times. I did mine either two or

three times. This is only to enhance the edges and keep our vintage look that we want.

My shape, after I have sharpened it:

For the rest of this tutorial:

Tutorial Comments

Showing latest 10 of 19 comments

I ENJOY ALL OF YOUR TUTORIALS, they're amazing. you're like one of the best editors. thanks so much! :) I'm so going to use these and give you credit. thankssssss! loveeee x

By georgejetKins on Jun 12, 2010 1:51 pm

I LOVE your tutorials and coloring ideas. Phenomenal :]

By waterinyourlungs on Jul 30, 2009 3:39 pm

your tutorials are AMAZING!

By digitalivory on Jun 12, 2008 3:34 pm


By retrochicxxoo on Jul 19, 2007 2:32 am

the image examples arnt apperingg

By GimmieDisco on Jul 9, 2007 2:56 pm

this is so totally the best! :] i love it.thanks. ;)

By oldaccount on May 29, 2007 8:15 am

thanks for the tutorial

By yanis on Mar 31, 2007 9:17 pm

AH! This is like the best tutorial ever. :]Ive used this tutorial like, loads! Thanksso much for making it!

By The Filipino Girl on Mar 30, 2007 1:15 am

^ Just make your shape on one layer, and then on top of it would be the picture, then just hold cntrl+g in between those two layers.

By technicolour on Dec 10, 2006 5:29 pm

This was great thanks!!Although I still can't get my clipping to work!! It works if I start a blank page and do a clipping there... but I cant do one for THAT image.. *shakes fist at CS2*But thanks alot!!

By shadyraven on Dec 10, 2006 12:59 am
View all »

Tutorial Details

Author technicolour View profile
Submitted on Oct 23, 2006
Page views 47,296
Favorites 141
Comments 19