Creating a Dashing Print Photo Album in Photoshop

Print photo albums are probably the best way to immortalize your cherished moments. Even though, digital screens have dramatically enhanced their picture quality in the past few years, the magic of holding a memorable photo in your hand still remains incomparable.

So today we decided to create a different kind of Photoshop tutorial. Usually, we share typography, photo-manipulation or art-based tutorials, but today we are sharing print media design tutorial; the tutorial for creating a dashing photo album in Photoshop.

With the help from our sponsor GraphicStock, we’ll be creating a title page, inner title and a three sample layouts for inner pages.   You can sign up for their free 7 day trial, and will have access to their huge library of over 250,000 graphics.  You can also download the original PSD files of this tutorial from the link below. You can even use these files as templates. We won’t have any objection even if you use them commercially.

Resource for Beginners: If you are not fluent with Photoshop, try our free Ebook, Adobe Photoshop Crash Course. It will teach you all the essentials of Photoshop in just half an hour.

Here’s what we will be making:

Final Result

Download PSD practice files

Download this Freebie

Simply enter your email address and the download link will be sent right to your inbox. If you did not get an email please check your junk folder.


Designing the Cover

We will start our designing process with the cover of our photo album.

In this section, we’ll be using the following images:

Step 1

First step is the obvious one i.e. creating a new file. Your file resolution needs to be at least 300 DPI if you want your design to print properly.
I’m using 45cm x 30cm panoramic size. This is my favorite size in photo albums.

1 Open a Blank File

Step 2

Load the background texture in the Photoshop document.

Tip for Beginners: Always make sure that whatever data you bring/design in a Photoshop document, it must be placed on a separate layer.

2 Load BG

Step 3

Desaturate the leather texture so that all colors are drained out.
You can just hit Ctrl + Shift + U for desaturating an image.

3 Desaturate

Step 4

Now we need to create an adjustment layer that will set levels and give our background a deep-night look.

4 Levels

Step 5

Now it is time to import the second image. This image is actually a vector.
We will import this vector and place is on one side.

7 Result So Far

Step 6

I have added to copies of the same vector on the eastern corners.

8 Added Corner Ornaments

Step 7

Now, it is the time to add text/title, if it is required.

9 Text

Step 8

The text has been added and it is looking alright, but I’m gonna make a minor letterpress effect.
Go to Layer Styles > Inner Shadow.

10 Text Effect

Step 9

Give it 1px of distance, one pixel of size and no choke at all. I also found that 90 degrees angle creates the best results.

11 Text Effect

Step 10

Check the final results. This is the title of our album.

12 Album Title

Designing Inner Pages

Usually, photo albums don’t have an inner title or anything of that sort, but we had an album in our home which comprised an inner title page. This page was my favorite because it contained miniatures of nearly all of the important images inside the album. That page had the same function which a movie trailer has with its movie. So I’ve decided to create an inner title page. Of course, this page can be used as a regular album page.

The resources we’ll be using here are:

Step 11

Open the background in a Photoshop document.

13 Layout A Background

Step 12

Place the empty photo frames on the pages.

14 Placed Empty Frames

Step 13

Now we will be powerclipping images into these frames. For that, the first step is to select the black area inside the frames and place it on a new layer. I used magic wand tool to select this black area.

15 Cutting Blank Areas

Step 14

You can see in the picture below that the black area and the border are now in two separate layers.

16 Breaking Layer

Step 15

Now I placed a new image on top of the photo frame.

17 Placing Powerclip

Step 16

Now it is time to powerclip. Just press and hold your Alt key, move your mouse pointer to the intersection of the two layers and click. You can see the result below.

18 Powerclip

Step 17

With powerclipping, the layer containing the black area of becomes the container and the clipped image becomes the content.

Now I’ll repeat the process of powerclipping an image in each of the photo frames.

19 Inside Pages

Designing Multiple Page Layouts

Basically, our work has been completed. Yet, I feel I should show you a couple of layouts for photo album pages. So here it goes. This is what I designed.

The resources I used are:

Step 18

I just created new layers, selected an area in each layer using marquee tool and filled it with solid black color. Now we have two good looking layouts.

20 Alternative Layout

Step 19

Once we powerclip images into all these black areas, the final results look like this.

21 Pages Filled

Step 20

Let’s bring all our stuff into one document for easier preview.

Final Result

Download PSD practice files

Download this Freebie

Simply enter your email address and the download link will be sent right to your inbox. If you did not get an email please check your junk folder.

This tutorial is brought to you by The Syndicate.

Further Related Readings

Copyrights © 2016 - Designzzz. All Rights Reserved