How to Create a Retro Hippy Van Poster in Photoshop

In this tutorial you’ll be learning several Photoshop tools and techniques, as well as a couple of Illustrator techniques to create a trendy, retro/abstract style Hippy Van poster from scratch.

I use my Hippy Van Vector in this tutorial, which you can make yourself by following a tutorial I wrote a few weeks back called ‘How to Create a Hippy Van Vector in Illustrator‘. If you’re looking for some Hippy Van inspiration, check out my photos from Bug Jam 23. I also use several textures in this tutorial, so head over to my other blog Circlebox Textures or Lost + Taken to download some awesome textures.

Lets get straight to work. Before opening Photoshop, or any other piece of digital software for that matter, grab a pen and a notebook. As followers of Circlebox will know, I turn to the notepad for almost any project of any form or size – it’s a great way to brainstorm and get some ideas down on paper without spending too much time on it …or staring at a blank canvas in Photoshop, which can be quite daunting with so many tools at your disposal!

This is the kind of look I want to go for (excuse the drawing – I did say I don’t spend to much time on it!):

How to Create a Retro Hippy Van Poster in Photoshop

With some rough ideas in your head, head over to Photoshop. Open a new document, I’m not planning on printing mine so I’m just opening a simple screen document (72dpi RGB). If you’re planning on printing in large scales, you’ll probably want to set up bleeds, use a Resolution above 300dpi and use CMYK instead of RGB. I’ve used an A4 size document.

