Thursday, August 4, 2011

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 1100x1500px.
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 calledGrungy 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 layerTexture 1.
Step 2
Next we’ll use a texture form the 10 old paper texture by `Bleeding-Dragon pack, I used the paper3.jpgtexture, 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 toTexture 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 toImage – 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 TVTV 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 whitethen add some noise to it, Filter – Noise – Add Noise, and put an Amount of 140%, select Uniformfor 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 same5 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 MaskLayer – 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

No comments:

Post a Comment