Welcome and thank you for giving our iPad/iPhone case templates a try!
These templates are designed for Adobe Photoshop CS and newer and Photoshop Elements 6 and newer.Â This is not to say that they don't work with previous versions ”“ they very well may.Â The files are layered, fully editable PSD files that offer literally limitless opportunity for customization and creativity.
In order to take full advantage of these templates, you should be relatively proficient in Photoshop.Â Not an expert, mind you.Â But you should have a general knowledge of layers, shapes, text and image manipulation such as using the transform tool, layer masks, etc.
If you are less familiar with Photoshop, don't fear.Â We will try to be as thorough as possible with the tutorial ”“ and hey, you might just learn something new!
When you downloaded your product from the Design Aglow website you should have saved it in an easy-to-find location somewhere on your hard drive.Â Take a moment to locate the folder.Â Ready?Â Great!Â Let's move on.
First thing's first ”“ you must unzip the folder before using any of the templates.Â This is very important as Photoshop will not be able to work with the files in zipped format.Â Use your favorite extraction program for this, such as WinZip (www.winzip.com) or StuffIt (www.stuffit.com).
After you have successfully unzipped your folder you should strongly consider backing up everything just in case you ever accidentally over-write one of the original templates.Â This is always a good idea as re-downloading these huge files can be quite a bummer.Â Use a blank DVD or portable thumb drive to save a copy, and put it in a safe place.
PRINTING YOUR CASES
Printing your materials is always a tricky topic because, quite simply, there are an astronomical number of great printers out there.Â And so many printers means a dizzying variety of sizes, crops, bleeds, formats, rules, and upload instructions.Â You are welcome to look into any printing service and use whomever you wish.Â If you choose to do this, be absolutely sure that you contact them for their own templates before printing your materials.Â You will need to resize everything to their specs BEFORE sending them to print.Â Remember, everyone is different, so check first.
For this set we've chosen to use Zazzle's templates (http://zazzle.com). We are in no way endorsing Zazzle, so please contact them before you order just to check ”˜em out.Â We don't want an army of angry photographers with pitchforks showing up at our door because of botched printing jobs.
CUSTOMIZING YOUR TEMPLATES
You can change nearly everything about them including the fonts, colors, image placement, borders, and so on.Â Here's a little info on how to customize a few key things:
Fonts:Â We cannot include fonts in our downloads, as fonts are protected under copyright.Â In order to keep the look of your materials the same as the original template, you will have to have the fonts we used installed on your computer.Â If you do not have the fonts we have used, a quick Google search should turn up a resource in no time.
The fonts used for this set are:
Arial, American Typewriter, Remington Noiseless & Georgia
To change the wording on your templates do the following:
1.Â Select the Text Tool from your tools palette (keyboard shortcut “T”)
2.Â Click on the line of text that you would like to change.
3.Â Highlight the text by dragging the tool across it.
4.Â Type to your heart's content.
CUSTOMIZING YOUR CASES ”“ COLORS
Changing the colors of your templates could not be easier.Â Here are a few tips on how to change the text, background, and graphic colors:
Text ”“ Perform the same steps as if you were to change the text ”“ text tool, click and highlight.
1.Â Double click on the top color box in your tools menu.
2.Â Choose the color for your text.
3.Â Click “OK”
Most of the graphics are in the form of shapes.Â This makes it very easy to change the color on the fly.Â Here's how:
1.Â Choose the graphic that you would like to change in the Layers palette.Â If you cannot see the layers palette, click the “Window” dropdown menu at the top of your screen and choose “Layers”.
2.Â Now, double-click the small box of color next to the name of the layer.
3.Â Choose the new color when the dialog box appears.
4.Â Click “OK”.
Most non-shape graphics will have a color fill layer above them called ""X" COLOR".Â Simply double click this color fill box to change the color.
Background elements with textures: To change the color hue of the background, while keeping the texture, follow these steps:
1.Â Select the layer of the element you would like to change in the LAYERS palette
2. At the bottom of your LAYERS palette you will see several little icons.Â Choose the “Make adjustment layer” icon (it is a tiny circle filled with half black and half white)
3.Â Click this icon and choose “SOLID COLOR”.
4.Â Choose the color you would like to make the background when the dialog box appears.
5.Â Now, from the top right drop down menu in your layers palette, select Create Clipping Mask. This will fill your design element with the selected color while leaving the rest of the template alone.
6. Since there is a texture built in, you will need to change the blending mode to “Color” at the top left of the layers palette.Â (It will currently be set to “Normal”)
7.Â To change the color again, simply double click the colored box next to the words “Color Fill “x”” and choose a new color.
HOW TO INSERT YOUR IMAGES INTO THE TEMPLATE
This is an area where any new Photoshopper could get a little confused and frustrated.Â We'll try to make it as easy on you as possible.
These templates are set up in a very simple way.Â All of the text is grouped together, as is all of the graphics, and what we call “image layers”.Â An image layer is basically a gray box that represents where your image will fit in.Â Each image layer is numbered to make it easy to locate in the Layers palette.
Picture a framed photograph.Â The gray box “IMAGE LAYER” is the matte and your image is the photograph beneath.Â When you insert your image, the gray box will represent where the image will be located and what the bounds of that image are.Â You will not be able to see any area outside of the matte, as in a real framed photograph.
There is no need to pre-crop your images before inserting them into the image layers.Â We will tackle how to place, crop, and resize in the following tutorial.Â We've included an action to easily add your images, which you can simply double click to load in Photoshop, and then click play on the appropriate action to add images to the template.
USING THE ACTION TO INSERT YOUR IMAGES (IN PHOTOSHOP):
1. Open one of the PSD page layouts.
2. Load the “IWANT - INSERT IMAGES.atn” from your download folder into Photoshop, and run the action that corresponds to the number of images in the file you have open (INSERT ONE IMAGE, INSERT TWO IMAGES, etc).Â The action will stop along the way and give instructions on how to proceed. You will resize the images on the fly when the action pauses.
3. Your images will now be inserted and the template will be ready to save.
USING THE ACTIONS TO INSERT YOUR IMAGES (IN PHOTOSHOP ELEMENTS):
1. Open one of the PSD page layouts.
2. Load the .atn and .png files from the “PSE_ACTIONS” in your download folder into Photoshop Elements, select a IMAGE group in the layers palette and run the ungrouping action, then run the action that corresponds to the number of images in the file you have open (INSERT ONE IMAGE, INSERT TWO IMAGES, etc). (Click here to learn how to add and run actions in PSE.) The action will stop along the way and give instructions on how to proceed. You will resize the images on the fly when the action pauses.
3. Your images will now be inserted and the template will be ready to save.
Inserting One Image At A Time:
If you would like to insert the images one-by-one you may use the “INSERT ONE IMAGE” action located at the bottom of the actions. Make sure your PSD file is open and select the IMAGE LAYER of the space you would like to populate with your image. Play the “INSERT ONE IMAGE” action and follow instructions along the way.
This action is convenient when you need to switch out an image or insert the images in another order.
LET'S GO OVER HOW TO ADD YOUR IMAGES BY HAND:
1.Â Open the template that you would like to work with.
2.Â Choose the location you would like your image to appear in the Layers palette.Â Example: IMAGE LAYER 1.
3. If you cannot see the image layers, try expanding the Group “Image Layers” by clicking the tiny triangle next to the group name.
4.Â Open the image that you would like to insert into the template.
5.Â Now, choose the “Move” tool from your tools palette. (Keyboard shortcut “V”)
6.Â Drag your photo onto the marketing template.
7.Â Go to the Layers palette and right-click on your image.
8.Â Choose “Make clipping mask”.Â This will create that bounding box we talked about above.
Notice how your image is now positioned within the frame and how you can still move it around without disrupting anything around it.Â Pretty cool, huh?
RESIZING YOUR IMAGES
You will probably also notice that your image is waaaaay too big.Â That's fine ”“ we'll now resize the image so that it fits perfectly into the opening.
To resize your image:
1.Â Choose Edit ”“>Â Transform ”“>Â Scale from the top dropdown menu. (or you can just hit “Control+T” on your keyboard)
2.Â Your image will now have handles.Â If you can't see the handles you will need to zoom out quite a bit.Â Hit enter to cancel the transform, zoom out, and then hit Control + T again.
3.Â When you mouse over a corner handle of your image you will see a double sided arrow.Â Click the handle of your image, and drag in toward the center to scale down.Â You may also drag out diagonally to enlarge your image, if need be. Hold down the Shift key while you are dragging to maintain your image's perspective.
4.Â When you are satisfied with the size, hit the Enter key.
You are all set!Â A little practice makes perfect ”“ the more you do these steps the faster and easier they will become.
PRINTING YOUR CASES:We have designed these templates to be used with Zazzle's ( www.zazzle.com ) iPad & iPhone case products.Â If you currently use Zazzle the templates are 100% ready to go.Â Don't worry, however, if you use another lab as the cases will be printed easily with your favorite printer.Â Remember that each lab is different, so be absolutely sure that you contact them for their specs and color profiles prior to submitting your files.Â When you have your lab's sizing and submission guidelines, you will need to transfer the designs to their templates before printing them.
TIPS AND NOTES
Remember, wherever that gray box lies in the template is where your image will be positioned.Â If you need to move your image, you will want to move the gray “Image Layer” box first.
“Through Design Aglow I’ve been able to flourish as a boutique fine art wedding photographer and business owner. I’ve learned early in my career if you spoil your customer with love, creativity, and thoughtfulness you have their loyalty in return. A Welcome Packet is so essential to my business to communicate this to my clients."
You’re a busy photographer/cinematographer/creative. You don’t have an extra $150-$10,000 laying around to collect sample products and you definitely don’t have a week to style rooms, hang art on the walls, set up flat lays, collect inspiring props AND THEN photograph everything and edit the images.
When a client comes to your website, what do they see first? Your logo? .Jpgs? Or aspirational products? Today, consumers make decisions in split seconds. You need to impress and you need to do it quickly and flawlessly. If you are an IPS photographer (offering in-person sales), you already know how important it is to sell PRODUCTS, not .jpgs. Ditch that opening slideshow of jpgs and and show prospective clients what they are coming to you for: keepsake art (even if they don’t know it yet).