Retro poster design

A Retro Wallpaper/Poster Step By Step Photoshop Tu

Step 1

Start a new document at a size of 1900×1200. Click here to download this textured background picture and place it in to the picture and put the Opacity to 40%.

Download and place texture background

Step 2

Create new layer and fill with yellow and set the layer to Soft Light and Opacity to 30%

Adding Alittle Colour

Step 3

Create new layer and set the foreground colour to #9d640a and select brush i have selected this brush but if you dont have that brush just choose one which adds a little texture.

Choose Brush

Now draw around a little and set the layer to Multiply and Opacity of 70%. You should have something like below.

Drawing And Blending

Step 4

Ok create a new document and click on the marquee and select the rectangular and do as the image below is.

Marquee Tool

Step 5

Create new layer and set the background on your colour palet to what ever colour you like… i have set it to 7d8d72, now press Ctrl and backspace.

Adding Colour To The Shape

Step 6

Now duplicate layer and move it 10 notches to the right and then goto Layer/Layer Style/Colour overlay and set the colour to what colour you would like to have. Now do this again for another 4 times untill you get something like the picture below.

Duplicating and adding colours

Step 7

Now select background layer and click on magic Eraser tool and delete white background.

Erasing Background

Step 8

Now select the shape layer and goto Edit/Define Pattern and save it.

Define Your Pattern

Step 9

Now go back to your original document and create a new layer and click on the paint bucket tool and at the top left of the page set it to pattern and fill the page. You will have to erase the over lapping pattern fill so that you get an image like this

Adding Your Defined Pattern

Step 10

Now press Ctrl and T and resize it to the image below

Resizing Pattern

Step 11

Create a new layer and follow step 9.

Step 12

Now press Ctrl T and then right click on it and click Perspective and get is like the image below. Keep it a little below the other pattern like i have.

Create Perspective on your pattern

Step 13

Zoom in so that the middle of the page is big. Now select the pen tool and do as shown below.

Using Your Pen Tool

Step 14

Create new layer and call it middle1. Now with the pen tool still selected goto the pattern you have just created and right click and select make selection and feather 0. Set the background on the colour pallet as the colour you have chosen for that pattern and press Ctrl and backspace. You may have to arase alittle to make it perfect.

Filling The Pen Tool

Step 15

Now create a new layer and call it middle2 and copy the rest of step 14, do this untill you have finished and have an image as below. Then merge all middle layers, top and bottome pattern layer.

Finishing The Middle

Step 16

Click here i purchased this picture and got the pen tool and went round the people and cut them out. i then went to Filter/Artistic and selected Colourd Pencil and placed it onto my image like so.

Inserting Istockphpoto Image

Step 17

Now duplicate layer and press Ctrl T and goto Edit/Free Transform/Flip Horizontal and then rotate like shown.

Flipping And Rotating

Step 18

Now goto Layer/Layer Style/Colour Overlay and fill in black. Set the layer Opacity to 50% and goto Filter/Blur/Caussian Blur and Radius to 8.5

Making The Shadow

Step 19

Create new layer and pick a colour and brush of your choice to make foot steps like the picture below. Dont forget to make foot steps bigger as they get closer.

Adding Foot Steps

Final Step

Click Here and download this textured background and then place it above all layers. Set the Opacity to 50%. Ive then added text and then all is done.

Retro Wallpaper/Poster Final Stage

Photoshop Quick Tips #3 – Enhancing Photos with High Pass Filter

Following our series of quick tips, I will show you how to enhance a regular photo in Photoshop and make it look better. Of course you can change the presets in order to make it look more subtle, my idea was to exaggerate a bit. Also we will use the Shadows/Highlight adjustments showing how you can easily simulate a sort of HDR style.

Step 1

Open a regular photo in Photoshop. I used a photo of a cat that I found on sxc.hu http://www.sxc.hu/photo/1069561

Step 2

Duplicate the layer and go to Filter>Other>High Pass. Use 5 pixels. Then change the Blend Mode of the layer to Hard Light.

Photoshop Quick Tips #3 - Enhancing Photos with High Pass Filter

Step 3

Duplicate the High Pass layer. Keep the blend mode with Hard LIght.

Photoshop Quick Tips #3 - Enhancing Photos with High Pass Filter

Step 4

Duplicate the original photo and change its Blend Mode to Screen. Then with the Eraser Tool (E) or with a Mask. Delete the dark areas of the photo. Leave just the light areas, the eyes, nose, and mouth. Below you can see the areas I kept, the marquee selection.

