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.

Để lại bình luận

Chưa có phản hồi.

Comments RSS TrackBack Identifier URI

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s