How to combine a car and a new background in Photoshop
In this guide, I will tell you how to turn a simple photo of a car into something impressive. As well as how to choose a new background and place…

Continue reading →

How to become a web designer
In this article we will tell you how to become a web designer and what you need to know and be able to do. Web design is an exciting and…

Continue reading →

How to change eye color using Photoshop
How to change eye color in Photoshop Step 1: Zoom In Select the Scale tool in the toolbar: Select the Zoom tool Press the area between the eyes several times…

Continue reading →

How to create a mockup flyer in Photoshop?

In this article, I will show you some advanced Photoshop tools that we will use to create a flyer layout (mocap). We will use smart objects for placeholders, the “Transformation” parameters for stretching, beveling and curving layers. We have many other tips and tricks. After reading this article, you can create your own layouts (mockups) of flyers, business cards, and more using Photoshop (Photoshop).

1. The most important thing is to think about why you are going to create a mockup in Photoshop: for a business card, brochure, flyer, flyer, or for something else. In this article, we will develop a flyer layout. Create a new document with size A4, click OK.
2. Now create a copy of the background layer by pressing Ctrl + J, then select the Crop tool (C) and make the whole document a little bigger, as shown in the figure below, the edges will appear in the document, but don’t worry! Choose gray as the background color, fill these areas with gray.

A4 format

3. Name the new copied layer Placeholder, then right-click on it, convert it to a Smart object. Remember – you should not scale this layer before converting to a Smart object. After converting the layer to a Smart object, you can make any changes. I reduce it as shown in the image below.
A4 format

4. Make the Placeholder layer smaller, apply the “Shadow” effect:

Mix Mode – Normal;
Opacity – 100%;
Angle – -45 degrees;
Distance – 85 pixels;
Size – 130 pixels.
Create six copies of this layer, then align them as shown in the image below. Set the distance as you wish.
Creating a Flyer Layout in Photoshop – Technique

5. Good. Now bend the lower right corner of the front layer. To do this, select the layer and press Ctrl + T, the Transformation tool will be activated. Next, you will need to select the “Warp” parameter located on the right side of the options menu.
Warp Parameter – Technique

Create a flyer layout in Photoshop
6. Now try to make a small shadow of the bent corner, use the Brush tool for this. Then duplicate each layer and press Ctrl + T, right-click on each copy of the layer and select “Flip Vertical” to flip it. After that, move each copy below the original layer to create its reflection.
Reflection

7. Now select all reflection layers and move them in the layer stack below the original layers. Create a “Layer Mask” for them and apply a gradient to the mask of each layer to hide half of the reflection layers, as well as reduce the opacity to make the image more realistic.
Creating a Flyer Layout in Photoshop – Technique

8. Now double-click on any of the upper layers, as a result of which a new document will open. Place the flyer in this document and press Crtl + s to save it, and return to the main document. Wow! Try experimenting with shadows and highlights. Now you know how to make a wide variety of layouts (mockups) in Photoshop.
Creating a Flyer Layout in Photoshop – Technique

I hope you enjoyed this article, if you have any questions, please post them in the comments. Thank you for your time.

How to unlock an “index” layer in Photoshop
When you start learning Photoshop, you may encounter some problems that are just crazy. Especially when you open an image, but find in the palette of layers that it is…

...

Complete Web Animation Guide (part 1)
Let's start with the preparation of the main image, create a multi-level complex shape and add several layer styles to give it a beautiful appearance. I used Photoshop CS6 version,…

...

How to install Photoshop plugins
Launching the plugin installer Most Photoshop plugins now have an installer that automatically finds Photoshop plugin folders and installs the plugin. You should always try to run the installer first:…

...

31 freeware graphics software (part 3)
22. Visual.ly - a web application for creating interactive infographics. Infographics is a new way of visual presentation of data, which is developing rapidly. Visual.ly is the best program for…

...