7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

How to Design a Pop-Up Shop Flyer Template

Read Time: 10 mins
Final product imageFinal product imageFinal product image
What You'll Be Creating

In this tutorial, you'll learn how to create a vibrant pop-up shop flyer template. By the end of this tutorial, you'll have learned how to create a grunge background in Adobe Photoshop, how to apply a holographic sticker, and how to use adjustment layers to make your sneakers pop.

If you're short on time, head over to Envato Elements and grab this sneaker pop-up shop flyer. This flyer is easy to customize in Adobe InDesign. Turn this flyer into a pop-up sale flyer that will have customers rushing to your event. Also, check out Envato Elements for more pop-up shop flyer makers like the one below.

Red Flamme sneaker flyerRed Flamme sneaker flyerRed Flamme sneaker flyer

What You Will Learn in This Fashion Pop-Up Shop Flyer Tutorial

  • How to create a grunge background in Photoshop
  • How to create a trendy holographic sticker
  • How to edit a sneaker using adjustment layers
  • How to create a vibrant sneaker pop-up shop flyer in InDesign

What You'll Need for This Tutorial

1. How to Create a Grunge Background in Photoshop

Step 1

Open Photoshop and create a new document (File > New). Use the dimensions 8.75 x 11.25 in, CMYK Color, and change the Background Contents to Black. Click Create.

Create a new document in PhotoshopCreate a new document in PhotoshopCreate a new document in Photoshop

Step 2

Unzip the Cardboard texture file and open the Colored Cardboard 6.jpg file in Photoshop. Go to Image > Mode > Grayscale. If a Discard Color Information dialog box pops up, click Discard.

Turn the image to grayscaleTurn the image to grayscaleTurn the image to grayscale

Step 3

Take this grayscale cardboard photo and drag and drop it over to the new document that we just created. Resize the cardboard texture to your liking using Edit > Free Transform (Command-T). Change this layer to Divide with a 70% Opacity.

Change layer to Divide with 70% opacityChange layer to Divide with 70% opacityChange layer to Divide with 70% opacity

Step 4

Open the Torn Paper Texture PSD file in Photoshop. Select the 1 Paper Group Layer and convert it to a smart object (right-click > Convert to Smart Object).

Convert torn paper to a smart objectConvert torn paper to a smart objectConvert torn paper to a smart object

Step 5

Grab your Magnetic Lasso Tool (L) and outline the edge of the paper tear like the image below.

Use the magnetic lasso toolUse the magnetic lasso toolUse the magnetic lasso tool

Step 6

Copy (Command-C) and paste (Command-V) this torn paper selection into your document with the black cardboard texture. Repeat these same steps again by using the Magnetic Lasso Tool and outlining a different section of the paper texture and pasting it into our black cardboard background.

Copy and paste paper tearsCopy and paste paper tearsCopy and paste paper tears

Step 7

Create a new layer and name it 'Lime Green'. Now select the Pen Tool (P) and trace the inside of your paper tears. 

Create a new layerCreate a new layerCreate a new layer

Step 8

Right-click this path and select Make Selection. Select OK when the Make Selection box pops up. Make sure your Feather Radius is set to 0 pixels, Anti-aliased is checked, and Operation is set to New Selection. Now grab your Paint Bucket Tool (G) and fill this layer with #9acb3c. Change this layer's Blending Mode to Vivid Light.

Fill with lime green colorFill with lime green colorFill with lime green color

Step 9

Select these three layers (tears and lime green) in the Layers panel and place them in a group. Right-click > Group from Layers. You can name this group 'Lime Bottom'.

Place layers in a groupPlace layers in a groupPlace layers in a group

Step 10

Duplicate (right-click > Duplicate Group) this Lime Bottom Group and rename this new group to 'Lime Top'. Adjust this lime tear so that it's smaller and at the top of our background.

Duplicate (Command-J) the Lime Green layer and apply a Color Overlay Layer Style by double-clicking this second Lime Green layer. Change the Blend Mode to Soft Light and the color to #328941.

Duplicate lime green tearDuplicate lime green tearDuplicate lime green tear

Step 11

Save this file as bg.tif on your desktop.

Save as a tif fileSave as a tif fileSave as a tif file

2. How to Create a Trendy Holographic Sticker for a Pop-Up Shop Flyer

Step 1

Create a new document. Use the dimensions 5 x 5 in, CMYK Color, and change the Background Contents to Transparent. Click Create.

Create a new document stickerCreate a new document stickerCreate a new document sticker

Step 2

Grab your Ellipse Tool (U) and create a circle that fills the majority of the document.

Make a circle using the ellipse toolMake a circle using the ellipse toolMake a circle using the ellipse tool

Step 3

