Template Originals No.1 – layered template freebie and tutorial

by Pamela on April 20, 2009 · 16 comments

As I mentioned in my recent post, I won first place in a recent Designer Spotlight challenge at Oscraps featuring Danielle Young. I decided this design would make a great template and to celebrate the launch of my blog, I’m excited to offer my first freebie, Template Originals No.1, a layered template. You can download a copy of the files here.
scraporginals_template_no1_preview.png

And Now for the Tutorial
I will now provide a tutorial demonstrating how to create the blended photo in the background. I am hoping that this will work for those of you who use PSE, and apologize in advance if it doesn’t. I only have experience using photoshop®, but hopefully I know enough of the differences to make this work. ;)   Should you run into problems, I would encourage you to experiment with blending on your own to see what you can achieve. The possibilities are endless.

This first screen shot shows the layer structure that you will see when you first open the file.
to_no1_tutorial_1.png

I would recomend that you immediately go to file – save as and create a new file name  for the layout you are creating. This will keep the original template file intact for future use. The first layer labeled “guide_delete” is for reference only and includes some notes. You can delete this layer once you have completed your layout.

The next step is to choose a photo and drag in into your file. Make sure that this new layer is directly above the layer labeled “mask photo here”. Once you have positioned the photo and sized it as you would like it to appear you will need to duplicate the layer 4 times (so that there are a total of 5 copies of the photo). To do this, click on the photo layer and right click then choose duplicate layer. This is demonstrated in the image below.
to_no1_tutorial_2.png

Once you have 5 copies of the photo, drag 2 thru 5 down, positioning one above each of the layers labeled “photo blend…” as illustrated below. Be sure to leave one in place above the “mask photo here” layer.
to_no1_tutorial_3.png

Once you have the layers in place, right click on each of the 5 photo layers, and choose create clipping mask. This will mask each photo layer to the shape on the layer below (this is a very handy trick that I just learned recently. How did I not know this before, sheesh! very cool)
to_no1_tutorial_4.png

Okey dokey! We are now ready to play with blending modes (this is the fun part!). In order for this to work properfly, we must first make the layer masks permanent on photos 2 thru 5 (you can leave the first photo as is). To do this, right click on each of these 4 layers and choose merge down.
to_no1_tutorial_5.png

Now feel free to play around with blending modes and opacity (transparency) on each of these 4 blended photo layers. You will see that I have labeled each layer with the blending mode and opacity percentage that I used on each layer. Depending on the background paper you use, different settings may work better. For instance, because I had a flat color background on this example file, instead of the textured paper used in the original design, I had to adjust the opacity down a bit on 2 of the layers for it to look right. In the end, you should end up with something similar to what you see below.
to_no1_tutorial_6.png

Well, there you have it. I hope you enjoy this template and find the tutorial easy to follow. I’d love to see what you create. Feel free to post a link to your layout in a comment below.

Share and Enjoy:
  • Facebook
  • Twitter

{ 16 comments… read them below or add one }

ang April 24, 2009 at 9:57 am

Thank you so much for the lovely template.

Reply

Kim April 24, 2009 at 12:20 pm

Beautiful LO, congrats on your well deserved win! Thanks for sharing the template and tutorial.

Reply

MissLilly April 24, 2009 at 6:02 pm

Thank you for sharing your talent xox

Reply

Helen April 26, 2009 at 12:51 am

Thanks….it was a great page

Reply

imangel April 30, 2009 at 3:57 am

Cool template! Thank you! :)

Reply

Soco May 3, 2009 at 6:00 am

Beautiful template! Thank you for sharing it! And congratulations on your new blog! :)

Reply

Mary e Camila May 11, 2009 at 12:14 am

Lindo,obrigada por compartilhar!

bjs e boa semana

Reply

Marta Madaleine May 11, 2009 at 9:52 am

Muito bons template e tutorial. Parabéns!
Ótima semana pra você.
Bjs

Reply

Julie E. May 11, 2009 at 7:39 pm

Thanks for the great template and tutorial!

Reply

DigiDeb May 11, 2009 at 8:09 pm

This is really cool! I can’t wait to try this. Bookmarking your site now…

Reply

swéswé May 14, 2009 at 2:54 pm

merci il est superbe..

Reply

zia189 May 15, 2009 at 2:33 am

Thanks so much for this beautiful template !!

Reply

mathulu May 15, 2009 at 3:37 am

merci beaucoup, magnifique !

Reply

Pris' May 15, 2009 at 10:49 am

Thank you so much !!! :)

Reply

abeille May 17, 2009 at 10:32 am

Thank you very much!!!!

Reply

Nolaé May 20, 2009 at 2:07 am

Thanks you so much for this beautiful template!!!

Reply

Leave a Comment

Previous post:

Next post: