When building a product on the Nations Photo Lab website such as an Album99, Metal Print, or Press Card (to name a few) you will be using the web based customization tool. This article is a guided tour of the tools and what each button does!
When we open the web based customization tool on a laptop/desktop computer, the layout will look like this:
The example in this article uses an Album99 10x10" with Midnight Blue leather cover, 15 Spreads as we can see across the top. First, we will go through the Design Tab and its' functions.
This is the Design Tab and it houses most of the functions needed to layout content on a project.
Design Tab Toolbar
*Unfortunately at this time, we cannot copy entire spreads or pages from a project or paste them into another project. The Design Tab Toolbar is only for single elements such as one Photo Box or one Text Box.
To add an individual image box, start by clicking on the actual page within the main template (not on the page listed in the bottom row)- in this example I clicked the left page of the print template area. We must click "Photo" and then click "Add Empty Photo Box." To insert an image, select "My Galleries."
*Empty Photo Boxes will not print nor will they affect the printing process*
This image was already uploaded to "My Galleries"- with the desired Photo Box selected (outlined in blue), enter the gallery which contains your image and click the image thumbnail. Selected image thumbnails have a blue dot with white check mark inside of it, on the bottom right corner. You can also click, hold, and drag the image thumbnail over to the desired Photo Box, releasing the mouse over the Photo Box.
To add a border to a Photo Box/Image, click the Photo Box/Image you wish to modify. Then select Border from the Design Tab. Click the desired border you wish to apply to that Photo Box/Image. The selected border will have a blue dot with white check mark in the lower right corner. To remove a border, select "NONE" which is located to the right of "Change Border" in the Design Tab.
Please note, borders are an extension to your image. Therefore, if your image fills the entire template, you will not see the border. To be able to see it, you will want to click on the Photo Box within the main template then click Transform in the tool bar that appears. The Transform tool allows you to modify the Photo boxes shape and size! You can make the box smaller so the border is visible!
To customize your project with Text we must start by clicking the area in which you wish to add an empty text box to. Select "Text" from the Design Tab and click "Add Empty Text Box." Now you are able to enter your custom text in the field outlined in Purple and may edit the text size, font family, color, bold, underline, italicize the text and can left, center or right justify the text.
Layout houses the pre-designed pages/spreads for this specific product. Layouts may contain Photo Boxes in combination with Text Boxes depending on the chosen layout. To add a pre-designed layout, click on the page you wish to add a layout to, then select Layout from the Design Tab. A Page Layout will be a single sided layout, a Spread layout will be a layout applied to the left and right side conjoined. Above, is a two Photo Box/one Text Box layout chosen from Page.
A Theme adds a Background Color, stroke around Photo Boxes, and customizes the Text Box properties (color, size, font family). To add a theme, select the area/page you want to add the Theme to, then Select Theme from the Design Tab. Scroll and select the Theme you wish to apply. To remove the Theme, select the top left Theme choice from the given options.
Background contains pre-made images perfectly sized for your projects' background. To apply a pre-designed background to your project, click the area you want to modify. Select Background from the Design Tab and enter the category of backgrounds you wish to explore. Click the desired background to apply it to that page/area of your project. To remove a Background, select "NONE" which is located to the right of "Change Background" in the Design Tab.
The Toolbox supplied with Photo Boxes and Text Boxes is another very powerful item at our disposal for editing the crop and location of an image or text.
The Photo Toolbox contains customization tools to personalize your projects! Read on to learn more about the tools and what they do!
The Pan/Zoom tool is used to modify the crop of an image within the Photo Box. Pan allows you to adjust an image within a given Photo Box. To Pan an image, click and drag the image within the Photo Box. To Zoom, use the slider bar above the Toolbox- or you may use your mouse wheel to zoom in/out.
Transform is used to modify the Photo boxes shape, size, and location. To modify the shape or size of the box, select the Photo Box/image by clicking on it. Select Transform- now you can click and hold a gray tab along the side or corner of the box. Drag your mouse inwards or outwards to modify the shape/size of the Photo Box. To rotate the Photo Box, click and hold the curved arrow circled in purple and drag your mouse in a circular motion- release when desired angle is achieved. To move the Photo Box click and hold the cross-hairs circled in black- release when desired location is achieved.
The Rotate function will rotate the image within the Photo Box in ninety degree increments, one rotation per click.
The Front/Back function is used mainly in collages where images' will overlap each other. In this example the Photo Box selected in blue is currently behind the lower Photo Box. We can bring it to the front by clicking Front.
The Background tool will make the Photo Box/image into the background for that items' page or side. First select the Photo Box by clicking on it and click Background to activate it. Make sure to review and edit the crop of the new background image! To undo this action click Minimize.
Empty will remove the contents of the selected Photo Box. Delete will remove the selected Photo or Text box.
Input Field (purple) - Enter your custom text in this field
Transform (red) - Select to rotate or move text box. Also used to increase or decrease size of text Box.
Text (green) - This function exposes or hides the text editing tools on the left side Design Tab.
Delete (blue) - This deletes the single selected text box.
Empty Text Boxes will not print nor will they affect the printing process.
Check out the Edit and Review Crop Tool Guide for ordering prints on the website!