Open the Holographic Texture in Photoshop. I am using holographic #43 for this tutorial. Drag and drop this layer on top of the circle we just created. Resize this holographic layer to 37% so that it's smaller. Right-click this holographic layer and Create Clipping Mask.

Add holographic layer to circleAdd holographic layer to circleAdd holographic layer to circle

Step 4

Grab the Magnetic Lasso Tool (L) and make a path similar to the image below. With the circle layer selected, AddLayer Mask (outlined in red).

Add a sticker mask in photoshopAdd a sticker mask in photoshopAdd a sticker mask in photoshop

Step 5

Save the file as a tif on your desktop.

Save sticker fileSave sticker fileSave sticker file

3. How to Edit a Sneaker Using Adjustment Layers

Step 1

Open the sneaker photo in Photoshop. We're going to focus on the main sneaker and crop the other one out. Take your Crop Tool (C) and crop out the other shoe so that it looks like the image below.

Crop sneaker in photoshopCrop sneaker in photoshopCrop sneaker in photoshop

Step 2

Go to Select > Subject and then Add a mask (outlined in red). Change this document's color mode to CMYK (Image > Mode > CMYK Color).

Mask sneakerMask sneakerMask sneaker

Step 3

Using the Magnetic Lasso Tool (L), outline the grey/blue-ish part of the shoe. After you are done outlining, add a Hue/Saturation adjustment layer. Adjust the Saturation to -71 and the Lightness to -1. Right-click the Hue/Saturation 1 layer and select Create Clipping Mask.

Add a hue and saturation adjustment layerAdd a hue and saturation adjustment layerAdd a hue and saturation adjustment layer

Step 4

Command-click inside the Hue/Saturation 1 layer mask so that the grey part of the shoe is selected again. Now apply a Brightness/Contrast adjustment layer. Change the Brightness to -150 and Contrast to 100.

Add brightness and contrast layer to shoeAdd brightness and contrast layer to shoeAdd brightness and contrast layer to shoe

Step 5

Repeat the last step again by Command-clicking inside the Hue/Saturation 1 layer mask so that the grey part of the shoe is selected again. Now apply a Levels adjustment layer. Change the first point to 77, the second to 0.72, and the third to 255.

Apply levels adjustment layerApply levels adjustment layerApply levels adjustment layer

Step 6

Take the Magnetic Lasso Tool (L) and outline the pink part of the shoe. Create a Solid Color adjustment layer and fill it with #4cc2c0

Add teal to the sneakerAdd teal to the sneakerAdd teal to the sneaker

Step 7

Change the blending mode to Color and create a clipping mask by right-clicking and selecting Create Clipping Mask.

Change teal blending modeChange teal blending modeChange teal blending mode

Step 8

Take the Magnetic Lasso Tool (L) and outline the light blue part of the shoe. Create a Solid Color adjustment layer and fill it with #9acb3c. Change this layer's blending mode to Color Burn.

Add color burn to green layerAdd color burn to green layerAdd color burn to green layer

Step 9

Now we're going to lighten the blue hue that's at the bottom of the shoe. Select Quick Mask Mode (Q) and shade the area at the bottom of the shoe using the Brush Tool (B).

Apply quick mask toolApply quick mask toolApply quick mask tool

Step 10

Select (Q) again and now you should have a selection of that area you painted in red. Go to Select > Inverse. Add a Hue/Saturation adjustment layer. Change the Saturation to -44.

Add hue and saturation to bottom of shoeAdd hue and saturation to bottom of shoeAdd hue and saturation to bottom of shoe

Step 11

Select all of the layers in the Layers panel. Right-click and Convert to Smart Object.

Convert sneaker to a smart objectConvert sneaker to a smart objectConvert sneaker to a smart object

Step 12

With the sneaker layer selected, go to Filter > Sharpen > Smart Sharpen and change your settings to the ones below:

  • Amount: 200%
  • Radius: 13.0 px
  • Reduce Noise: 1%
  • Remove: Lens Blur
Apply a smart sharpenApply a smart sharpenApply a smart sharpen

Step 13

Convert this layer to a smart object and change the color model to RGB: Image > Mode > RGB Color. Select Don't Rasterize. Apply a Camera Filter by going to Filter > Camera Raw Filter. Use these settings:

  • Contrast: +61
  • Highlights: +43
  • Shadows: -25
  • Texture: -100
  • Vibrance: +20
  • Saturation: +15
Apply camera raw filterApply camera raw filterApply camera raw filter

Step 14

Convert this layer to a smart object and change this document's color mode back to CMYK: Image > Mode > CMYK Color. Select Don't Rasterize. Save this file as sneaker.tif. When the TIFF Options box pops up, make sure Save Transparency is selected.

CMYK Color modeCMYK Color modeCMYK Color mode

4. How to Create a Vibrant Sneaker Pop-Up Shop Flyer in InDesign

