Friday, July 3, 2009

Create a Texture Based Vintage TV Poster in Photoshop

Mini Preview

This tutorial will teach you how to create a Texture Based Vintage TV Poster using some paper and grunge textures. You’ll also learn some new tricks using the Wave and Motion Blur Filters.

Hey designers, here’s a new tutorial to create a simple and nice Retro Vintage TV Poster. If you’ve already read some of my other tutorial, you’ve saw I really like retro style, this time we’ll use some new filters and new techniques.

Preview

Step 1 – THE New Document
Open photoshop and create a new document, mine is 1100×1500px.

Step 1

Fill your background with white, Edit – Fill – White. Rename the layer Background.

Step 1

Step 2 – Background Texture
For the background I used 3 different textures, first download a paper texture made by bashcorpo called
Grungy paper texture v.1 by =bashcorpo, when you’ve downloaded it, open it in photoshop and drag it into your document. To resize or rotate it, use the Free Transform Tool (Ctrl+T) and rename the layer Texture 1.

Step 2

Next we’ll use a texture form the 10 old paper texture by `Bleeding-Dragon pack, I used the paper3.jpg texture, open it in photoshop and drag it into your document, use the Free Transform Tool again to resize or rotate it, rename the layer Texture 2 and change the blend mode to Multiply.

Step 2

For the third texture used a grunge one from the 12 Experimental Grunge Textures post on lost and taken, I picked the number 10. Drag the texture in your document and resize it, rename the layer to Texture 3, then change the blend mode to Soft Light.

Step 2

Step 3 - Brightness/Contrast
In this step we’ll adjust the Brightness/Contrast of the textures, I’m using Photoshop CS4, and so I selected the Brightness/Contrast icon in the adjustment panel. If you use a previous version of photoshop, you’ll need to merge all the texture layers then apply the Brightness/Contrast by going to Image – Adjust - Brightness/Contrast, enter 79 for the brightness and -50 for the contrast. When you’re done create a new group, rename it Textures and place all the textures layers (and the Brightness/Contrast layer if you use CS4) in it.

Step 3

Step 3

Step 4 – Vintage TV
Now we’re going to had the vintage TV image, I used a TV Stock image from a pack called
retro stuff by ~shaketheglitter, download the pack and pick one of the retro TV’s, I choose the number 5. Open your TV image in photoshop, stay on this document and cut out the TV from the white background. I used the Pen Tool (P) but the Magic Wand Tool (W) will do the job, when you’ve selected all the parts around the TV just delete them. Drag your TV into the document and place it in the middle. Name the layer TV and place it on Top.

Step 4

Step 4

Step 4

Step 4

Step 5 – Film Grain Filter
Select the TV layer and add a Film Grain Filter on it, Filter – Artistic – Film Grain and enter those parameters: 2 for the Grain, 0 for the Highlight Area and 10 for Intensity.

Step 5

Step 5

Step 6 – Motion Blur 1
Duplicate the TV layer and rename the new layer TV Motion Blur 1, then add a Motion Blur Filter on it, Filter – Blur – Motion Blur with an Angle of 90° and a Distance around 30px.

Step 6

Step 6

Then add a Gradient Overlay layer style on the TV Motion Blur 1 layer, Layer – Layer Style – Gradient Overlay and put those parameters: I used 5 colours, #bc0000 - #f5c501 - #f0e76e - # db83bd - # 5099ac

Step 6

Step 6

Step 6

Next just change the opacity of the layer to 70% and place the layer under the TV layer.

Step 6

Step 7 – Motion Blur 2
For this step we’re going to use the same techniques we used in step 6, duplicate the TV layer and rename the new layer TV Motion Blur 2, then place it between the TV and TV Motion Blur 1 layers in the layer box.
Add the Motion Blur Filter on it, Filter – Blur – Motion Blur but this time put for the angle and keep the same Distance around 30.

Step 7

Step 7

Next add a Gradient Overlay layer style with those parameters:

Step 7

Step 7

Step 7

Change the opacity of the layer to 70%, create a new group, rename it TV and place the TV, TV Motion Blur 1 and TV Motion Blur 2 layers in it.

Step 7

Step 7

Step 8 – TV Interferences
We’re going to create some TV Interferences in the Screen. Create a new layer and fill it with white then add some noise to it, Filter – Noise – Add Noise, and put an Amount of 140%, select Uniform for the distribution and check the box next to Monochromatic.

Step 8

Step 8

Hide this layer, and with the Polygonal Lasso Tool make a selection of the screen on the TV, then with the selection still active, unhide the layer and create a layer mask on the Interferences layer, Layer – Layer Mask – Reveal Selection or click on the layer mask icon in the layer box.

Step 8

Step 8

Rename this layer TV Interferences, place it into the TV Group, and change the opacity to 50%. Next add an Inner Shadow layer style, Layer – Layer Style – Inner Shadow and enter those parameters:

Step 8

Step 8

Step 9 – Fading coloured Stripes
Now we’re going to create some fading stripes on top of the TV, it’s better if you create a different layer for each Stripe. I’ll explain how to create one stripe; you’ll use the same process for the others. Create a new layer, select the Rectangular Marquee Tool and make a selection going from the middle of the TV to the top of the document and with about 85px width. Then select the Brush Tool with a soft rounded brush of about 250px and paint with the outside of brush into the selection. I choose the same 5 different colours we used in the gradient overlay. Make the middle stripes higher than the side ones.

Step 9

Step 9

Step 9

When you’ve done the 5 stripes, rename them by they colours, create a new group, change the opacity of the group to 70%, place the stripes layers in it and rename the group Fading Stripes. Place the group under the TV group.

Step 9

Step 10 – White Highlights
Create a new layer and name it White Highlights, select the Brush Tool (B) with a soft rounded brush of about 13px and white for your foreground colour. While holding the shift key, draw some line at the intersection of some stripes.

Step 10

Next add a Motion Blur filter on the White Highlights layer, Filter – Blur – Motion Blur and enter those parameters:

Step 10

Change the opacity of the layer to 70%, change the blend mode to Hard Light and place this layer between the TV and Fading Stripes group.

Step 10

Step 10

Step 11 – Fading Paint
Select the Fading Stripes group, next press Ctrl+Alt+E and rename the new layer Fading Paint then place this layer under the TV group. We’re going to use the Wave filter to give a paint effect to the stripes. Select the Fading Paint layer, go to Filter – Distort – Wave and enter those parameters:

Step 11

Step 11

Step 11

When you’ve applied the filter, apply the same filter with the same parameters 3 times or more to have the same result than me.

Step 11

Finally select the Rectangular Marquee Tool, and make a selection from the middle of the TV to the bottom of the document, make sure you’ve still have the Fading Paint layer selected and create a Layer Mask, Layer – Layer Mask – Reveal Selection.

Step 11

Step 11

Step 11

That’s it for now guys, you can see that with just some textures and filters you can create some nice effects and give a retro effect to a TV. If you’ve got any questions or problems to understand leave me a comment or send me a message via the contact page.

Don’t forget to download the source files