Sweet 16 Rounded Corners

Hello and welcome to the Sweet 16 Rounded Corners tutorial. This document will familiarize you with how your new product functions. This product works by using a template (.psd file in your download folder) and a Photoshop action (.atn file in your download folder) to automatically place your images within the 16 frames in a matter of minutes. Or, you can use the included InDesign file to simply drag and drop your images into the template.

This template is simple, fun, and so easy to use!  First, let's take a look at what came in your download folder.
• INSERT IMAGES - SWEET 16 ROUNDED CORNERS.atn - This is the action you'll load into Photoshop to add your images to the PSD template.
• preview.jpg - This is a preview of the template.
• PSE - This bonus folder contains actions to ungroup the layers and add your images if you are using Photoshop Elements 6 or newer.  Click here to learn how to add and run actions in PSE.
• read_me_pretty_please_COPYRIGHTSTATEMENT.txt - This text file contains a quick word on copyright.
• SWEET_16_ROUNDED.psd - This is the template you will be using in Photoshop.
• SWEET-16-ROUNDED.indd - This is the InDesign version of the template.
• tutorial.txt - This text file contains some helpful info about your product.

First, decide what size you would like your collage to be:This collage was limited to 12x12 at 300 dpi to speed up  the download time. If you would like to up-size the collage please do so before running the action and inserting your images.  This will yield a much better quality print. Simply go to Image”“>Image Size”“> in Photoshop and make sure that “Constrain Proportions” is checked.

To use the automatic action to place your images into the PSD template:
1 )) Open the PSD file (SWEET_16_ROUNDED.psd) into Photoshop.
2 )) Load the action “INSERT IMAGES - SWEET 16 ROUNDED CORNERS.atn” into your Actions palette in Photoshop. (Simply double click on it in your file browser.) 3 )) Press “Play” on the INSERT IMAGES - SWEET 16 ROUNDED CORNERS action in your Actions Palette. (You can choose “INSERT ALL” to fill all 15 frames in order, or add one image at a time by choosing the corresponding “INSERT ONE IMAGE” action.)
4 )) Follow any instructions that pop up along the way.
The box behind the "name" text can also be used as an image layer. To add an image to this layer and omit the text, simply follow these steps:
1 )) Click the "eye" next to the name layer in the layers palette to turn this layer off and make it invisible.
2 )) Select IMAGE LAYER 5 in the layers palette.
3 )) Press Play on the INSERT ONE IMAGE action in your actions palette.

You can change the color of any of the frames by following these simple steps:
1 )) Select the layer of the element you would like to change in the LAYERS palette
2 )) Double click the colored box next to the name of the layer and choose a new color.
3)) Click "OK".

1)) Using the Type tool, double click the “name” layer and begin typing. Press Enter when you are done to finalize the text.
If you would like to move it to another frame, simply select this layer and use the move tool to drag it to a new location.

Although the action is great for speed, at times you may want to insert your images into the template by hand.  This could occur when you want to work on the template and then save it for later, or when you need to change out an image that you placed by accident.  The good news is it is very easy to place your images by hand, simply perform the following steps:
1 ))  Locate the image layer you would like to populate in your layers palette.  The name of the layer will correspond to the number present above the template.  For example, if you would like to populate image layer “1”, you will want to locate “IMAGE LAYER 1” in the layers palette.
2 )) Click once on the layer to highlight it.
3 ))  Open the image you would like to insert into this position and drag it onto the template by using the “Move Tool” ( Keyboard shortcut “V”).
4 )) Now, to get your image to fit within the image layer, we need to apply a “clipping mask”. To do this, go to LAYER -> CREATE CLIPPING MASK in our top menu in Photoshop.  The image will now take on the shape of the heart.
5 ))  The image will probably not fit correctly within the frame at first, so at this time you can resize the image by using the “Free Transform Tool” (Keyboard Shortcut Control+T, or Apple T on a Mac).  Resize the image by dragging in the corners of the transform frame and don't forget to hold down the Shift Key to maintain perspective. When you are happy with the size and position of your image, simply press “Enter” to apply the transformation. Repeat this step for subsequent images.
Don't forget to remove the “NUMBERS” layer from the template by dragging it to the tiny trash can at the bottom of you layers palette.

At times you may want to change out image in your template after the action is run. This is very easy to do, it's just important to understand how the template is set up.  If you look at your layers palette after the action is run, you will see that your images appear on top of each of the frames.  To find the image that you would like to change out, simply locate the frame in your Layers Palette and look to the layer directly above it - this will be the image that you will take out and replace.  To remove the image, click on it once to highlight it and then click the trash can at the bottom of your layers palette.  Now, follow the steps above (manually inserting your images) to insert your new image.

Also in Tutorials

What I Wish I Knew: The Groom Is More Than A Prop
What I Wish I Knew: The Groom Is More Than A Prop


Nicole Ashley shares her early lessons learned in this installment of our “What I Wish I Knew” series, chronicling the mistakes and revelations creatives made during their first years in business. We hope you find inspiration (and we’re sure you’ll find some commiseration!) in these stories.

Read More

Product Spotlight: Studio Look Book


Read More

Magazine Style 8 Page Brochure Tutorial


Read More