Photo ManipulationPhotoshop TutorialsUpdated

Create Groovy Music Flyer Poster with Photoshop and Illustrator

Everyone knows how a flyer poster look like. But do you know how to create a good one with by yourself? This tutorial will show you from start to finish, how to create a music flyer poster with Photoshop and Illustrator. Follow every steps to learn how to create your very own flyer poster.

What you’ll be creating

Basically you will practice some objects selection works, using Smart Objects, compositing images, do some color correction and the most interesting part is integrating works between Photoshop and Illustrator. Which is include creating vector elements and 3d text. Curious? lets start now!

final-results

Tutorial Resources

Step 1

Open dancing girl model from inside Photoshop. Use the auto tone and auto color command from the Image menu to adjust the tone and color automatically. Or You can simply press [Shift] [Ctrl] [L] then [Shift] [Ctrl] [B].

step-001

Step 2

Now we need to extract the model from its background. The easiest way is using Magnetic Lasso tool to do the selection job.You can see my setting for the Magnetic Lasso tool in the picture below, and i suggest you also notice that the headset wire isn’t selected yet.

step-002

Step 3

The simplest way to select the headset wire is using Magic Wand tool. Just one click on the wire will do the job. Now you can copy the selected area from the Edit> Copy menu or simply press [Ctrl] [C].

step-003

Step 4

Let’s prepare a new document for the music flyer poster design. Go to File> New menu, set the width and height to 1080×1500 px and the resolution is 150 ppi.

step-004

Step 5

Paste the girl model by pressing [Ctrl] [V] or go to menu Edit> Paste. Before making further adjustment, its a good idea to convert the girl model layer into smart object. Right click on layer 1 then choose Convert to Smart object menu.

step-005

Step 6

Next, we’ll do some image manipulation inside the smart object window. To do this, double-click layer 1 thumbnail’s and then click OK to confirm.

step-006

Step 7

If you follow step 6 correctly, we should be inside the smart object window now. What we need to do next is duplicate layer 1 then apply the desaturate command from Image> Adjustment> Desaturate. Change layer 1 copy blend mode to Overlay and reduce the Opacity around 30%.

step-007

Step 8

Click the new fill or adjustment layer button and select Curves, this will add Curves layer adjustment above previous layer. Inside the Curves Properties panel, choose Preset: Increase Contrast. The result in this step will boost the color’s contrast.

step-008

Step 9

Close the smart object window by clicking the close button. A dialog will appear, click Yes to confirm so all lthe change we made to the smart object will be saved and applied.

step-009

Step 10

Go to Edit> Free Transform menu to adjust the model’s size and position inside the canvas. Hit Enter when you’re done.

step-010

Step 11

Grab the Gradient tool from the Tools panel. Now adjust the gradient color from bright to dark purple, follow instruction in the picture below for details.

step-011

Step 12

To apply the gradient, click background layer first. Then drag the Gradient tool from top to bottom until the gradient fill the background as shown in the example below.

Related posts
DownloadsPhotoshop ActionsUpdated

Create Double Exposures with These Photoshop Actions

Photo ManipulationPhotoshop TutorialsUpdated

How to Create an Infernal Scene in Photoshop

DrawingPhotoshop TutorialsUpdated

Quick Tip: Easily Add Cartoon Color and Shading to Lineart

Photo ManipulationPhotoshop TutorialsUpdated

How to Create an Amazing Watercolor Artwork in Photoshop

4 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get 57 Photoshop Actions Free from Our Awesome Newsletter!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions by SparkleStock ($7 retail value).