Photoshop Quick Tips #3 - Enhancing Photos with High Pass Filter

Step 5

Group all layers and convert them to Smart Objects, Layers>Smart Objects>Convert to Smart Objects. Or if you prefer just merge the layers. Then go to Image >Adjustments>Shadow and Highlights. Use the values from the image below. With this adjustment you can edit how the shadows and highlights will be displayed, and you can simulate the HDR effect by increasing the Tonal Width and Radius on the Shadow and Highlights, and, also the Midtone Contrast.

Conclusion

This is just one way to enhance your photos, you can use the Unsharp Mask filter as well. But I prefer the high pass with hard light, I think it gives a better result, however that will depend the photo you are working on. The most important thing is test and play with the settings and of course add more techniques to your repertoire. If you have a different quick tip, leave a comment sharing and explaining it to us ;).

Photoshop Quick Tips #3 - Enhancing Photos with High Pass Filter

Click Here for Full Preview

Create and Then Shatter a Grid, while Making a Typographic Poster

blogthietke.net

Step 1

Start a new Photoshop Document using an A3 paper size at 300 dpi. To select the A3 setting, choose International Paper from the drop down menu. As soon as you begin grab the Gradient Tool (G) and create a linear gradient from top to bottom using a medium gray (#837e7e) and a dark one (#3f3f3f).

Step 2

Now let’s start planning the layout of the design. In order to create a basic grid that we’ll begin with, go to Edit > Preferences > Guides, Grid, Slices, and Count. Look up the Grid section, and make sure that your grid is divided by 2,5 cm with a single subdivision. You may also need to make it visible by going to View > Show > Grid.

Step 3

It’s time to plan the focal point. I placed mine one square off from the center, so that the piece will have a stable foundation. Keep in mind the fact that every composition needs balance, especially one in which you are experimenting with asymmetry. It all depends on the feeling you have planned for: if the box is higher than the center, it will feel like it’s floating, while being under suggests a static environment.

Step 4

The focal point, and anchor element of this piece is type. After all, this is a typographic poster, is it not? The font should also reflect the concept. Since this is all about grids, then the font itself should be minimal and intensely geometric. Bifurk fits the job description, and we’ll use it here. If that’s not a good enough argument, well it’s free too, so it makes a good choice for a tutorial!

Use the grid to plan your layout, and type in your letters individually by making a new layer for each letter. That way, it will be easier to adjust the spacing in between the letters. I used a square shape to plan the spacing. Create a square custom shape with the Rectangle Tool (U), while holding Shift, and slide it in between the letters. By doing this, you are assuring a good optical alignment.

Step 5

At this point, we’ll change the colors of the text. Make subtle variations of this washed up red: d05252. Note: I also activated and created guides, to make the layout more clear.

Step 6

We’re going to give the letters a texture now. The texture will be made by a word cloud using Lorem Ipsum text, which is closely associated to graphic design. You can make your own cloud, or use this really nifty online tool called Wordle. It’s a word cloud generator, and it’s what I used here. Head over to their site and click on the Create button. Paste in some dummy text and generate a cloud. Keep randomizing until you find the best shape, and select Telephoto as a font, and Heat as the color selection. You can change these settings using the buttons you’ll find above the cloud.

Step 7

Now we’re going to Live Trace this into a sketchy style type treatment. So take a screen shot of the cloud, and paste it (Command + V) into a new Illustrator file. Once again, you’ll need Illustrator in order to Live Trace an object. Go to Object > Live Trace > Tracing Options. Use Color and 256 colors. If you’re looking for a more precise execution, adjust the settings found in the menu.

Step 8

In order to trim off the excess elements, like the web interface and white background, you’ll need to Expand the newly live traced object. Press the Expand button; you’ll see it once you have the object selected.

Step 9

Using the Direct Selection Tool (A), drag and delete all the excess elements. An easy way to get rid of the white found inside the letters, is to select a white shape, and then go to Select > Same > Fill Color. Press delete, and that will be the end of your hassle.

Step 10

Next, copy it (Command + C) and paste it (Command + V) into your Photoshop project. Paste it in as a Smart Object, so that you can freely expand and contract it without losing quality. Make it a Clipping Mask by holding Alt and clicking in between the Smart Object’s layer and the letter’s layer.

I also used the cloud in other parts of the design as a texture. The only modification you’ll need to make is to adjust the layer’s Opacity to somewhere around 15%.

Step 11

It’s now time for the more laborious part: creating the broken glass. Go back to Illustrator and draw broken pieces of glass using the Pen Tool. Keep a rectangular shape as a reference. Fill them with this color: 757575. Make subtle dents that follow the basic shape, and remember that glass cracks are not perfectly straight.

Step 12

Make a new layer and using one of the triangles as a reference, make a more fragmented version. Be sure to replace it with the old one, once you are finished.

Step 13

Select one of the pieces and go to Effect > 3D > Extrude & Bevel. Follow the settings shown below.

Step 14

Once you turn it into a 3D object, copy the object and paste it in its exact position (Command + F). Find your Appearance Panel under Window > Appearance and double click on the 3D Extrude & Bevel effect listed there. That will open up the current 3D effect that you have over the glass piece. With this one, only change the Turn Cap On to Turn Cap In. This will simulate a transparency effect by revealing the inner edge too.

Step 15

Repeat the process for the remaining bits. Start playing around with the layout as well. Make some pieces small, as if traveling in the given space, and rotate them individually.

Step 16

Make some pieces smaller, others larger. Copy small fragments and make them into tiny, chipped bits. Don’t forget to alter their 3D settings, so that they don’t resemble any previous piece.

Step 17

Just as before, paste these into Photoshop. If you notice possible improvements that can be made in the positioning, just double-click on the Smart Object Icon. That will take you back into Illustrator, where you can make adjustments. Once you are finished, just save (Command + S), and go back to Photoshop. After a quick loading screen, your changes will have been implemented. Set the Layer’s Blending mode to Hard Light.

Step 18

Now create a New Blank Layer (Command + Shift + N) over the Smart Object and make it a Clipping Mask. Use a soft, round brush and paint with white in areas you want highlighted. Lower the layer’s opacity depending on how strong you want the light to be.

Step 19

Duplicate the Smart Object and move it above all the other layers. Set its layer’s blending mode to Screen.

Step 20

It’s time to begin the damage and distortion. Create a new layer above all others and fill it with white. Go to Filter > Distort > Lens Correction. Alter the Vignette settings and drag it down to about -50 or -60. Set the layer’s blending mode to Multiply.

Step 21

Download this texture and insert it over the whole canvas in a new layer. Desaturate it (Command + Shift + U), set its layer’s blending mode to Color Burn, and Opacity to 70%.

Step 22

Download another texture and paste it in a new layer. Set its layer’s blending mode to Color and Opacity to 30%. Go to Image > Adjustments > Hue and Saturation. Change the hue to 158.

Step 23

Go to Layer > New Adjustment Layer > Curves. Use the settings shown below.

Step 24

Yep, one more texture… Put this one over everything, Desaturate it (Command + Shift + U), set its Layer’s Blending Mode to Linear Burn and Opacity to 20%. The special part about this one though is the inclusion of horizontal lines, which suggest a grid.

Step 25

And now, a subtle alteration of color. We’ll brighten up the red just a notch, through a Channel Mixer (Layer > New Adjustment Layer > Channel Mixer). Use the settings found in the following image.

Step 26

As a final touch up, I added a few more bits of glass behind the text and a slightly bright gray, soft and round gradient behind everything.

Quick Tip: Sharpen your images when resizing to smaller resolutions. You can imagine that quite a little bit of information gets lost when shrinking an image from 5000 px to 600 px. You can give it a whole new feel by sharpening with Filter > Sharpen > Unsharp Mask.

Also, when sharpening grunge, you can get some pretty spectacular results, because Photoshop basically creates subtle bevels. Look at the letters below: Do you notice how the sharpened red letters seem to have a one pixel bevel? Well, it’s from sharpening.

Just don’t overdo it! Keep an eye out for already sharp edges, as they can be ruined when sharpening.

Final Image

We are now finished! I look forward to seeing you put these techniques to good use.

Photoshop Quick Tips #4 – Color Dodge Blend Mode for Light Effects

Color Dodge is one of the Blend Modes I use the most. It’s in my opinion the easiest and best way to create light effects, and, even though I have already written quite a few tutorials showing how to use it, I decided to write a quick tips all about this very useful blend mode.

Because of that in this Quick Tips I will show you how it works. You can use this technique in all programs that have Color Dodge, such as GIMP, Pixelmator, Fireworks, and others.

Step 1

Open Photoshop, the size of the document is not important because the idea is to learn how the Blend Mode works. So the first thing is fill the Background with Black.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 2

With the Ellipse Tool (U) create an ellipse in white. Then go to Filter>Convert to Smart Filter. That’s available in Photoshop CS4, if you’re not using the CS4 just skip this part.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 3

Go to Filter>Blur>Gaussian Blur. Use 10 Pixels for the Radius.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 4 – Understanding the Color Dodge Blend Mode

First change the Blend Mode of the Ellipse layer to Color Dodge. You will notice that the layer simply disappear. That happens because the color dodge doesn’t work over Black. Change the color of the background to a very dark brown (#15100c). You will see that the ellipse will be visible, but without the effect we want. Now add a folder, or group the ellipse layer in a folder, and change the Blend Mode of the folder to Color Dodge. That’s the effect we want.

In Photoshop that’s the best way, in my opinion, to use the Color Dodge for light effects. Another way, and that works for the different apps is to create the ellipse in a layer with black background. For example:

  • Add a new layer and fill it with black
  • Create an ellipse in the black layer and fill it with white and apply the Gaussian Blur.
  • Change the blend mode to color dodge

When you have a layer filled with black with white objects, it’s not necessary to group them and apply the Color Dodge.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 5 – Real Example

Create a group and rename it to Light. In this folder create 5 lines using the Rectangle Tool (U), then apply a Gaussian Blur to them. Use 2-3 pixels for the Radius only. Right after that with the Ellipse Tool (U), create some ellipses and apply a Gaussian blur to them. Use a much bigger value, 15-20 pixels for the radius. After that add a text. I used Zapfino for the font. Again apply a Gaussian blur to the word layer. Use a small value, 2 pixels for the radius. Use the image below for reference.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 6

Now, change the Group Blend Mode to Color Dodge. You will have a very nice light effect.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 8

Create a new layer on top of the others and not inside the Light folder. Make sure you have black and white for the background and foreground colors, then go to Filter>Render>Clouds. With the Eraser Tool (E) delete some areas like the image below.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 9

Change the Blend Mode of the Clouds to Color Dodge and you will add a nice smoke effect.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Conclusion

You can create all sorts of light effects, glows, stars and many more using the Color Dodge. But remember it won’t work over black backgrounds, so for example if you want to make it work over black you will have to create another layer between The color dodge layer and the black layer with another color. Also if you want to try different colors, just create another layer on top of the others using the Overlay Blend Mode, but that’s for another Quick Tips.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Another Example

How to Create an Ice-cold Poster with 3D Text

Final Image Preview

Before we get started, let’s take a look at the image we’ll be creating. Want access to full PSD files and downloadable copies of every tutorial, including this one? Join PSDTUTS PLUS for just $9/month. You can view the final image preview below.

Video Tutorial

Our video editor Gavin Steele has created this video tutorial to compliment this text + image tutorial.

Step 1

For this tutorial I’ll recreate the poster on a smaller canvas. Create a new photoshop document of 600px by 848px. To start off with the background get an interesting texture from cgtextures, I got mine here (Image 3). Import it and resize it.

In my case, after resizing, it did not cover all of the canvas. To make the texture cover a larger area, duplicate the layer (Right-click the layer and select Duplicate Layer…) and place it on top. To make those two layers blend into each other, use a soft brush and erase the bottom of the top layer.

Step 2

To darken the texture, we first desaturate it. This can be done with a Hue/Saturation adjustment layer (Layer > New Adjustment Layer > Hue/Saturation…). Set Saturation at -100 so the texture turns gray. Create a Brightness/Contrast adjustment layer (Layer > New Adjustment Layer > Brightness/Contrast…). Set Brightness at -111 and Contrast at +36.

Step 3

Create a new text layer with the text “ICE ICE ICE” in a white color (font: Century Gothic bold). Give it a huge font size (165pt) and place it so the letters are cut off by the edges. Set the Opacity of the layer to 13%.

Go into the Blending Options (Right-click the layer and select Blending Options…) and give it an Outer Glow. Choose a blue color and play with Size and Spread to change the size of the glow (my settings are a Spread of 22% and a Size of 19px).

Step 4

Create a new layer and use a soft brush at 180px to create a light blue (#34d1f8) area like in the preview. Give this layer an Opacity of 38%.

Step 5

You can get the next two stock photos here and here. Import them on seperate layers. Transform the “clouds” stock until you find a nice angle. Desaturate it (Image > Adjustments > Desaturate) and set the layer to Hard Light at 50%. Use a mask to cut off the parts you do not want to show (Layer > Add Layer Mask > Hide All, use a soft white brush on the mask to reveal the clouds again).

Place the “skyline” stock beneath the “clouds” and give it a Gaussian Blur of 4.3px (Filter > Blur > Gaussian Blur…). Use Hue/Saturation to give it a blue color (Image > Adjustments > Hue/Saturation…). Use a mask on the “clouds” layer to hide all the parts you do not want to show. Set this layer to Screen at 50%.

Step 6

Place the “ice cubes” which you can find here, on the canvas. They need to be recolored so use Hue/Saturation to give them a blue color (Image > Adjustments > Hue/Saturation…, with Hue of 191, and Saturation of 32). Set this layer to Screen.

Step 7

To create the big “ICE ICE” text you can use photoshop or a 3D program like Xara 3D which can be used to create 3D text easily. Whichever you are using, create the text in Century Gothic bold and lay over a texture like this one.

In Xara 3D you can do this in Options > Texture… Export it as a transparent PNG (you can change this in the export dialog box). If you are using Photoshop to create flat text, just import the texture on a new layer above the text. Hit Command + Alt + G so the texture will overlap the underlying layer.

Step 8

Create a new layer above the text we just made. Hit Command + Alt + G so you can only work over the text. Take a soft white brush and brush over the letters. Set this layer’s Opacity to 85%.

Step 9

Create a new text layer with the text “baby.” The font I used is Birdman, which you can get for free on dafont. Go into the Blending Options (Right-click the layer and selected Blending Options…) and give it a blue Outer Glow.

Between the ice text and the “ice cubes” create yet another text layer for the DJ’s name. In the Blending Options you can give it a Gradient Overlay. Choose Radial as Style and use a black to white gradient. Change the Opacity to 30%.

Step 10

Create a new layer on top. We’ll create a box to display some details about the event. Make a rectangular selection in the left bottom corner. Use Apply Image (Image > Apply Image), this will fill the selection with whatever is displayed in it at the moment. Now blur the selection (Filter > Blur > Gaussian Blur…, at 4.3px).

Step 11

Create a new layer while keeping the selection active. Fill the selection with white and change the Opacity to 5%. In the Blending Options, give the layer a Drop Shadow and change the Opacity of it to 100%.

Again create a new layer while keeping the selection active. Now use a very large soft brush with a blue color (#64b1d1) and click once on the top left corner. This should give you a blue gradient over the selection. Lower the Opacity of this layer to 40%.

Step 12

Now create the text layer for the details. I like to vary font sizes and line-heights to create appealing text. Again I used Century Gothic and centered the text.

Step 13

As a finishing touch we can lighten the up ice text even more. Create a new layer on top and take out a soft white brush. Click once on places where you’d like extra light. Set the layer’s Opacity to 70%.

Step 14

Create a Gradient Map (Layer > New Adjustment Layer > Gradient Map…) from dark blue (#061731) to a lighter orange (#f5d9a8). Set this adjustment layer to Darken at 65%. On this layer’s mask use a black soft brush to brush over the ice ice baby text so it doesn’t turn orange.

As a final touch, create a new layer and use Apply Image (Image > Apply Image). Go to lighting effects (Filter > Render > Lighting Effects…) and change apply as shown.

Conclusion

Set this last layer to Soft Light and lower the opacity a bit. You’re all done!

Photoshop Quick Tips #4 – Color Dodge Blend Mode for Light Effects

Color Dodge is one of the Blend Modes I use the most. It’s in my opinion the easiest and best way to create light effects, and, even though I have already written quite a few tutorials showing how to use it, I decided to write a quick tips all about this very useful blend mode.

Because of that in this Quick Tips I will show you how it works. You can use this technique in all programs that have Color Dodge, such as GIMP, Pixelmator, Fireworks, and others.

Step 1

Open Photoshop, the size of the document is not important because the idea is to learn how the Blend Mode works. So the first thing is fill the Background with Black.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 2

With the Ellipse Tool (U) create an ellipse in white. Then go to Filter>Convert to Smart Filter. That’s available in Photoshop CS4, if you’re not using the CS4 just skip this part.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 3

Go to Filter>Blur>Gaussian Blur. Use 10 Pixels for the Radius.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 4 – Understanding the Color Dodge Blend Mode

First change the Blend Mode of the Ellipse layer to Color Dodge. You will notice that the layer simply disappear. That happens because the color dodge doesn’t work over Black. Change the color of the background to a very dark brown (#15100c). You will see that the ellipse will be visible, but without the effect we want. Now add a folder, or group the ellipse layer in a folder, and change the Blend Mode of the folder to Color Dodge. That’s the effect we want.

In Photoshop that’s the best way, in my opinion, to use the Color Dodge for light effects. Another way, and that works for the different apps is to create the ellipse in a layer with black background. For example:

  • Add a new layer and fill it with black
  • Create an ellipse in the black layer and fill it with white and apply the Gaussian Blur.
  • Change the blend mode to color dodge

When you have a layer filled with black with white objects, it’s not necessary to group them and apply the Color Dodge.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 5 – Real Example

Create a group and rename it to Light. In this folder create 5 lines using the Rectangle Tool (U), then apply a Gaussian Blur to them. Use 2-3 pixels for the Radius only. Right after that with the Ellipse Tool (U), create some ellipses and apply a Gaussian blur to them. Use a much bigger value, 15-20 pixels for the radius. After that add a text. I used Zapfino for the font. Again apply a Gaussian blur to the word layer. Use a small value, 2 pixels for the radius. Use the image below for reference.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 6

Now, change the Group Blend Mode to Color Dodge. You will have a very nice light effect.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 8

Create a new layer on top of the others and not inside the Light folder. Make sure you have black and white for the background and foreground colors, then go to Filter>Render>Clouds. With the Eraser Tool (E) delete some areas like the image below.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Step 9

Change the Blend Mode of the Clouds to Color Dodge and you will add a nice smoke effect.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Conclusion

You can create all sorts of light effects, glows, stars and many more using the Color Dodge. But remember it won’t work over black backgrounds, so for example if you want to make it work over black you will have to create another layer between The color dodge layer and the black layer with another color. Also if you want to try different colors, just create another layer on top of the others using the Overlay Blend Mode, but that’s for another Quick Tips.

Photoshop Quick Tips #4 - Color Dodge Blend Mode

Another Example

Create a Mock-Retro Poster Concept

Final Image

This is the final image we’ll be creating:

Step 1

Open up a new document (600X650px) and fill your canvas with a light cream color (EBE2D3).

Step 2

Now paste in a photo of an old paper texture, and set this layer’s blend mode to ‘overlay’, reducing it’s opacity to 70%.

Step 3

Create a new document (40X40px) and create a new layer called ‘circle’. Then create a black circle, the size of your entire canvas. Hide your original background layer and then go to edit>define pattern and define your pattern as ‘circlepattern’. Then return to your original document and select your ‘cream background’ layer. Go to blending options and apply your new pattern as part of a pattern overlay. Be sure to reduce your pattern overlay’s opacity to around 7%, to give a subtle retro background effect.

Step 4

Now create a new layer called ‘inner rectangle’. Use your rectangular selection tool to create a black rectangle in the center of your canvas. Then go to filter>artistic>underpainting. Apply the settings shown below in order to give your rectangle rough, retro edges. Then reduce this layer’s opacity to 10%.

Step 5

Create a new layer called ‘grunge marks’. Select a large watercolor brush set and apply random brush strokes of black/white all over your canvas. Then reduce this layer’s opacity to around 10%. This should complete your grungy retro canvas, giving the impression of dirty marks.

Step 6

Paste in an image of a woman into the center of your canvas. Remember to keep all of your layer’s beneath your ‘paper texture’ layer, as this layer then gives texture to all parts of your post, keeping the elements consistent with each other. To better blend your photo with the retro background, reduce it’s opacity to 90%, and go to image>adjustments>hue/saturation – and then reduce the saturation of your photo to -50. This should give your woman a nice washed out look.

Step 7

Now to start bringing together our main composition. Paste in an image of an old typewriter, and resize/rotate it to fit nicely over the woman’s head. Also reduce the saturation and increase the lightness slightly.

Step 8

Duplicate your typewriter layer and rename the duplicate ‘typewriter shadow’. Then move the duplicate beneath the original. Then go to blending options and apply a color overlay (black). Then go to filter>blur>gaussian blur and apply a 5.5 strength gaussian blur.

Step 9

The point of using this gaussian blur effect is so that you can have more control over your shadows. Use a large, soft eraser brush at around 30% to erase away parts of the black blur effect, until you are left with a nice looking shadow. You want to aim to leave the gaussian blur looking most prominent where it overlaps the woman’s suit.

Step 10

Now select your eraser brush, and set brush type to a watercolor brush set. Then reduce your eraser’s opacity to around 5%. Then carefully erase over parts of your woman and typewriter, to give the impression of your photos bleeding into your background very slightly.

Step 11

Now I grab a sunburst graphic from my Free Sunbursts Set and paste it onto a new layer above my typewriter layer. Then I set the layer blend mode to ‘overlay’ and reduce it’s opacity to around 25%.

Step 12

Now create a new layer beneath your woman photo layer called ‘woman outline’. Use your lasso tool to create a really rough selection around your woman and typewriter (going about 10px distance from the images at all times). Then fill your selection with black, and reduce this layer’s opacity to 20%.

Step 13

Now create a layer above this (so still beneath your woman photo layer), called ‘messy lines’. Draw extremely messy handdrawn lines using a 1px black paintbrush. Make your lines go from one edge of your canvas to the other, going across your woman image, and getting smaller and closer together near the center. Duplicate your ‘messy lines’ layer 3 times to make your lines more pronounced, and then merge the 3 layers together.

Step 14

Then transform your lines shape, making it about 1/4 of it’s original height. Also reduce this layer’s opacity to 50%. Then repeat this technique to create a few more sets of random lines. Then merge all of your messy lines layers together and reduce the merged layer’s opacity to around 40%.

Step 15

Now create a long rectangle spanning across the bottom of your canvas, using your shape tool. Make sure that this shape is above all layers EXCEPT for your paper texture layer. Also, for the color of the rectangle, use your eye dropper tool, and select the red of the woman’s shirt. Once you have created your rectangle go to edit>transform>rotate and rotate it until it looks good. The idea is to cover the legs of your woman. The paper texture layer should really become prominent over the top of this bold shape, and become the focal point for your poster.

Step 16

Now duplicate your rectangle layer and move the duplicate below the original. Then go to edit>transform>flip horizontal. Then go to image>adjustments>hue/saturation and increase the hue to +180.

Step 17

You want the woman’s figure to cut in front of the green rectangle, but not the red one. To achieve this, option+click on your woman photo layer to select the woman’s shape. Then select your green rectangle layer and hit delete.

Step 18

To make your front rectangle pop give it a drop shadow effect (settings below):

Step 19

Now create some white text on a new layer above your rectangle layers (but below your sunburst layer). Be sure to rotate it to fit with your rectangle, and reduce the layer opacity to 50% to fit with the dulled, retro look. Finally apply a black outer glow effect (settings below):

Step 20

I add some more text to my green rectangle, and to give it the same outer glow effect as the larger text I right click on the first text layer and press ‘copy layer styles’, then right click on the smaller text layer and click ‘paste layer styles’. I also notice that the rough, dark outline around the woman does not extend to my green rectangle, and is ruining the effect of the woman being in front of this shape. To fix this I option+click on my rough outline layer and return to my green rectangle layer. Rather than hitting delete (and this technique wouldn’t work with the low opacity outline layer), I go to image>adjustments>brightness/contrast and reduce the brightness of this selection to -25. This way I have effectively extended the rough outline to cover my rectangle.

Step 21

I type out some letters to the right of my woman, and reduce this text layer’s opacity to 50%. Then I duplicate the layer and reduce the font size to about half. I repeat this step again.

Step 22

Now the piece looks pretty finished. The only thing bothering me is that the hand pointing to the alphabet should be more prominent, as it’s really a focal point of the poster. To do this, I duplicate my woman photo layer and call the duplicate ‘bold hand’. Then I set this layer’s blend mode to ‘hard light’ and increase the layer opacity to 100%. Then I select all parts of my woman EXCEPT this hand using the lasso tool and hit delete. This just leaves one bold hand left on this layer, and makes the hand in the overall image much bolder. To finish this section I use a soft eraser brush to erase away the part of the hand nearer the woman’s wrist, as this gives the impression of the hand getting slightly bolder as it moves towards the alphabet, and thus draws the viewers eye even more.

And We’re Done!

You can see the final image below:

I hope that you enjoyed this tutorial, and would love to hear your comments on it.

Follow

Get every new post delivered to your Inbox.