Create a Captivating Street Dance Competition Poster with

Learn how to create a captivating street dance competition poster with Photoshop. Youll start with some quick and dirty tricks about selection, playing with layer blend modes, changing object color the easy way, import and place some 3d render, adding lens flare (which is so fun to do!) and many more. Throughout the tutorial, (hopefully) you can make another captivating poster design with Photoshop fast and professionally.

What youll be creating

This image was created while playing with some stock images and resource i just found from the internet. I try to picture the spirit of freedom of Street Dancer by using symbols like wings and flying birds. The challenge is creating a captivating design by using restricted color palette like red, black and white to bring a powerful contrast. The lens flare was added in the last step, because i think it can make the composition look more sleek and cool. To follow this tutorial, you need Photoshop CS4 or newer.

final-results

Tutorial Resources

Step 1

First of all, we need to extract the dancer model from this stock. Because Im a lazy guy, Ill just do it the easy way. Using Magic Wand tool, select the background color (turn on the add selection button and reduce the Tolerance value, and make sure to check the Contiguous option on ~ follow this setting, and youll finish the selection in no time, just a couple of clicks here and there)

step-001

Step 2

Click the Quick mask button to activate the Quick mask edit mode. In this mode, red indicates isolated areas. As you can see below, some isolated selection areas need some fix.

step-002

Step 3

The solution is simple, create a new selection on those areas with Polygonal Lasso tool. When you done creating selection, fill it with black. Remove the selection by pressing [CTRL] [D].

step-003

Step 4

Continue using Polygonal lasso tool to fix another parts of the isolated areas.

step-004

Step 5

Exit from the Quick mask mode by clicking back the Quick mask button. Right now the selection is active but if you remember, the selected areas are the background ~ not the dancing model. Fix this by inversing the selection from menu Select> Inverse.

step-005

Step 6

You may notice some selection edge was still look rough and jagged. To smoothen the selections edge, click the Refine Edge button and follow the settings shown below. Play with Adjust Edge option until you satisfied with the result. Click OK to apply Refine Edge setting.

step-006

Step 7

Press [CTRL] [N] to Create a new document with 800×1200 px size. As for the resolution, set it to 300 ppi and click OK.

step-007

Step 8

Copy and paste the dancing model inside the new document we just created. Press [CTRL] [T] to transform its size and position.

step-008

Step 9

Desaturate the dancers color by hitting the [CTRL] [SHIFT] [U] on the keyboard (another way to do this by going to menu Image> Adjustment> Desaturate).

Duplicate the dancers layer easily by pressing [CTRL] [J] and then set the blend mode to Overlay. Thats how we get the high contrast look.

step-009

Step 10

Using the Ellipse tool, draw a red colored circle below the dancer. Set the stroke color to white and size to 5px. To get the double stroke effect, add layer style Stroke to the ellipse layer and follow the stroke setting shown below.

step-010

Step 11

Okay next step is easy, just adding text inside the red circle using the Type tool. In case you wondering, the font used here is Bebas and Century Gothic. If you feel lazy about typing, ask you friend to do the work (thats a joke, dont be too serious! *LOL* )

step-011

Previous
Next Post »