Photoboof – Customize colours and text using Photoshop

Unzip your new template

Photoboof Guide

Unzip by clicking ‘Extract All”

Our template is saved to the desktop in this example.

Open the “Read Me” file to download the required fonts for your template

photoboof guide 2

Click on the links to Install the fonts listed under “Fonts Used”

Photoboof Guide 3

These links will direct you to a webpage that contains the fonts as free downloads.

Download load all the fonts used in the design.

Now that you have the fonts downloaded, you need to install them.

Photoboof Guide 4

Once you have downloaded each font, double click the included ‘.ttf’ file, this is the file that will allow you to install your font.

The “Fonts’ application will open as you can see in the above image.

Click the install button.

That’s all you need to do to complete installation of the font. Do this with each font that’s required for your design.

Now let’s open the template in Photoshop for customisation.

Photoboof Guide 5

Click on ‘Photoshop.psd’ file inside your template folder.

Now you have your design open in Photoshop you need to hide the bleed layer first

Photoboof Guide 6

To hide the bleed layer;

Click on the ‘eyeball’ icon beside the layer.

Note – You can toggle this icon on and off to make layers visible and also to hide layers.

Next, let’s change the background colour

Photoboof Guide 7

Again, select the ‘eyeball’ icon on the layer that reads ‘background colour’ to make it visible.

This is the hue and saturation layer.

By making this layer visible you can make adjustments that will affect the colour of the layer below.

Now that you’ve made the “Hue & Saturation” layer visible, double click this little icon on the layer

Photoboof Guide 8

This will open a small window that will allow you to make colour adjustments.

Use this “Hue” slider to adjust the layers colour

Photoboof Guide 9

As you move the slider in either direction you’ll see the colours on your background change.

You can also adjust the ‘Saturation’ slider here and the ‘Lightness’ slider to make further adjustments to get the right density and vibrancy for the colours.

Now that we have the background colours how we like them, we can adjust the text colour

Photoboof Guide 10

It’s the same process as above, make the ‘Hue & Saturation’ layer above the text layer visible by clicking the ‘Eyeball’ icon.

Adjust the sliders to affect the colour of the text

Photoboof Guide 11

After you’re happy with the colour you can change the text to suit your written details.

Firstly, click on the ‘T’ tool over on the left.

Once you have the ‘T’ tool selected, click on the text you want to change

Photoboof Guide 12

Now type in your replacement text

Photoboof Guide 13

For this example we replaced the original text with “Jessica Lee”

Now, let’s adjust the colour of the frames to match the text colour

Photoboof Guide 14

First, you need to unhide the hue and saturation layer named “Frames Colour”

Now to change the text colours, double click the icon to open the slider window.

Photoboof Guide 15

Adjust the sliders to affect the colour of the frames

Photoboof Guide 16

Because I’ve made the frames blue I’ve decided to go back and make the text blue also

17

Now that we’re happy with the design, the next step is to export the changes

Photoboof Guide 18

First, hide the frames layer

And hide the photos layer

Photoboof Guide 19

Now you’re just left with the background and text, so let’s save the new background layer

Photoboof Guide 20

Click File>Save As

Select .jpg from the dropdown

Photoboof Guide 21

Replace the ‘background.jpg’ file

Photoboof Guide 22

Replace the ‘background.jpg’ file

Photoboof Guide 22

The background.jpg file is inside the original template folder you unzipped at the start of this guide.

Be sure to set the quality to 12 and press ok

Photoboof Guide 23

Next, we need to save the new overlay layer. So hide all layers except the frames layer

Photoboof Guide 24

Click on “File” then “Save As” from the dropdown menu

Photoboof Guide 25

Select “.png” from the file types dropdown

Photoboof Guide 26

Replace ‘overlay.png’

Photoboof Guide 27

The overlay.png file is inside the original template folder you unzipped at the start of this guide.

Awesome! You can now exit Photoshop

Photoboof Guide 28

You don’t need to save here

Now let’s load the new design into Photoboof 7

Photoboof Guide 29

Open the Photoboof 7 application

Click on “Layout Editor” under the file menu

Photoboof Guide 30

Click on “File>Import”

Photoboof Guide 31

Import the file titled “Photoboof.zip”

Photoboof Guide 32

The “Photoboof.zip” file is inside the original template folder you unzipped at the start of this guide.

Now you’ll see the original template design WITHOUT your new customisations

Photoboof Guide 33

Click the “X’ icons next to background image and image mask

Photoboof Guide 34

This will remove the original background and overlay files.

You are going to replace these in the next steps with your updated design.

Now we need to delete the original text. Click your mouse on the text to select it

Photoboof Guide 35

Press the trash bin icon on the top right to delete the text layer

Photoboof Guide 36

To import your new background, click the “Browse” button next to “Background Image”

Photoboof Guide 37

Open your new “background.jpg” file that you saved from Photoshop

Photoboof Guide 38

This file is in the unzipped template folder from the start of this guide.

Now load in your new overlay, click the “browse” button next to image mask

Photoboof Guide 39

Import the “overlay.png” file

Photoboof Guide 40

Now you can see your final design with the changes you’ve made inside Photoboof 7

Photoboof Guide 41

You’re all done! Click “File>Exit”

Photoboof Guide 42

Select “Yes’ to save the updated template

Photoboof Guide 43

Your new design is now loaded into Photoboof 7!

Photoboof Guide 44

Now run Photoboof 7

Click ‘Viewer>Show Viewer Monitor 1″ to launch the Photoboof software

Your design is now loaded into Photooboof and ready to print! Nice job!

Leave a Reply

Your email address will not be published. Required fields are marked *