View Full Version : Hybrid 101: Sharing the Love | Day 2: How to Use a Template

08-22-2010, 03:58 AM


Very simply, a template is a layered file that is already “stacked up” or arranged to create a layout, pattern or project. Each layer in the file contains a shape or placeholder for you to clip a paper, photo or element to create your final project. Hybrid projects often use templates to help you easily create dimensional crafts or projects that coordinate with a specific physical product. Templates are so helpful for creating these types of projects because you can clearly see where to cut, fold, glue, etc. This allows you to create fabulous projects with ease!

Today we’re going to cover the basics of templates. I think you’ll be surprised how quickly you will become comfortable using them!


Note for those that purchased the prepped Our House Mini Book kit: The following steps are already done for you, but if you’re not familiar with these techniques it’s a good idea to follow along and learn these new skills. You may also want to switch out a paper for a favorite in your file and you can follow these instructions to make those changes if desired.

Begin by opening your photo editing program like Photoshop or Photoshop Elements. Now let’s take a look at the template folder we downloaded yesterday. Inside the unzipped folder ‘AHartline_OurHouse_MiniBkTemp’ you will find :

3 layered templates in psd format
a folder with all 3 layered templates in tif format
3 folders with all 3 templates split into png format.
Let’s open the template for the front cover of our mini book: AHartline_OurHouse_MBTFrontCvr.psd

It’s a good idea to save your file under a new name before you proceed so you don’t accidentally save over your original template. In your main window you can see our house shape, and in the layers palette you can see all the individual layers I used to make the house:

http://angelhartline.com/images/hybrid101/AHartline_Hyb101_Temp01.jpg (http://”http://angelhartline.com/images/hybrid101/AHartline_Hyb101_Temp01lg.jpg”)

Each of these layers is a placeholder for you to clip your paper and other items. We’ll get to that in just a minute, but first I want to explain the shape for this project.

You see how there is a house shape on both the left and right sides of the page? Later when we print the halves of this double shape will fold together to make your mini book cover. By folding the page in half, we get pretty patterns on both sides of the paper without worrying about trying to align our paper to print on both sides. Plus it makes a much sturdier cover and allows us to do some fun things with the windows and door. :)


Let’s start dressing up our little house! Open up any paper file that you would like to use for the front wall of your house. I’m using the file: AHartline_OurHouse_PP06.jpg

Select your ‘move tool’ then drag the paper you just opened over and drop it into your template file. You’ll need to be able to see both windows in order to do this so you may need to zoom out a bit or rearrange your files so you can see them both. To drag and drop, simply (left) click once on your paper file and hold the mouse button down. Drag the cursor over your template file. You’ll see a black border appear around the outside edge of your template file and a little plus sign will appear next to the cursor. Then just release the mouse.

http://angelhartline.com/images/hybrid101/AHartline_Hyb101_Temp02.jpg (http://”http://angelhartline.com/images/hybrid101/AHartline_Hyb101_Temp02lg.jpg”)

Now we need to clip the paper to the layer called ‘House 1’. First make sure your paper (‘Layer 1’ in my file) is positioned directly over the layer called ‘House 1’ in the layers palette. If it’s somewhere else in the layer palette, click on it to select it (the selected layer is highlighted), then drag it so it’s in the right place.

http://angelhartline.com/images/hybrid101/AHartline_Hyb101_Temp03.jpg (http://”http://angelhartline.com/images/hybrid101/AHartline_Hyb101_Temp03lg.jpg”)

There are several ways to clip in PS & PSE:

Hold down the alt key and position the cursor directly over the line between the two layers in the layers palette. The cursor will turn to a hand; click once. (my favorite way to clip)
Layer Menu --> Create Clipping Mask (or ‘Group with Previous Layer’ depending on the software version)
Keystroke: Ctrl+G in PSE, Alt+Ctrl+G in PS
http://angelhartline.com/images/hybrid101/AHartline_Hyb101_Temp04.jpg (http://”http://angelhartline.com/images/hybrid101/AHartline_Hyb101_Temp04lg.jpg”)


Now make sure your paper layer is selected in the layers palette and use the move tool to reposition it and/or resize it if desired. When you’re happy with the way it looks, we can merge it with the ‘House 1’ template layer:

Right-click on the paper layer in the layers palette and choose ‘Merge Down’ from the menu.
Layer Menu --> Merge Down
Keystroke: Ctrl+E in PSE & PS
Now your ‘House 1’ layer is filled with a pretty paper.

http://angelhartline.com/images/hybrid101/AHartline_Hyb101_Temp05.jpg (http://”http://angelhartline.com/images/hybrid101/AHartline_Hyb101_Temp05lg.jpg”)


Repeat the steps above to add papers to all of the template layers in your file. Don’t be afraid to mix-n-match the papers for a fun look! There are no rules! Here is the list of papers I used for my cover:

House 1, Door Knob: AHartline_OurHouse_PP06.jpg
House 2: AHartline_OurHouse_PP05.jpg
Chimney Top, Door, Window Frame: AHartline_OurHouse_PP09_BONUS.jpg
Roof: AHartline_OurHouse_PP08_BONUS.jpg
Window Inside: jwds_ourhouse_cardstock12.jpg (I changed the blending mode on this layer to color to let pattern show through. I’ll be happy to explain how to do that if anyone wants to know.)
I wanted a very specific look for my house (did I mention I’m crazy picky LOL?) so I created two new papers for my house. I’m sharing them with you if you want to use the same ones:

