Create A Cool Vintage Collage Design In Photoshop

Download Source Files

In this tutorial, I will show you how to create a retro-style design or vintage collage style. We will use images from old ads, handwritten texts, patterns, and other things to give to our design a vintage look.

There are excellent designers that we can consider masters on this subject. One of them, in particular, is a Brazilian named Eduardo Recife. His work is fantastic and it’s totally worth checking his Web site out.

Step 1

The first thing to do is plan your design so you will have to have an idea of what you want to show with your image. It’s best to draw some concepts—it’s faster to do some sketches than to go straight to the computer (even though I am a terrible drawer)!

Step 2

With some drawings and ideas in mind, it’s time to go to the computer. Go to Photoshop and create a new document. Set the size to 600 x 800 pixels.

Step 3

Find some old paper. I used a Creative Commons–licensed image from Flickr. That’s going to be our background. Open the image in Photoshop and copy it to your design document. Resize it and change the opacity to 60%. Just make sure that your background is white.

Step 4

Choose the Rounded Rectangle Tool (U) and create a rounded rectangle with a dark yellow color like I did.

Step 5

Create a Layer Mask (Layer>Layer Mask>Reveal All). After that, select the Brush Tool. Set the color to black and use some brushes to erase parts of the yellow rectangle. I used brushes from the "Grunge Brushes by Ardcor" and "BB Watercolor II" packs.

Step 6

Next, I found a Creative Commons–licensed image of a flying saucer from Flickr. In my UFO file, I just selected the spaceship, then cut and pasted it in my design. After that, using the Pencil Tool with brush size of 2 pixels, just draw some lines like I did.

Step 7

Next I’ll search for vintage ads. You can use Flickr, searching for Creative Commons–licensed photos, or stock photography sites like iStockphoto. Once I found my image, I cut the lady out using the Magnetic Lasso Tool (L) and pasted her into my design.

Step 8

Convert the lady’s layer to Smart Objects and apply a Smart Sharpen. If you are using the CS2 or lower version, just apply the filter.

Step 9

Next you’ll need an image of handwritten text. You can either make one yourself and scan it or search for one as described above. Once you find a good one, just copy it to your design. Make sure that the image has a white background, then just change the Blend Mode to Multiply.

Next we can add some vectors. I used some from a free Go Media Vector pack that you can get here.

Step 10

Now using the Pen Tool (P), create three triangles as shown below. For my design, that will give the idea of abduction.

Step 11

After you have the three black shapes, change the Layer Styles.

  1. In Advanced Blending, set the Fill Opacity to 0%
  2. In Color Overlay, choose a pink for the color and set the Blend Mode to Color Burn
  3. Using those brushes again, repeat the Step 5 and erase some parts of the shapes to make them look very old

Step 12

To give it more of that vintage look, you can add some patterns to your image. You can find lots of patterns on stock sites. One site that’s really cool is http://www.missjo.com.au/. They sell amazing vector patterns for a very good price. You can create your own pattern as shown below.

Step 13

Now you can add more elements. I added a city skyline, and using some brushes I deleted some parts of it like in Step 5.

Step 14

Again, add more elements of your choice. I added a plane to my design.

  1. Extract just the plane from the image and paste it in the design,
  2. Rotate the plane so it looks like it’s going up 309º. Try to hold Shift while you are rotating it.
  3. Using the Rectangle Tool, choose white and create a rectangle. Rotate it to 309º, the same as the plane.
  4. Duplicate the white rectangle, change the color to a dark grey, and flip it vertically (Edit>Transform>Flip Vertical).
  5. Create Layer Masks to refine the edges of the both rectangles in order to give a perspective.

Step 15

Repeat step 14 two more times and that’s it. You will have three airplanes.

 

Conclusion

Now you can add your logo and some more information. Even though it looks like we just throw elements together, this vintage collage style requires a lot of work to be executed well. I hope you enjoyed this tutorial, and I look forward to seeing some of your designs!

Add Comment

Discussion 77 Comments

Comment Page 2 of 2 1 2
  1. Steve B. says:

    This tut is almost as cool as me!!! Truly, i loveee graphic design… its is auh-mazing. But my bff says i spend too much time on PSDTUTS.. i told him to get involved. Bye Bye! >3 you alll=-]

  2. jenna campisi says:

    omg this is the graetest tutorial in the world i was just chillaxing one day and like this came on the computer and i read it and it is the graetest

  3. Steve B. says:

    yo i was chill at my boys house and we were on the computer hitin up the chicks and my boy was like look at this sick wedsite and he showed me this website and i took this tut and i was that is sick stuffffffff so i went back to hitin up the chicks but i came back later to finish what i started

    good news i saw a dog today

  4. soh wen yan says:

    i think it is so cute ,nice and beautiful for all the designs

  5. Rafaela says:

    Fabulous!

  6. Rita says:

    I can’t wait to try this. Thanks so much.

  7. Clam says:

    This was very helpful thank you you made my day:)

  8. oyster says:

    Like Clam I Think This is amazing You Truly are a genous and thank you for passing your gifts on to us

  9. vv says:

    Eduardo Recife…what a master of art!
    Does anyone know is the video on his site ‘Assume the Position’ from a recent HBO series?

  10. emanuela says:

    beautiful!! thanks a lot!!!

  11. Ang says:

    Thanks, This was great! So many possibilities!

  12. Daniella says:

    Oh,for the guys who say it’s bad..’cmon!! It’s great!!
    I really liikeee this tutorial,a very good job..keep doing!

  13. .W :) says:

    Really nice :O very clear and ‘easy’, easy to follow.. tutorials :)
    thnxxx (L)

  14. Laura says:

    Wow, I was looking for something like this in a loooong time! I just tried and really liked the result. Thanks for sharing! :D

  15. The Hello Black says:

    Very nice tutorial & photo stock

  16. Philouseb says:

    Super cool, thank.

  17. B. Aigee says:

    I’m trying to do this but Im having a ahrd time understanding how you did step 5, it just wont erase for me..any ideas?

  18. brandon f says:

    im not quite understanding when i use the pen tool how to change the color to black, i know its a newbie question, but the author of this article left that out, so if your just learning, it kindof sucks to get halfway through this and then not be able to finish it.

    i appreciate anyone who wants to help, i listed my facebook if you want to message me or whatever, its all good.

  19. Wonderful! You really show the power of a collage. Thanks for all the tips on integrating the various elements. A lot to study here– thank you!

  20. STEPHANIE CHIQUINI says:

    THANKS!!!

Comment Page 2 of 2 1 2

Add a Comment