Real life and Vector’s

I always like to use vectors and real photo’s to create a roger rabbit style compostion. One of my mian source for inspsiration comes from Abduzeedo

Now in this post, I created a really cool design mixing a photo with vector elements using Photoshop (lots of brushes) and Illustrator. Pretty much everything needed was downloaded for free on the internet in sites like magurno and

This tutorial may look complicated and long, but in reality it is really easy to do and follow, you’ll only use brushes and masks.?

1- Choose a cool photo: This can be the most complicated part, in this case I was lucky, a photographer friend of mine had taken some pictures for a website really cool called UDOX and he allowed me to use one of those photos.

Choosing the right photo

2 – Adding some vector elements: The first symbol I got from a cd that came with the computer arts magazine.

Adding vectors

3 – Mixing

Color Overlay

4 – Using the first Brush: First you paint over the photo, and after that you start deleting some parts. It’ll give the imprresion that the elements are sometimes in front and other times behind of the guy

Paint over the photo

Use layer maks to hide some parts of the elements

5 – Adding more colors and elements: As with the previous element, we used another brush and deleted some parts to put it behind the guy.

Green element

Choosing the right photo

6 – One more: All of these elements are from the Vintage by in Vogue brushes, you can download them here.

Masked green element

7 – Some Illustrator: Adhemas uses this effect a lot, basically it is a Blend between two elements, and it can be done pretty easily in Illustrator.



Curve blended

Blend Options

8 – We need some blue: I added another element beneath the guy’s foot.

Foot print

9 – Final refinements: Now it’s time to refine the design, delete some parts of each element to make them look like they are mixed.


More refinements

10 – Now we need some light: Duplicate the orange element, create a new folder in the layers pallet, put it inside this folder, set the folder to Color Dodge, and add a Gaussian blur to the element inside the folder.

Using colo dodge to create the light effect

Final Result:

The final piece

All files used can be downloaded.

Download the Photoshop File

You can download all the files used here.


Comments are closed.