{"id":430,"date":"2009-11-03T14:41:37","date_gmt":"2009-11-03T21:41:37","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=430"},"modified":"2009-11-03T15:13:07","modified_gmt":"2009-11-03T22:13:07","slug":"how-to-make-a-template","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2009\/11\/how-to-make-a-template\/","title":{"rendered":"How to make a template"},"content":{"rendered":"<p>The Freebie post has been moved to Thursday so stay tuned Thursday for some more freebies!<\/p>\n<p>Angela asked in the forum if we could do a tutorial on how to make templates, so today I am going to attempt to show you all how to make a template.\u00a0 I will be using Photoshop CS3 but my steps will apply to all programs that use layers.\u00a0 So you will be able to use this tutorial (with a little adjusting) to Paint Shop Pro, Photoshop, Phothshop Elements, Paint.net, Gimp and other programs like those.<\/p>\n<p>First you need to decide what kind of layout you want to make.\u00a0 Do you want to make a 12&#215;12 or an 8.5&#215;11?\u00a0 I am going to do this tutorial in 12&#215;12 but again you can adjust to make yours work for an 8.5&#215;11 if you would rather.\u00a0 So now that you know your size go ahead and make your blank canvas remembering to set it at 300 dpi for print quality.\u00a0 So my blank canvas will be 12 inches by 12 inches (3600 pixels X 3600 pixels) at 300 dpi (pixels\/inch).\u00a0 Now pick a gray color and fill in that layer with your fill bucket.\u00a0 This will be your background.\u00a0 To make my blank canvas I go to file, new, and then a box pops up with my dimensions on it.\u00a0 It will look something like this.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-431\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/Template-1-500x320.jpg\" alt=\"Template-1\" width=\"500\" height=\"320\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-1-500x320.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-1.jpg 587w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>I think I might have gotten ahead of myself.\u00a0 Although you can make a great template from scratch, it might be easier for first timers to choose a LO that they really like and use it as a guide.\u00a0 So go ahead and pick a LO of your own that you really like.\u00a0 I will wait&#8230;lol.\u00a0 Ok now you are going to copy the look of this LO.\u00a0 I am going to use this LO to make my own template.<\/p>\n<p><a href=\"https:\/\/gallery.gingerscraps.net\/showphoto.php?photo=9664&amp;ppuser=3\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-432\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/BigGirlSSLO2WEB-500x500.jpg\" alt=\"BigGirlSSLO2WEB\" width=\"500\" height=\"500\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/BigGirlSSLO2WEB-500x500.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/BigGirlSSLO2WEB-150x150.jpg 150w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/BigGirlSSLO2WEB.jpg 600w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Now that I have a LO picked out I can get back to my template.\u00a0 Every LO is going to have a background so your first step is still ok.\u00a0 Now depending on the LO that you picked out will determine what you do next.\u00a0 Most cases you are going to want to plot out where the photos are going to go.\u00a0 Mine has the one blended into the background (That I will leave up to the person using the template of course) and then a mix and match of pictures and papers.\u00a0 So I will plot out those squares.\u00a0 They have a slight curve on the edges so I am going to use a shape for these.\u00a0 If yours is a circle, square or rectangle you can just use your marque tool.\u00a0 I will show you both ways.<\/p>\n<p>Keep in mind that each shape will be on it&#8217;s own layer, and each layer should be named so the person using your template will know just by looking at the layers where everything goes.<\/p>\n<p>Make a new layer, pick your shape or shape marque (first I will do a marque).\u00a0 Make your selection and if you are using the marque, fill in the selection with another gray color (different than your background gray color).<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-433\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/Template-2-499x352.jpg\" alt=\"Template-2\" width=\"499\" height=\"352\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-2-499x352.jpg 499w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-2.jpg 961w\" sizes=\"(max-width: 499px) 100vw, 499px\" \/><\/p>\n<p>Notice how I have made a new layer, set my shape with the marque, filled it in with a different gray, and named my layers.\u00a0 Now if you have that same shape repeated in your LO like I do, you can duplicate that layer and drag those boxes around the page.\u00a0 Now the cool thing about CS is that you can use these cool guide lines.\u00a0 I will show you that next after I show you how to use a shape.<\/p>\n<p>My papers and pictures have rounded edges so I am going to use a shape now.\u00a0 Pick out your shape.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-434\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/Template-3.jpg\" alt=\"Template-3\" width=\"276\" height=\"182\" \/><\/p>\n<p>Now hold the shift key and drag it out.\u00a0 Shift key holds it&#8217;s true shape.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-435\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/Template-4-500x392.jpg\" alt=\"Template-4\" width=\"500\" height=\"392\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-4-500x392.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-4.jpg 854w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Now you can see that your shape is a shape so just click on your fill bucket and click with it on your shape layer.\u00a0 It will give you a pop up like this, click ok and you have your template shape.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-436\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/Template-5-500x465.jpg\" alt=\"Template-5\" width=\"500\" height=\"465\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-5-500x465.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-5.jpg 562w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Now I have duplicated the image I wanted to duplicate and I have placed them on my LO using my guides.\u00a0 Not all programs have this guide (PSE does not) but if you have photoshop and want to use it go to View and then check rulers and then using your mouse click somewhere on the ruler and drag it out.\u00a0 The top ruler will make Horizontal lines and the left side ruler will make Vertical lines.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-437\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/Template-6-500x391.jpg\" alt=\"Template-6\" width=\"500\" height=\"391\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-6-500x391.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-6.jpg 853w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>I also added my drop shadows to the blocks.\u00a0 Don&#8217;t forget to add shadows to your layers.<\/p>\n<p>Now that we have all of the papers and photos placed I want to show people where they can place elements.\u00a0 I am going to use shapes for this as well.<\/p>\n<p>Alright, I have all my shapes placed now except for my title.\u00a0 I added a shape for my journal box and all my elements.\u00a0 Now I just need to add the words.\u00a0 I need words in the journal box to show were to journal.\u00a0 And I need a big title for the big title.\u00a0 Here&#8217;s what it looks like before the words.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-438\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/Template-7-500x384.jpg\" alt=\"Template-7\" width=\"500\" height=\"384\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-7-500x384.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-7.jpg 885w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Now for words.\u00a0 Not everyone has the same font so we are going to want to turn the font layers into images.\u00a0 First select your text tool and write your words.\u00a0 They are just going to say things like &#8220;Title&#8221; &#8220;Big Title&#8221; &#8220;journal, journal, journal, journal&#8221; and so on.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-439\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/Template-8-500x324.jpg\" alt=\"Template-8\" width=\"500\" height=\"324\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-8-500x324.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-8.jpg 1094w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>As you can see the text layers are still in text form, but like I said before not everyone has the same fonts as you so we are going to turn those text layers into image layers.\u00a0 Create a new layer below the text layer, select both layers and right click on the blank layer, now &#8220;merge layers&#8221; don&#8217;t merge visible because it will merge all your layers and you won&#8217;t be happy.\u00a0 Of course there is always undo lol.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-440\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/Template-9-170x500.jpg\" alt=\"Template - 9\" width=\"170\" height=\"500\" \/><\/p>\n<p>Now I can add a drop shadow to my title and my template is finished.\u00a0 I hope you found this tutorial helpful!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-441\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/Template-Finished-500x497.jpg\" alt=\"Template Finished\" width=\"500\" height=\"497\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-Finished-500x497.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-Finished-150x150.jpg 150w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/Template-Finished.jpg 698w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>I know that car looks so out of place lol but I couldn&#8217;t find a toilet and I wanted a big and wide element place holder.<\/p>\n<p>If you would like to share your template please upload them into the Ginger Scraps gallery, under the section for<a href=\"https:\/\/gallery.gingerscraps.net\/showgallery.php?cat=597\" target=\"_blank\"> Blog Challenges<\/a>, and in the &#8220;credits&#8221; area just put the 4shared link so we can snag it!\u00a0 You can download mine by clicking on the preview below.<\/p>\n<p><a href=\"https:\/\/www.4shared.com\/file\/145977090\/ccd69b26\/SbyJ_GS_PottyTimeTemplate.html\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-450\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/SbyJ_GS_PottyTimeTemplate_Folder.jpg\" alt=\"SbyJ_GS_PottyTimeTemplate_Folder\" width=\"500\" height=\"499\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/SbyJ_GS_PottyTimeTemplate_Folder.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/11\/SbyJ_GS_PottyTimeTemplate_Folder-150x150.jpg 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-444\" src=\"https:\/\/gingerscraps.net\/gsblog\/https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2009\/09\/2009\/11\/Jodi_tag.png\" alt=\"Jodi_tag\" width=\"189\" height=\"75\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Freebie post has been moved to Thursday so stay tuned Thursday for some more freebies! Angela asked in the forum if we could do a tutorial on how to make templates, so today I am going to attempt to show you all how to make a template.\u00a0 I will be using Photoshop CS3 but [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"publishpress_future_action":{"enabled":false,"date":"2026-04-25 14:37:55","action":"change-status","newStatus":"private","terms":[],"taxonomy":"category"},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/430"}],"collection":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/comments?post=430"}],"version-history":[{"count":13,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/430\/revisions"}],"predecessor-version":[{"id":453,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/430\/revisions\/453"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}