Display your design in a book layout and apply realistic form and lighting with Transform tools and Layer Styles.

Now try it yourself

1. Download the practice files and open "Book mockup.psd" in Photoshop.

Tip: It is important to use assets that work well together. The page design we provided roughly matches the dimensions of the book mockup from Adobe Stock.

Insert the design to the book layout

2. Select "Page design" layer and use Control+T (Windows) or Command+T (macOS) to open the Transform tool. Drag the page design to the left page of the open book and rotate the page design by about 12 degrees to roughly match the angle of the page.

 

Tip: If you move the mouse pointer a bit outside of the page design the cursor turns into a curved double arrow cursor that enables you to rotate an object by dragging.

An image of a flower has been added over the man's face

 

3. Next transform the page design. With the page design layer selected, right-click the page design and select choose Distort.

 

4. Drag each corner of the page design to align them with the corners of the left page.

Properties, View Mode is displayed and the flower is now to the side of the man's face

 

5. Now adjust the curves. Right-click on the page design and choose Warp > 12 dots/handles appear. Adjust each handle to align the edges with the curves of the page. Press Enter or Return when finished.

The man's face is now surrounded by two sets of flowers, and Layers > Curves is displayed

Create lighting

6. To make the mockup look as realistic as possible we need to create lightning. For that, double-click the page design layer to open the Layer Styles dialog. Click the Gradient Overlay on the left side then click the Gradient field and choose the black, white gradient from the Basics category. Also choose the following settings:

a. Blend Mode: Multiply

b. Opacity: 90%

c. Angle: -170

d. Scale: 15%

 

7. With the Layer Style dialog still open, use the Selection tool to drag the gradient and reposition it along the seam of the page. It looks quite realistic when you create a shadow in the seam of the page.

 

8. Next click the + icon next to the Gradient Overlay to add a second gradient.

 

9. Adjust Opacity to 40% and Scale to 30%. Leave the rest as you set before. Use the Selection tool again to drag the gradient slightly to the left, away from the seam of the page.

 

10. Click the + icon next to the Gradient Overlay again to add a third Gradient Overlay.

 

11. Set the Blend Mode to Screen. Drag the gradient on the artwork to reposition the highlight over the left side of the page. Click OK when you are done.

Blend the design with the paper grain

12. Finally we will blend the design with the paper grain. For that, choose Filter > Noise > Add noise. The Add Noise window opens > Change the Amount to 12% and check the Monochrome box.

 

That's it! Now it's your turn to make a print mockup in Photoshop. Download the assets or use your own and share your result on Facebook, Twitter and Instagram using #MadewithPhotoshop to get feedback and connect with other creative minds.

Download my practice assets

 

LET’S CONNECT

 

Facebook: http://facebook.com/adobecreativecloud

Twitter: http://twitter.com/creativecloud

Instagram: http://www.instagram.com/adobecreativecloud

YouTube: https://www.youtube.com/channel/UCL0iAkpqV5YaIVG7xkDtS4Q

Behance: https://www.behance.net/live Join our regular livestreams with real pros, real projects in real time and find inspiration.

Adobe logo

Sign in to your account