UXDE dot Net Wordpress Themes

Photoshop Tutorial: Create an Amazing Summer Flyer Design



There is a heat of summer outside. Everybody are trying to take the best of the summertime. People have a rest at the sea cost, lay on the sun and organize noisy parties until dawn. As usual, the flyers for the hottest summer parties are handing out on the beach. Once I’ve looked at the flyer and decided to create something like this (maybe even better).

Note. Don’t worry about the a summer theme used here. This tutorial can be used to create absolutely any flyers (the time of year doesn’t really matter).

The tutorial was originally created not for the beginners, but for those who are already savvy with Photoshop. I do believe that everyone can do it, if you really want it. Don’t hesitate to ask any question in the comments after the post. I’ll be more then happy to help you with it. So, let’s start the tutorial and create an amazing summer flyer design in Photoshop.

Final Result:

flyer photoshop tutorial

You need to download the files:

Step 1

Open the Photoshop and create a new document. Size 4.25 x 6,25 inches. Resolution: 300 DPI, Color: CMYK

flyer photoshop tutorial


Step 2

Using the Brush Tool fill the background with the color #78bbc8. Create a new layer (Ctrl+Shift+N) and place it above the background layer. Take the Brush Tool, select the Sky brushes you’ve downloaded at the beginning and make something like on the picture below:

flyer photoshop tutorial


Step 3

We need to separate a girl from the background on the picture, we’ve downloaded earlier. We can do it thanks to the Quick Selection Tool. Select a girl:

flyer photoshop tutorial


Step 4

Click on the Refine Edge. View: Black & White, put a tick on the Smart Radius and change the Radius settings on 95-100, like on the picture below:

flyer photoshop tutorial


Step 5

Now let’s change the View Mode to On Black. As you can see, a small parts of the background remained in the hair. In order to fix this issue, put a tick on the Decontaminate Colors and set the amount to 65-70. Output To: New Layer with Layer Mask

flyer photoshop tutorial


Step 6

As you can see, we’ve got rid of the background and the mask layer allows us manually modify a picture (if some necessary part was deleted).

Note. Also, you can change the brightness, contrast, color balance and other settings as needed.

flyer photoshop tutorial


Step 7

Select all the layers (for a convenience), click on the right mouse button and choose Convert to Smart Object. Move the layer you’ve got on the flyer document

flyer photoshop tutorial


Step 8

Next, take any picture of a beach. Remove the sky on it, in any way you like (you can use the same method as for the girl) and move it to the flyer layer

flyer photoshop tutorial


Step 9

Merge the layers with a beach and a sky, then apply the filter: Blur – Gaussian Blur – Radius 9 pixels

flyer photoshop tutorial


Step 10

Create a new document 100×100 pixels and draw a star, you’ll turn it into a Brush (Edit – Define Brush Preset)

flyer photoshop tutorial


Step 11

Go back to the layer with a flyer. Create a new layer (Ctrl+Shift+N) and place it over a girl, but before the beach layer. Take the Brush Tool and open the preferences window (F5). Make changes as it shown below:

flyer photoshop tutorial

flyer photoshop tutorial

flyer photoshop tutorial

flyer photoshop tutorial


Step 12

Do something like that with the resulting Brush:

flyer photoshop tutorial


Step 13

The background is too bright. Create a new layer and place it on top of the beach. Fill in everything with the white color using Paint Bucket Tool. Change the Opacity to 60-65%. Also you can add the reflections on the girl, they will make the picture magic

flyer photoshop tutorial


Step 14

Let’s work with the background a little bit more and then move on to the text effects. So, create another layer above the girl and using different brushes, try your best to achieve a similar effect:

flyer photoshop tutorial


Step 15

