![Create a Poster Mockup in Photoshop Create a Poster Mockup in Photoshop](https://cms-assets.tutsplus.com/uploads/users/2760/posts/108601/preview_image/PosterMockup_Preview.jpg)
Discover ways to create a poster mockup in Adobe Photoshop with this tutorial. All through this poster mockup tutorial, you will discover ways to create a wise object and body a poster mockup. To make your poster look reasonable, I will additionally present you add shadows as a crowning glory.
What You will Be taught in This Tutorial
- create a wise object in Photoshop
- make a poster mockup in Photoshop
- make a body poster mockup in Photoshop
Tutorial Belongings
1. Create a Good Object in Photoshop
Step 1
Open the closed shop picture in Photoshop. Use the Rectangle Device (U) and make a rectangle that’s 2460 px x 3420 px.
![Rectangle shape](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_rectangle_shape.jpg)
![Rectangle shape](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_rectangle_shape.jpg)
![Rectangle shape](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_rectangle_shape.jpg)
Step 2
Rename the rectangle layer Poster Mockup Design. Proper-click the layer and choose Convert to Good Object.
![Smart Object](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_smart_object.jpg)
![Smart Object](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_smart_object.jpg)
![Smart Object](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_smart_object.jpg)
2. Make a Poster Mockup in Photoshop
Step 1
Lower the scale to 57% on the Poster Mockup Design layer in order that it matches on the wall by going to Edit > Free Rework. Place the Poster Mockup Design layer into its personal Folder.
![Poster mockup folder](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_folder.jpg)
![Poster mockup folder](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_folder.jpg)
![Poster mockup folder](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_folder.jpg)
Step 2
Choose the Background layer and go to Choose > Topic. Now we have to invert the choice by going to Choose > Inverse. Create a masks on the Poster folder layer.
![Mask the Selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_selection_mask.jpg)
![Mask the Selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_selection_mask.jpg)
![Mask the Selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_selection_mask.jpg)
Step 3
Double-click the Poster Mockup Design thumbnail. This could open a brand new file window. Place your Indie Fest Poster inside this new window and File > Save.
![Smart object place](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_smart_object_place.jpg)
![Smart object place](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_smart_object_place.jpg)
![Smart object place](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_smart_object_place.jpg)
Step 4
Double-click the Poster Mockup Design layer and add a Drop Shadow utilizing these settings:
- Mix Mode: Multiply
- Colour:
#000000
- Opacity: 100%
- Angle: 139
- Distance: 14
- Unfold: 0
- Dimension: 18
![Drop shadow 1](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_drop_shadow_1.jpg)
![Drop shadow 1](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_drop_shadow_1.jpg)
![Drop shadow 1](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_drop_shadow_1.jpg)
Step 5
Add one other Drop Shadow layer fashion utilizing these settings.
- Mix Mode: Multiply
- Colour: #221f1f
- Opacity: 65%
- Angle: 139
- Distance: 55
- Unfold: 0
- Dimension: 68
![Drop Shadow 2](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_drop_shadow_2.jpg)
![Drop Shadow 2](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_drop_shadow_2.jpg)
![Drop Shadow 2](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_drop_shadow_2.jpg)
3. Make a Body Poster Mockup in Photoshop
Step 1
Now let’s add a body to the poster mockup utilizing the Rectangle Device (U). Change the Stroke to 31 px and the colour to #ebe9e9
.
![Poster mockup frame](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_frame.jpg)
![Poster mockup frame](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_frame.jpg)
![Poster mockup frame](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_frame.jpg)
Step 2
Add a Bevel and Emboss layer fashion to the body layer utilizing these settings:
- Model: Internal Bevel
- Method: Chisel Exhausting
- Depth: 131
- Course: Up
- Dimension: 6
- Soften: 0
- Angle: 139
- Altitude: 30
- Spotlight: Colour Dodge |
#ffffff
- Spotlight Opacity: 100%
- Shadow: Multiply |
#000000
- Shadow Opacity: 89%
![Bevel and Emboss](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_bevel_emboss.jpg)
![Bevel and Emboss](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_bevel_emboss.jpg)
![Bevel and Emboss](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_bevel_emboss.jpg)
Step 3
Add an Internal Shadow layer fashion to the body layer utilizing these settings:
- Mix Mode: Multiply |
#221f1f
- Opacity: 20%
- Angle: 139
- Distance: 61
- Choke: 0
- Dimension: 7
- Noise: 81%
![Inner Shadow](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_inner_shadow.jpg)
![Inner Shadow](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_inner_shadow.jpg)
![Inner Shadow](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_inner_shadow.jpg)
Step 4
Choose the Background layer and make the Poster folder invisible. Make a choice of the tree shadow utilizing the Magic Wand Device (W). Create a brand new layer on prime of the Poster folder, fill it with #0b0b0d
, and title it Shadow.
![Tree shadow](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_tree_shadow.jpg)
![Tree shadow](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_tree_shadow.jpg)
![Tree shadow](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_tree_shadow.jpg)
Step 5
Go to Filter > Blur > Gaussian Blur and alter the Radius to 4 pixels on the Shadow layer.
![Gaussian blur](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_tree_shadow_gaussian.jpg)
![Gaussian blur](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_tree_shadow_gaussian.jpg)
![Gaussian blur](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_tree_shadow_gaussian.jpg)
Step 6
Add a Movement Blur to the Shadow layer and alter the Angle to -33 and the Distance to 212.
![Motion blur](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_tree_shadow_motion.jpg)
![Motion blur](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_tree_shadow_motion.jpg)
![Motion blur](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_tree_shadow_motion.jpg)
Step 7
Make the Poster folder seen. Choose the Shadow layer and Proper-click > Create Clipping Masks. Change the Shadow layer to Linear Burn and the Opacity to 49%.
![Blend Mode](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_shadow_blend_mode.jpg)
![Blend Mode](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_shadow_blend_mode.jpg)
![Blend Mode](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_shadow_blend_mode.jpg)
Now You Know Create a Poster Mockup in Photoshop
Do not be afraid to experiment and check out new strategies till you obtain the proper search for your poster mockups. When you’re quick on time, check out this spectacular poster mockup for Photoshop from Envato Components.
![Poster mockup psd](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2760/posts/108601/image-upload/poster_mockup_psd.jpg)
![Poster mockup psd](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2760/posts/108601/image-upload/poster_mockup_psd.jpg)
![Poster mockup psd](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2760/posts/108601/image-upload/poster_mockup_psd.jpg)
Increase Your Mockup Information!
Discover ways to create all the things from poster mockups to brochures with this assortment of tutorials.