Welcome and thank you for giving our iPad/iPhone case templates a try!
These templates are designed for Adobe Photoshop CS or newer.Â This is not to say that they don't work with previous versions ”“ they very well may.Â The files are un-flattened, 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:
Snell Roundhand, Kravitz, Arial, BlackJack, Bickham Script Pro, Courier New & American Typewriter
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 BROCHURE ”“ COLORS
Changing the colors of your templates could not be easier.Â Here are a few tips on how to change the text, background, and stroke 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”
Background texture: 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 black 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.
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?
On some of the image layers, you will see a white border.Â To change the color of this border, simply double click the desired IMAGE LAYER to view the “Blending Options”, then select “stroke” at the bottom left, which will have a check in the box next to it. Double click the color box, and choose a new color.
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.
You finally did it. You made the leap to in-person sales and you’re so proud of yourself for taking your business to the next level. You’re connecting with new clients and there’s a definite sense of satisfaction when you hand deliver gorgeous, high quality framed prints and coffee table albums.
I am a Boulder, Colorado based Newborn & Family Photographer, passionate about documenting simple, natural photography for my clients. I graduated from photography school almost two decades ago (I know, I’m old..) and have been a professional photographer and photography mentor/coach since. I started my photography business fresh out of college in a teeny, tiny town in Vermont and later moved to Boulder to get a little more vitamin D (and neighbors) in my life ;)