Now we should prepare a place for the text. Make a girl a little less and lift higher, it will looks better. Merge all the layers in order not to be confused. Take the Rounded Rectangle Tool (U) and draw a plate (color #f9941e) as on the screenshot below:

flyer photoshop tutorial


Step 16

Add the next styles to the layer:

flyer photoshop tutorial

flyer photoshop tutorial

flyer photoshop tutorial

flyer photoshop tutorial

flyer photoshop tutorial


Step 17

Create a layer and + Alt click between it and the plate layer with (Creating Clipping Mask). The Blending Mode is Soft Light. Take the Brush Tool, select the Retro brushes, you’ve downloaded earlier and make the following acts (use white and black colors):

flyer photoshop tutorial


Step 18

Duplicate the layer with the plate (Ctrl + J). Clear all the styles from the duplicated layer, fill it with the black color and put it under the original layer with a plate. Rasterize the layer

flyer photoshop tutorial


Step 19

On the top menu find Edit – Free Transformation (Ctrl + T)

flyer photoshop tutorial


Step 20

Make the following transformation

flyer photoshop tutorial


Step 21

Add some blur: Filter – Blur – Gaussian Blur – Radius 10

flyer photoshop tutorial


Step 22

Remove the unnecessary parts on the top and set the Opacity 30%

flyer photoshop tutorial


Step 23

Take the Eraser Tool (size: 300 px, Hardness: 0%) and slightly erase the shadow around the edges

flyer photoshop tutorial


Step 24

It’s time to add the text to our amazing colorful plate. I’ve used the Devil Breeze (size 158 pixels and a color #f9f9fa)

Note. Depending on the font size and text size, the plate size may change. In this case, the plate has become wider.

Apply the following styles to the text:

flyer photoshop tutorial

flyer photoshop tutorial

flyer photoshop tutorial

flyer photoshop tutorial


Step 25

The result you get should be like this:

flyer photoshop tutorial


Step 26

You can add a slogan or any additional text to the main one. For example, I want to add “The Greatest Party in 2012 Summer Season”. I used the Bioliquid font, ( size 50 and white color #ffffff).

Note. If you don’t have enough space you can always change the size of the plate.

I’ve placed it like this:

flyer photoshop tutorial


Step 27

In order to highlight the text on the background, create a new layer and place it above the layer with plate and retro brushes. Make a selection using the Rectangular Marquee Tool. Take the Paint Bucket Tool and fill the selection with the color #1fb0cd

flyer photoshop tutorial


Step 28

Let’s add a Stroke to this layer:

flyer photoshop tutorial


Step 29

And the Shadow to the slogan as well:

flyer photoshop tutorial


Step 30

You should have something like this:

flyer photoshop tutorial


Step 31

I’ve noticed that the designers like to decorate the plates (and flyers as well) with the various elements. I also decided to do it. I do believe these elements will fit: Palm leaves #1, Palm leaves #2, the image of cocktails, tropical flower Plumeria, the image of Toucan birds, coconut, etc. You can find the elements you like around the Internet.

Note. Choose any image that you think will look good.

Place all the elements on the flyer in close proximity to each other. Merge them into a group and move under the layer with a girl.

That’s how I came up with:

flyer photoshop tutorial


Step 32

We are nearing the finish line. It’s necessary to add a description of the event, the date and the information about the invited guests. Let’s start with information about the event. I’ll place it under the party name. Write text with the same Bioliquid font, size 42 pixels and the color #256676

flyer photoshop tutorial


Step 33

We can add some light to the text. Create a new layer and place it under the text, using a large brush (Hardness: 0%, Color: #ffffff) make the highlighting

flyer photoshop tutorial


Step 34

Now we need to write the date of the event over the girl. The font is Devil Breeze, (the size 80 pixels, the color #276676).


Step 35

Place the text, as it shown below:

flyer photoshop tutorial


Step 36

Create a group and place the text layer there, duplicate it. Merge all the layers (Layer – Merge Group). Apply a filter Motion Blur to the resulting layer layer (Filter – Blur – Motion Blur)

flyer photoshop tutorial


Step 37

Make this effect softer, add a style Color Overlay with color #56a7bb

flyer photoshop tutorial


Step 38

We need to display the special invited guests on the flyer. Choose the Custom Shape Tool and find the star (pre-installing downloaded shapes) and draw 2 stars any color as I did:

flyer photoshop tutorial


Step 39

Open two pictures of the invited guests. Move them into the document. Place one picture over the first star, do the same with the second picture. Change the picture size in order to make them look good inside the stars. Choose the first photo, open the menu: Layer – Create Clipping Mask. Do the same with the second photo

flyer photoshop tutorial


Step 40

Add the following styles to the stars (for the shapes, but not photos)

flyer photoshop tutorial


Step 41

Add the text with the names and place as in the screenshot below:

flyer photoshop tutorial


Step 42

This is it. The flyer is done

flyer photoshop tutorial


Stay social. Don’t forget to subscribe to our updates. You’ll receive much more interesting information. Thank you for your attention.

ShmitAcc writes inspirational articles about web design technologies and useful web design tutorials, where you can find a lot of top tips how to create amazing web design artworks.

Discussion 11 Comments

  1. kasinova

    thank you very much for your wonderful gift … i wish to know more

  2. Heather

    I actually consider this specific blog post , “Photoshop Tutorial: Create an Amazing Summer Flyer Design”, incredibly engaging and also it was indeed a superb read.
    Thank you-Carina

  3. Anand

    Hi ShmitAcc, first i am hats off to you, i got best designer award in my office because of this tutorial. basically i am a magazine book designer. i red your article and i tried in different way for my magazine cover, My CEO called and encouraged me reason i have done best cover design in Photoshop. i got a hike and promotion. i have no words to thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>