作者: Callum Chapman

翻译: lala_p


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.

在这个教学中你将学到几种ps工具和ps的使用小技巧, 也有ai的使用技巧去创建流行元素,从涂画中得到一个嬉皮货车海报的抽象风格。

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!):



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.

在我开始任何工作之前,我要去找一张好看的纸张材质贴图,让我好开始工作。下载一张简单好看的材质,我用的是我Red & Yellow Dyed Paper Textures里的。用一种奶油色填充背景,(我用的是#F2EBD7)然后置入你的材质在上面一层。重新调整尺寸然后把你的贴图移动到适合的位置覆盖背景。


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!



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.



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.

我们的嬉皮士货车看起来和背景更加融合了。找另外一张材质贴图,然后把它放在所有图层的上面。我用的是我自己的Grunge Watercolour Textures里面的。




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



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 25×25px squares placed directly next to each other. Change each square to a different colour, something you think will match your poster.




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.




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.



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



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.

选择椭圆选择工具,画一个圈,同时按住shift。填充和你艺术笔刷直线最外一层相同的颜色。把它放在你的艺术笔刷直线图层的下面,然后合并两个图层。设置叠加模式为Color Burn.


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.



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.



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.



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.



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.

把新的材质贴图的叠加模式改为Overly降低透明度到50%。和下面的曲线图层合并。复制现在的合并图层,移动下面一层的曲线图层,放到屏幕的其他地方,把叠加模式改为Linear Burn。


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



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%.



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



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



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.



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.

改变叠加模式为Overlay,透明度45%,其他的是Soft Light模式,透明度65%。


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.




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.

我想要有一点文字在我的海报上,我要写“Retro Van”。选择文字工具,打好你的文字。选择一种适合你的海报的字体。我的是“Steiner”我用了一种中间黑度的红色,通过使用吸管工具。


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.

复制你的文字图层,重新定义尺寸,放大一下放在原有文字图层下面。用你设计中用过的其他颜色填充,我用的是一种明亮的黄色。改叠加模式为 Overlay。


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



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:



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:

改变为不同的叠加模式,Overlay,Hard Lights,Soft Lights 还有Vivid lights。


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:



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

改变叠加模式为Color Burn ,透明度为7%。


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



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






电子邮件地址不会被公开。 必填项已用*标注

验证问题,请选择下图中的 D...