How to make a blend (part 1)

In this small series, I will explain how to make a blend. A blend gen­er­ally is sized 800x600 pix­els, but tech­niques I use and will explain can be used the same for site head­ers and other such graph­ics. I will go through all the steps I take when I make a blend (or some­thing sim­i­lar), from choos­ing pic­tures that fit together to the end result. In this first part, I explain what to pay atten­tion to when choos­ing images, how to blend images together with the hard blend­ing and soft blend­ing tech­niques and how to blend strands of hair. In part two, I will be explain­ing focus, adding back­ground images (stock) and tex­tures. In part three, I will be explain­ing text and colouring.

Choos­ing your images
Apart from choos­ing high qual­ity pic­tures, you want to pay atten­tion to hav­ing images that will work together well.

When using images of the same per­son, you should use images from the same pho­to­shoot because such images go best together. Even if images are of the same per­son but dif­fer­ent pho­to­shoots, the dif­fer­ence between the images used will make the graphic just look weird.
It usu­ally looks best if you’re using images of peo­ple that are NOT all fac­ing the same way. If one is fac­ing front, use another pic­ture where the per­son is look­ing a lit­tle to the side, for exam­ple. Using two pic­tures fac­ing front can really make a graphic look off. There’s always excep­tions, but I find it really only works if you have a clear idea in mind. Using images of the same per­son, it barely ever looks good to have them fac­ing in sim­i­lar direc­tions. Using images of dif­fer­ent peo­ple fac­ing the same direc­tion can cre­ate a nice effect, though.
Another thing to note is that it usu­ally looks best if the size of the face isn’t the same in all the pic­tures you use. Of course, even if it’s the same in the orig­i­nal pic­tures, you just need to play around with resiz­ing the pic­tures (i.e. keep one fairly big, make one smaller).
These are just gen­eral guide­lines, and a lot of excep­tion can be made on them. It’s really all a mat­ter of exper­i­ment­ing with your graph­ics to learn which pic­ture com­bi­na­tions work and which don’t.

Some exam­ples:
These are bad com­bi­na­tions.
But these com­bi­na­tions would work well.

Blend­ing Images
Once you have cho­sen your images, you can blend them together in one of two ways: hard blend­ing or soft blend­ing. Using either, I rec­om­mend using layer masks because it makes cor­rect­ing mis­takes much eas­ier. With layer masks, you can switch between black and white brush to remove or re-add parts of the image. Doing so you can fix mis­takes much eas­ier, with­out hav­ing to go sev­eral steps back in the his­tory, which you might have to do with using the eraser, which would also cause los­ing every­thing you might’ve done after that par­tic­u­lar step in the his­tory. The tools I’ve described below are how they are named and how they look in Pho­to­shop. Other graphic pro­grams such as Paint Shop Pro and GIMP should have sim­i­lar tools, but might be named or look a lit­tle dif­fer­ent. If you don’t know where to find cer­tain tools in your pro­gram, I’d rec­om­mend googling for a guide on the tools and set­tings of your program.

Soft Blend­ing
For soft blend­ing, I use layer masks and a large, soft brush.
In Pho­to­shop, to add a layer mask to a layer, sim­ply select the layer you want to add the layer mask to, and click the layer mask but­ton on the bot­tom of the lay­ers win­dow.
Layer Mask button in Photoshop

In the lay­ers win­dow, you will see the layer mask added to the layer.
Layer with layer mask in Photoshop

Make sure your fore­ground colour is black. Select a large soft brush and sim­ply go over the areas you want to remove and blend into the back­ground. You can play around with the opac­ity (of both the brush and the image itself) to make it blend into the back­ground a bit more softly, but I’d rec­om­mend doing so only after you’ve added a back­ground. Which is where the layer masks come in, because you can eas­ily change the blend­ing once you’re almost done, not hav­ing to go back in the his­tory and lose a lot of the work you’ve done.

This is an exam­ple of soft blend­ing.

Hard Blend­ing
You can do hard blend­ing sim­i­lar to soft blend­ing, just using a hard brush and zoom­ing in a lot more to remove the entire back­ground. I per­son­ally pre­fer using the pen tool. With it, I cre­ate a path around the per­son by click­ing along the edges. When you’re done going around the per­son, close the path by click­ing the first point again. You can see my path’s not per­fect, but it really doesn’t need to be. You shouldn’t cut out all strands of hair, but you don’t need to worry about every sin­gle strand too much either.
Then, you con­vert the path to a selec­tion. In Pho­to­shop, still hav­ing selected the pen tool, right-click any­where in your image and “Make Selec­tion…” > Feather Radius: 0 and Anti-aliased checked. Then you click the add layer mask but­ton (up until here there’s not sup­posed to be a layer mask on the image) and the per­son is cut out.

Again, this is just my pre­ferred way of hard cut­ting, oth­ers pre­fer using a hard brush on a layer mask or the eraser tool, so try them all and work with what­ever you feel most com­fort­able with.

Strands of hair
In a soft cut, the strands should still be there, prob­a­bly blended into the back­ground a bit. With hard cut­ting, strands of hair usu­ally need some work. As said before, you shouldn’t cut out all strands of hair, but you needn’t worry about every sin­gle strand either.
If you’ve done a hard cut, sim­ply zoom in fur­ther and use a brush to work on the strands of hair, or, if you want to keep it sim­ple, use a sim­i­lar back­ground color to the orig­i­nal image.

Another way that works well is, when your blend is nearly done and you have a com­plete back­ground, to dupli­cate the per­son layer, set the layer under­neath to Mul­ti­ply, then have the layer on top set at Nor­mal blend mode, and, using a soft brush, remove the strands of hair from that layer. These two lay­ers should now look like one, with the strands of hair blended into the back­ground per­fectly, and the skin color still look­ing normal.

Will be con­tin­ued
This was part one of my tuto­r­ial series on how to make a blend. In part two, I will be explain­ing focus, adding back­ground images (stock) and tex­tures. In part three, I will be explain­ing text and colouring.

Share