Photoshop Template Tutorials by Savant Design Templates
How to use Savant Design Photoshop Templates
- insert images, changes colors and edit text
Download Instructional .pdf here - How to use your Savant Design Template
Using Textures & Overlays
Overview tutorial on using textures and overlays. The textures and overlays used are from the Winter Wonderland Frosted Series. My apologies, to make your brush size larger or smaller use the left and right bracket keys not your arrow keys. I am working on replacing this tutorial to correct what I stated in in the video.
CUSTOMIZING YOUR TEMPLATE WITH PHOTOSHOP
Using a Savant Design Template is quick and easy. These templates are color coded layers to make your life just a little easier.
Red Layers are text
Yellow Layers are clipping masks and Insert Your Image Here layers
Violet are design elements
Follow the steps outlined here and have fun with your templates. If you have any questions please email me at firstname.lastname@example.org. I'm always happy to answer any questions you might have.
As we know, there are many ways in Photoshop to accomplish the same task. I am giving you what I think are the most straightforward ways of working with your templates and I'm always happy to receive your feedback.
HOW TO USE YOUR TEMPLATE
1. Save all your original templates into a TEMPLATES folder and backup to a disc or the cloud.
2. Open the template you want to use and save it under a new name in your client folder to make sure you don't save over your original.
PLACING YOUR IMAGES
Once your template is open click on the first "Place Image Here" layer, then go to File (top left of your screen) and in the dropdown choose Place. This brings up a browser window, then simply choose the folder your image is in, click on the image and place and your image has been inserted into the clipping mask. The other option is to simply open your image and then drag into your template while having the clipping mask layer selected.
If the Place Image Here and Clipping Mask layers have become unlinked (see the circled area in the image below, this is the symbol that indicates the layers are linked - see #1 on the above image) If you don't see this link you can easily fix that by right clicking
on the image layer you will need to create a link to the clipping mask, right clicking on your image layer will bring up a dialogue box, then simply choose Clipping Mask. This will clip/link your image to your clipping mask. If for any reason you need to release an image from a clipping mask do the same process and choose Release Clipping Mask.
Another method is to drag your image into your template (make sure your Clipping Mask layer is selected so your image will go directly above your clipping mask) and use Ctrl + G (Photoshop CS or earlier versions) or Ctrl+Alt+G (Photoshop CS2+ versions). MAC users use Cmnd + G (Photoshop CS or earlier versions) or Cmnd+Option+G (Photoshop CS2 or newer versions)
SIZING YOUR IMAGES
You can, if you choose, size your images prior to placing into the template but I feel it's just as easy to re-size once you have your image placed. You will see a bounding box (which allows you to scale the size of your image) after placing your image (see the image below). The bounding box has little white squares on each corner & what looks like an x over the image. To resize simply go to a corner, click on it, hold the shift key down to constrain your image proportions and drag your mouse to decrease the size of the image until you have it looking the way you want within the clipping mask. Then click the move tool on the tool bar or simply hit enter on your keyboard and your image has been resized. If after having resized your image you decide you would like to resize slightly simply press Shift + T to bring up the transform bounding box again and resize.
Another option to bring the bounding/transform box up is to go to Edit at the top of your screen and in the dropdown box go to Transform and Scale to resize always remembering to hold down the Shift key and T at the same time to constrain your image proportions and hit enter once you are satisfied with your sizing.
Simply repeat the process until you have all images placed into your template.
Choose the text layer you want to work with and double click on the T, this will select the text, then simply type in your text. Double clicking the T also brings up the name of the font, shows whether it is regular, bold, semi-bold weight, etc as well as the text size and color at the top of your screen. To change the font, weight and size click the arrow to the right of each box and a dropdown box will appear then go ahead and make your changes. To change font color click on the color box and it will bring up your color picker, make your changes and you're done.
CHANGING TEMPLATE COLORS
USING THE COLOR PICKER BOX
Select the layer you want to change the color of and double click the color box on that layer, a color picker box will pop up on your screen and you can use the slider or simply hover over the image to choose a color - once you hover over your image you will see that you now have an eye dropper in place of your mouse arrow, click on the color and hit OK and your color has been changed. If you have the RGB or CMYK color numbers you can also type those into the correct boxes.
HOW TO USE COLOR OVERLAY
While most design elements are changed by double clicking on the color box of the design element layer there are times when this is not a design feature. For example if the design element is Vector Smart Object or a placed art background. With this type of design element you will want to double click on the layer (to the right of the layer name) to bring up the Layer Style box, then choose your color. Play with the Blend Mode here to achieve the look you want, I typically use the Overlay, Soft Light or Color Blend Mode but don't be afraid to try out the others to see what they do as well.
ADDING OR ALTERING A STROKE ON A LAYER FOR A DESIGN ELEMENT OR TEXT
Select the Layer you want to add the stroke to and double click on the right hand side of that layer, this brings up your Layer Style Box, then choose Stroke, from here you can change the width of the stroke, blend mode as well as the color. You can either use the slider or insert a number to change the width of the stroke. Typically there is no need to use the blend mode although feel free to experiment with it. To change color simply click on the color box and your color picker box will come up, then choose the color you want the stroke to be. You can also choose whether you want the stroke to be on the outside, inside or center of the element or text, again feel free to experiment and see what works best for your design.
Tip, don't double click on the written part of the layer (the layer name) as that will only allow you to change the name of the layer, make sure to double click to the right of the layer name.
SAVING YOUR TEMPLATE
Once you've made all your changes and inserted your images save your file as a .psd to give you the option to make changes. When you are satisfied, flatten your image and save as a .jpg for printing.
Each template shows the guide lines - the outside guide lines indicate the trim area and the inside guide lines indicate the safe area. It is not recommended that any text go outside the safe area guides as the trimming is not always totally accurate. For any background designs or images that are full size (completely covering the template) just make sure that you have your main images within the trim area so that what shows in your printed and trimmed card/album or how you want your final image to show.
Have fun and if you have any questions, please email me at email@example.com
Su | Savant Design Templates