Before I start anything else, I’m going to use a nice paper texture to give myself something to start with. Download a nice simple texture, I’m using one of my Red & Yellow Dyed Paper Textures. Fill the background with a creamy colour (I used #F2EBD7), and place (File > Place) your texture on top. Resize and move your texture into a suitable place and then desaturate it. Change the blending mode of your texture layer to overlay.

How to Create a Retro Hippy Van Poster in Photoshop

Locate your hippy van (or any other object your planning on using) and place it in your document. Resize, rotate and move it into a place you’re happy with. Remember it can be moved later!

How to Create a Retro Hippy Van Poster in Photoshop

With our vector placed, duplicate the layer. Hide the bottom one and rasterize the top one. This way, incase there are any problems, you always have a duplicate layer to work on underneath.

Grab the Burn Tool, and on our rasterized van, add some custom shadows round the bottom of the van. Do the same to the paper texture and background colour directly beneath the van – don’t over do it though! You can reverse the effect of the Burn Tool with the Dodge Tool.

How to Create a Retro Hippy Van Poster in Photoshop

Already our hippy van is looking more involved with the background. Grab another texture, and place it on top of all other layers. I used one of my own Grunge Watercolour Textures. Hold Cmnd (or Ctrl on a PC) and click the thumbnail image of our Hippy Van in the layers palette. Select the inverse of the selection and hit delete to remove any texture outside the van.

How to Create a Retro Hippy Van Poster in Photoshop

How to Create a Retro Hippy Van Poster in Photoshop

 


 

Desaturate the new texture layer, change the blending mode to overlay and lower the opacity to about 50%.

How to Create a Retro Hippy Van Poster in Photoshop

Repeat the step we took before with the Burn Tool, but this time only burning some areas of the most recent texture.

Open up Illustrator and create 4 25x25px squares placed directly next to each other. Change each square to a different colour, something you think will match your poster.

How to Create a Retro Hippy Van Poster in Photoshop

Select all your squares and create a new Art Brush by clicking the New button in the Brushes palette. Name it a suitable name and make sure the Direction is either heading up or down.

Grab the Pen Tool and make an interesting line. With your line selected, select the Art Brush we just made. Repeat the process to make another pattern.

How to Create a Retro Hippy Van Poster in Photoshop

Select both objects, copy and paste them into your Photoshop document as a Smart Object. As they’re smart objects, it allows us to resize and stretch them without being distorted. Once your lines are in place, make sure you rasterize them to turn them into pixels.

How to Create a Retro Hippy Van Poster in Photoshop

Duplicate your straight line. Rotate one of them, and place it above the original, set it to Difference and lower the opacity to 25%.

How to Create a Retro Hippy Van Poster in Photoshop

Select the Elliptical Marquee Tool and draw a circle whilst holding the shift key. Fill it with the same colour you used on your outer line of the art brush. Place the circle below your other straight line and merge the two layers together. Set its Blending Mode to Colour Burn.

How to Create a Retro Hippy Van Poster in Photoshop

Duplicate the straight line once again but this time leaving it in place. Lower the Opacity to 50%. All this does is makes the colours a little more intense.

How to Create a Retro Hippy Van Poster in Photoshop

Select the curvy line layer. Using the Polygonal Lasso Tool, delete some areas of the end of the line. You might decide, like me, to move the line a little. Use a soft eraser to get rid of any areas you don’t want.

How to Create a Retro Hippy Van Poster in Photoshop

Repeat the process we took with the circle on the straight line to produce some ‘filler’ shapes. I call them this because they’re main purpose, other than looking cool, is to fill in some empty space. Try removing some areas inside the circles for an even cooler shape. You can of course use Illustrator to do this if you wish. You can also use gradients on circles, or a soft brush, to create lighter looking shapes.

How to Create a Retro Hippy Van Poster in Photoshop

Choose yet another texture and place it on top of the curvy line. Get the outline of the curvy line by Cmnd (or Ctrl) clicking on the layer thumbnail, select the inverse of the selection and delete. I’m using another Grunge Watercolor texture.

How to Create a Retro Hippy Van Poster in Photoshop

Set the blending mode of the new texture to Overlay and decrease the opacity to 50%. Merge it down to the curvy line layer. Duplicate the now combined layer. Move the bottom curvy line to somewhere else on the screen and set it to overlay. Now set the top curvy line to Linear Burn.

How to Create a Retro Hippy Van Poster in Photoshop

Make a new layer and fill it with a colour using a soft brush that goes with your design.

How to Create a Retro Hippy Van Poster in Photoshop

Go to Filter > Noise > Add Noise. Make sure Monochromatic is ticked and add some noise to your newly painted layer – I used 35%. Set the layer to Overlay, and with a soft brush, erase some areas of the noise. Lower the opacity to 50%.

How to Create a Retro Hippy Van Poster in Photoshop

Duplicate the hippy van, and on the lower layer go to Filter > Blur > Motion Blur. Use settings that best suit your piece.

How to Create a Retro Hippy Van Poster in Photoshop

 



 

Once again grab the eraser tool, using a large soft brush, delete some areas you don’t need.

How to Create a Retro Hippy Van Poster in Photoshop

The post is getting there. Select a soft brush and open the Brush Panel. Select scattering, and change the scatter percentage, as well as the count. I used 1000% for scatter, 1 for count, and 60% for count jitter. Make sure your brush is white, and on a new layer brush over your canvas. Make a new layer and repeat the process a couple of times with different brush sizes.

How to Create a Retro Hippy Van Poster in Photoshop

Change the blending modes and opacities of your new layers. I used Overlay at 45% for one, and Soft Light at 65% for the other.

How to Create a Retro Hippy Van Poster in Photoshop

If you feel it’ll improve your work, you can repeat the process again using different shaped brushes at different sizes, different colours and different blending modes.

How to Create a Retro Hippy Van Poster in Photoshop

How to Create a Retro Hippy Van Poster in Photoshop

I want a little bit of text in my poster – I’m just going to use the words ‘Retro Van’. Select the text tool and type your words. Select a font that goes with your poster, I used ‘Steiner’. I used a mid-dark red colour from my poster that I selected using the eyedropper tool.

How to Create a Retro Hippy Van Poster in Photoshop

Duplicate your text layer, and resize the text on the bottom text layer so that it’s bigger than the original text. Select another colour thats been used in your design, I went for a lighter yellow this time. Reposition the text and select a different blending mode: I used overlay.

How to Create a Retro Hippy Van Poster in Photoshop

I repeated the previous step again using the same size text and a blue which I took from the hippy van.

How to Create a Retro Hippy Van Poster in Photoshop

Make a new layer, and using the polygonal lasso tool, make some custom shapes to make some ends of the letters come off the screen.

How to Create a Retro Hippy Van Poster in Photoshop

Time for some finishing touches. Make another new layer, and select a large soft brush. Select a colour from your design using the eyedropper tool and brush over some areas on your screen. Create another layer, and do the same again with a different colour. Repeat the process until you have something that looks like this:

How to Create a Retro Hippy Van Poster in Photoshop

Change the blending modes and opacities of each layer to something different. Make sure to experiment, as different blending modes on different layers will give you different effects. This is how mine turned out using a combination of overlays, hard lights, soft lights and vivid lights:

How to Create a Retro Hippy Van Poster in Photoshop

Make yet another new layer, and select a dark blue soft brush. Brush round the edges of your poster so you have something that looks like this:

How to Create a Retro Hippy Van Poster in Photoshop

Change the blending mode to Colour Burn and lower the opacity to about 7%.

How to Create a Retro Hippy Van Poster in Photoshop

Repeat the process with a smaller black brush, this time using the blending mode darken set to about 10%.

How to Create a Retro Hippy Van Poster in Photoshop

Enhance your image a little by increasing the contrast, and save! Here’s my final result:

How to Create a Retro Hippy Van Poster in Photoshop

Visit PsPrint and learn how you can create effective and excellent-looking posters.

Download testking 70-448 dumps to learn how to create unique web page designs using testking 642-072 resources and testking E22-280 video tutorials.

32 thoughts on “How to Create a Retro Hippy Van Poster in Photoshop

  1. Pingback: August Round Up! « CreativityDen

  2. Pingback: New and Fabulous Retro Style Photoshop Tutorials « Caintech.co.uk

  3. Pingback: 21 Yeni ve Harika Retro Photoshop Dersi | gNcWebmaster - Tasarım Odası l Webmaster Tools

  4. Pingback: 21 New and Fabulous Retro Style Photoshop Tutorials - Programming Blog

  5. jjtguitar

    Hey Callum, I loved your Hippy Van tutorial, thanks for the link to the pic. I’ve just read how your Texture pages are down at the moment, any chance you could shoot me some links to the Grunge Watercolour and Red & Yellow Dyed Paper textures?
    Thanks!
    Jonno
    Tasmania, Australia

    Reply
  6. Philippe

    So I may not use your poster?
    It would be great, it’s for a party to celebrate the end of high school..

    I can’t produce sutch a great poster, if you agree I will put your name under it.

    Reply
  7. Pingback: The 50 Best Photoshop Tutorials of 2009

  8. Pingback: How to Design the Apple iPad in Photoshop | Circlebox Blog

  9. Pingback: 60 Photoshop Tutorials to Perk Up Your Posters | Tech King

  10. Pingback: 100 Retro & Vintage Photoshop Tutorials | Blog Website Templates.bz

  11. Pingback: Inspiration: Grunge Interfaces

  12. Pingback: 25 Outstanding Poster Design Tutorials for Photoshop | Vandelay Design Blog

  13. Pingback: RegexHacks :: Blog » The Elements of Retro Web Design

  14. Pingback: 40 Awesome Photoshop Tutorials & Techniques for Designer | 1step web design: Best for developer and designer

  15. Pingback: Kumpulan Trick Photoshop Terbaik | Gamgee Site and WebShop

  16. Pingback: 25 Hướng Dẫn Thiết kế Poster trong Photoshop « Do hoa Viet Nam | Đồ họa Việt Nam | Tutorial photoshop

Leave a Reply