Step 1

Create a new document in InDesign. I'm using the dimensions 8.5 x 11 in, 0.5 in Margins and 0.125 in bleed.

Create a new document in InDesignCreate a new document in InDesignCreate a new document in InDesign

Step 2

File > place the bg.tif, sticker.tif, and sneaker.tif files into the document.

Place files in InDesignPlace files in InDesignPlace files in InDesign

Step 3

Using the Type Tool (T), type out the name of your event using Boldstrom Italic. These are the settings I used:

  • Sneaker: 91 pt
  • Popup: 107 pt
  • Shop: 125 pt
Add header textAdd header textAdd header text

Step 4

Select the Black swatch, change the Tint to 33%, and create a new swatch with this tint.

Apply a black tintApply a black tintApply a black tint

Step 5

Select the Black 33% swatch and drag and drop it to the first point on the Gradient panel. Select the Paper swatch and place it on the second point. Do the same with the other words. Move the letters behind the shoe by pressing Command-[.

Gradient text in InDesignGradient text in InDesignGradient text in InDesign

Step 6

With the Type Tool (T) still selected, create another text frame and type out the text for your sticker. Use Boldstrom Italic 19 pt. Grab the Pen Tool (P) and make a straight line for the divider. Change the Stroke to the Black swatch with a 3 pt weight.

Holographic sticker textHolographic sticker textHolographic sticker text

Step 7

Using the Type Tool (T) again, add additional information about your event. The swatch colors that I'm using are C45 M0 Y29 K0 and C37 M0 Y100 K0. You can add these swatches by selecting the + icon in the Swatches panel and double-clicking the swatch to change the CMYK values. The subhead text I'm using is Magdelin Regular and Medium.

Add event text to flyerAdd event text to flyerAdd event text to flyer

Step 8

Select both the sneaker and sticker layers while pressing the Shift key. Now, apply a Drop Shadow (Object > Effects > Drop Shadow). The Blending Mode should be set to Multiply, Opacity 75%, with a Distance of 0 in and a Size of 0.1875 in.

Apply a drop shadow in InDesignApply a drop shadow in InDesignApply a drop shadow in InDesign

All Done!

You have now completed this pop-up shop flyer tutorial. Use this tutorial to create other items like a Christmas pop-up shop flyer or a pop-up shop invitation. The possibilities are endless with this pop-up shop flyer design. If you're looking for a mockup for your popup shop flyer, check out this one from Placeit.

Final sneaker pop-up flyerFinal sneaker pop-up flyerFinal sneaker pop-up flyer

5 Pop-Up Shop Flyer Templates From Envato Elements

If you loved this tutorial, then you're going to fall in love with these five pop-up shop flyer designs from Envato Elements. Each one is beautifully crafted and ready for you to customize. Hopefully, this list will help you come up with other pop-up shop flyer ideas that you can use from time to time.

1. Men's Fashion Pop-Up Flyer (PSD, EPS)

Men's Fashion Pop-Up Shop FlyerMen's Fashion Pop-Up Shop FlyerMen's Fashion Pop-Up Shop Flyer

This men's fashion pop-up shop flyer is exquisite and well thought out. Not only is it a great flyer but you can easily turn this into a holiday pop-up shop flyer. This pop-up shop flyer maker did an excellent job capturing the viewer's eye with the typography and photo selection.

2. Pair of One Product Flyer (PSD)

Pair of One Product FlyerPair of One Product FlyerPair of One Product Flyer

Pair of One Product Flyer is bold and beautiful. This attention-grabbing pop-up sale flyer is one you need to have. Give your items the showcasing they deserve with this well-designed pop-up shop flyer design. 

3. Black Edition Fashion Flyer (AI, PSD)

Black Edition fashion flyerBlack Edition fashion flyerBlack Edition fashion flyer

Keep your event neatly organized with this fashion pop-up shop flyer that was created using Illustrator and Photoshop. This vendor pop-up shop flyer includes multiple sections for you to promote your fashions.

4. Fashion Shop Flyer (AI, INDD, PSD)

Fashion shop flyerFashion shop flyerFashion shop flyer

If you are looking for something a bit more chill or laid back, then Fashion Shop Flyer is the way to go. This vendor pop-up shop flyer is what you need to put your business above the rest.

5. Sneaker Promotion Flyer (PSD)

Sneaker Promotion FlyerSneaker Promotion FlyerSneaker Promotion Flyer

This sneaker promotion flyer is the perfect way to entice your audience to visit your pop-up shop. Not to mention you can easily turn this into a Christmas pop-up shop flyer. 

Discover More With These Awesome Resources

After completing this tutorial, you should check out these other resources that will help you come up with more pop-up shop flyer ideas. 

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
One subscription.
Unlimited Downloads.
Get unlimited downloads