Download Bonus Papers (http://rcpt.yousendit.com/932458599/b37d0973dc448c6a63d14a3e3d1fee75)

http://angelhartline.com/images/hybrid101/AHartline_Hyb101_Temp06.jpg (http://”http://angelhartline.com/images/hybrid101/AHartline_Hyb101_Temp06lg.jpg”)


When you’re finished adding papers to all of your template layers, you can add personal touches like embellishments, drop shadows, etc to your file if you’re comfortable doing so. We’re going to cover this in more detail on Day 4, so hang tight!


Some of you cannot use the layered psd & tif files, but there are PNG files included in your download as well. If your program supports layered files in another format, it will be super easy to recreate the layered file I provided in the kit.

The png files are numbered in order starting with the bottom, so simply open the first file in the folder (AHartline_OurHouse_MBTFrontCvr01.png for example). Then open the next files in order and drag them on top of each other in the first file. In PS, you maintain placement from one file to the next when dragging by holding down the shift key and I would imagine most programs have a function like this. This means all your files will be aligned properly once you’ve stacked them up.

If you have trouble or need help let me know!


Apply papers to your front cover template: AHartline_OurHouse_MBTFrontCvr.psd
Apply papers to your back cover template: AHartline_OurHouse_MBTBackCvr.psd
Don’t panic! If you have questions please feel free to ask! We’re spending 3 more days working with our digital files, so we have plenty of time to make sure everyone understands and find solutions to differences between programs.

That’s it for today. Have fun & feel free to share your covers when you’re finished! Just upload to the gallery and link in this thread so we can take a look.

PDF Printable of this Post: http://angelhartline.com/images/hybrid101/Hybrid 101_ Sharing the Love _ Day 2_ How to Use a Template - theStudio.pdf

08-22-2010, 03:12 PM
hope i did this right.
front: http://www.digitalscrapbookingstudio.com/forum/album.php?albumid=139&pictureid=542
back: http://www.digitalscrapbookingstudio.com/forum/album.php?albumid=139&pictureid=543

08-22-2010, 06:36 PM
Loving it so far!
Front: http://www.digitalscrapbookingstudio.com/gallery/showphoto.php?photo=63405&title=hybrid-101-day1a&cat=all
Back: http://www.digitalscrapbookingstudio.com/gallery/showphoto.php?photo=63402&title=hybrid-101-day1b&cat=500

I couldn't find a specific gallery for hybrid (yet?), so I posted in my member gallery, as well as Angel Hartline Designs, and the designer gallery of the kit I am using (Baby Genius, by Skrapper Digitals).

Thanks for the tut... looking forward to tomorrow's!

08-22-2010, 11:02 PM
Here's mine:

[/URL][URL="http://www.digitalscrapbookingstudio.com/forum/../gallery/data/500/FC_Day1.jpg"] (http://www.digitalscrapbookingstudio.com/forum/../gallery/showphoto.php?photo=63416&title=hybrid-101-3a-sharing-th&cat=all)http://www.digitalscrapbookingstudio.com/gallery/showphoto.php?photo=63416&title=hybrid-101-3a-sharing-th&cat=all (http://www.digitalscrapbookingstudio.com/forum/../gallery/showphoto.php?photo=63416&title=hybrid-101-3a-sharing-th&cat=all)

http://www.digitalscrapbookingstudio.com/gallery/showphoto.php?photo=63417&title=hybrid-101-3a-sharing-th&cat=all (http://www.digitalscrapbookingstudio.com/forum/../gallery/showphoto.php?photo=63417&title=hybrid-101-3a-sharing-th&cat=all)

08-23-2010, 01:34 AM
Oh these are already looking so cute!!! Great job! :)

08-23-2010, 03:07 AM

My effort so far. I use PSP so some instructions don't quite fit, but I worked around it.

08-23-2010, 05:22 AM
My effort so far. I use PSP so some instructions don't quite fit, but I worked around it.
Oh it's looking great! I'm looking to see what other notes I need to include for PSP users. Feel free to PM me with suggestions!

08-23-2010, 05:57 AM
I tried to mimic the actual color scheme of my house.


08-23-2010, 07:01 AM
FYI by request: Added a link above to download a PDF Printable of this lesson.

08-23-2010, 07:32 AM
All these little houses are beautiful!

08-23-2010, 01:34 PM
Angel, Thanks so much for adding the PDF!!!!! Yipee!


ADBDesign {anita_d}
08-23-2010, 06:49 PM
Angel -- do we have a hybrid gallery yet??

ADBDesign {anita_d}
08-24-2010, 09:22 AM
Here are my front & back covers

Here is link to my gallery

08-24-2010, 12:30 PM
Angel -- do we have a hybrid gallery yet??

A hybrid gallery will be great! ... to see all the little houses as a little town. :)

08-24-2010, 01:04 PM
A hybrid gallery will be great! ... to see all the little houses as a little town. :)

Toiny set up the hybrid gallery for us :((


08-24-2010, 01:08 PM
Look at you all go! I love it!

04-03-2012, 04:01 AM
Thanks for defining this so easily i am glad to see the way you described everything related to templates is amazing and also came to know so many things about template work i never read this type of info like all of your info.