Learn how to create a captivating street dance competition poster with Photoshop. You’ll 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 you’ll 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.
- Pigeon – rewton stock
- Dove – rewton stock
- Feather – tash11 stock
- New York CityScape – raindroppe
- Optical Lens Flares – psdbox
- Dance Stock – DeviantART
- 3d Render pack – DeviantART
First of all, we need to extract the dancer model from this stock. Because I’m a lazy guy, I’ll 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 you’ll finish the selection in no time, just a couple of clicks here and there)
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.
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].
Continue using Polygonal lasso tool to fix another parts of the isolated areas.
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.
You may notice some selection edge was still look rough and jagged. To smoothen the selection’s 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.
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.
Copy and paste the dancing model inside the new document we just created. Press [CTRL] [T] to transform its size and position.
Desaturate the dancer’s color by hitting the [CTRL] [SHIFT] [U] on the keyboard (another way to do this by going to menu Image> Adjustment> Desaturate).
Duplicate the dancer’s layer easily by pressing [CTRL] [J] and then set the blend mode to Overlay. That’s how we get the high contrast look.
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.
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 (that’s a joke, don’t be too serious! *LOL* )
To make the double lines below the “Street Dance” text, just type an “equal symbol” using the Type tool. Any font will work, but i choose “Bebas” in hope it will blend smoothly with other texts.
Go to Type> Convert to Shape menu to convert the type to shape (d’oh!). With the text now working as shape, use the free transform command to adjust its width.
Now go to Edit> Transform path> Perspective and grab one of the corner control point’s to skew the shape perceptively.
Add another red circle by copying the first one we created before (click on the ellipse layer, then press [CTRL] [J] will do the work). Make this second circle smaller, and reduce the stroke width to 1px from both the option bar and layer style’s dialog.
Until this step, i assume you already download all the stock images, including the 3d render pack from here.
Use the File> Place… menu to import 3d render “bumble” into the canvas. Adjust the size and position, press Enter when you’re done. This way, the 3d render stock will be treated as a Smart Object (meaning: whatever you do to the image, the quality will always be good because it is protected).
Add layer style “Color Overlay” to the “bumble” layer. Pick red as color and set the blend mode to Multiply. Click OK, the bumble color now changes to red.
Place another 3d render pack above the first one. See screenshot below to take a look of the image competition.
Repeat the same process in step 17 for both the “Reef2” and “Octave” layer, in order to change their color to red.
Open up the pigeon stock we got from here. We just need the left wing, so grab the Pen tool and draw paths following the wing’s shape. Make sure you select the option: Path from the option bar before start creating those paths. This is the right time to practicing your skill with Pen tool, am I right?
When you done creating path, right click on it and choose Make Selection from the pop-up menu. Inside the Make Selection dialog, you can adjust the selection the way you need it, but i will skip it by straightly clicking OK button.
Copy and paste the wing into our work, place it under the dancer’s layer. Use free transform command again to adjust its size and position.
Use the same technique to change wing color to red. Add layer style “Color Overlay“, but this time pick a darker red color and change the blend mode to Vivid Light.
Press [CTRL] [J] to duplicate the wing layer. Create new empty layer below it by [CTRL] clicking the new layer button.
Right click the wing copy layer, choose Merge Down command form the pop up menu. This will merge the wing and empty layer below it, deleting the layer style “Color Overlay” in the process but keep the color effect intact.
Drag the merged wing layer above all layers available, then change the blend mode to Overlay. nice!
Repeat the same process from step 24 to step 26 for the Octave layer, but change the blend mode to Multiply in the end. If done correctly, you’ll get result as shown in the screenshot below.