{"id":145468,"date":"2021-08-18T09:15:17","date_gmt":"2021-08-18T13:15:17","guid":{"rendered":"https:\/\/www.techsmith.com\/learn\/?post_type=tutorial&#038;p=145468"},"modified":"2026-01-15T14:07:49","modified_gmt":"2026-01-15T19:07:49","slug":"image-from-template","status":"publish","type":"tutorial","link":"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/","title":{"rendered":"Create Visual Guides with Templates"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/sebccqlz4z.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_sebccqlz4z videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\n\n<p>Snagit provides templates based on industry-standard documentation best practices. Combine a set of images in a template to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Show a side-by-side comparison of changes.<\/li>\n\n\n\n<li>Explain a process or concept.<\/li>\n\n\n\n<li>Provide a timeline of events.<\/li>\n<\/ul>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"611\" height=\"472\" class=\"wp-image-166966\" style=\"width: 611px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-CombineImageinTemplateExFinal_611x472.png\" alt=\"Example of Combine Image\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-CombineImageinTemplateExFinal_611x472.png 611w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-CombineImageinTemplateExFinal_611x472-300x232.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-CombineImageinTemplateExFinal_611x472-150x116.png 150w\" sizes=\"auto, (max-width: 611px) 100vw, 611px\" \/><\/p>\n\n\n\n<div class=\"tip tip-snagit\">\n\t<p>Tip: Download more templates.<\/p>\n\t<p>Download more template layouts and styles as part of the <a href=\"https:\/\/library.techsmith.com\/snagit\" target=\"_blank\" rel=\"noreferrer noopener\">TechSmith Assets subscription<\/a>. See <a href=\"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/assets\/\">Download TechSmith Assets for Snagit<\/a>.<\/p>\n<\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-create-image-from-template\">Create Image from Template<\/h2>\n\n\n\n<p>Open a template and add images and text to the template.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select <strong>Create button &gt; Image from Template<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"541\" height=\"184\" class=\"wp-image-332556\" style=\"width: 541px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/07\/s25-create-options-template.png\" alt=\"Create button and options\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/07\/s25-create-options-template.png 1082w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/07\/s25-create-options-template-300x102.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/07\/s25-create-options-template-1024x348.png 1024w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/07\/s25-create-options-template-768x261.png 768w\" sizes=\"auto, (max-width: 541px) 100vw, 541px\" \/><\/li>\n\n\n\n<li>The Create Image from Template dialog appears. Click to select a template.<br><img loading=\"lazy\" decoding=\"async\" width=\"556\" height=\"402\" class=\"wp-image-166997\" style=\"width: 556px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createtemplatedialog-small.png\" alt=\"Create Template dialog\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createtemplatedialog-small.png 556w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createtemplatedialog-small-300x217.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createtemplatedialog-small-150x108.png 150w\" sizes=\"auto, (max-width: 556px) 100vw, 556px\" \/><\/li>\n\n\n\n<li>Click the <strong>Settings<\/strong> button.<\/li>\n\n\n\n<li>The Template Settings dialog appears. Select an <strong>Image Scale<\/strong> option to set how Snagit scales images added to the image areas in the template:\n<ul class=\"wp-block-list\">\n<li><strong>Fill entire drop zone:<\/strong> Snagit scales the image to fill the entire image area. If the original image is larger than the image area, some of the original image may not be visible. If the original image is smaller than the image area, Snagit increases the image size so that the entire image area is filled.<br><img loading=\"lazy\" decoding=\"async\" width=\"257\" height=\"188\" class=\"wp-image-167035\" style=\"width: 257px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-ScaleToFillEx2.png\" alt=\"Scale to Fill Drop Zone example\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-ScaleToFillEx2.png 257w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-ScaleToFillEx2-150x110.png 150w\" sizes=\"auto, (max-width: 257px) 100vw, 257px\" \/><\/li>\n\n\n\n<li><strong>Fit entire image:<\/strong> Snagit scales the entire image to fit within the image area. Some of the image area may be empty.<br><img loading=\"lazy\" decoding=\"async\" width=\"256\" height=\"186\" class=\"wp-image-167040\" style=\"width: 256px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-ScaleToFitEx2.png\" alt=\"Scale to Fit example\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-ScaleToFitEx2.png 256w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-ScaleToFitEx2-150x109.png 150w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Select a <strong>Footer Author Name<\/strong> option (Windows) or <strong>Created By<\/strong> option (Mac) to customize the text that displays at the bottom of the template.<br><img loading=\"lazy\" decoding=\"async\" width=\"824\" height=\"250\" class=\"wp-image-166992\" style=\"width: 100%;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createdbyexample_824x250.png\" alt=\"Footer Author Name and Created By examples\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createdbyexample_824x250.png 824w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createdbyexample_824x250-300x91.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createdbyexample_824x250-768x233.png 768w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createdbyexample_824x250-150x46.png 150w\" sizes=\"auto, (max-width: 824px) 100vw, 824px\" \/>  \n<ul class=\"wp-block-list\">\n<li><strong>System:<\/strong> The computer display name shown in parentheses.<\/li>\n\n\n\n<li><strong>Custom:<\/strong> Enter your own text, such as your name or company name.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click <strong>Save<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Create<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>The template opens on the canvas. Add images, text, and other annotations. See <a href=\"#h-edit-image-created-from-template\">Edit Image Created from Template<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-combine-images-from-tray-or-library\">Combine Images from Tray or Library<\/h2>\n\n\n\n<p>Select a set of images in the tray or library to combine into a template.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the tray or library, <strong>Control+click<\/strong> (Windows) or <strong>Command+click<\/strong> (Mac).<\/li>\n\n\n\n<li>Right-click an image in the <a href=\"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/recent-captures-tray\/\">tray<\/a> or <a href=\"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/snagit-library\/\">library<\/a> and select <strong>Combine in Template<\/strong> (for multiple images) or <strong>Apply Template<\/strong> (for one image).<br><img loading=\"lazy\" decoding=\"async\" width=\"709\" height=\"273\" class=\"wp-image-167028\" style=\"width: 709px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s2022-CombineTemplate-contextmenu-1.png\" alt=\"Combine to Template Context Menu\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s2022-CombineTemplate-contextmenu-1.png 709w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s2022-CombineTemplate-contextmenu-1-300x116.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s2022-CombineTemplate-contextmenu-1-150x58.png 150w\" sizes=\"auto, (max-width: 709px) 100vw, 709px\" \/><\/li>\n\n\n\n<li>The Combine Images in Template dialog appears. Select a template and edit the following options:<br><img loading=\"lazy\" decoding=\"async\" width=\"556\" height=\"402\" class=\"wp-image-166997\" style=\"width: 556px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createtemplatedialog-small.png\" alt=\"Create Template dialog\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createtemplatedialog-small.png 556w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createtemplatedialog-small-300x217.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/s22-createtemplatedialog-small-150x108.png 150w\" sizes=\"auto, (max-width: 556px) 100vw, 556px\" \/> \n<ul class=\"wp-block-list\">\n<li>Enable <strong>Filter based on the number of selected images<\/strong> to view templates that include the same number of images selected.<\/li>\n\n\n\n<li>If you select a template with more image areas than selected in the tray, the additional image areas are empty in the final image. Drag additional images onto the empty image area.<\/li>\n\n\n\n<li>Click the <strong>Settings<\/strong> button to customize the &#8220;Created by&#8221; text that displays at the bottom of the template.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click <strong>Next<\/strong>.<\/li>\n\n\n\n<li>Edit the content in the template (optional):<br><img loading=\"lazy\" decoding=\"async\" width=\"557\" height=\"407\" class=\"wp-image-167271\" style=\"width: 557px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/09\/s2022-2ndscreenedit.png\" alt=\"Combine Images in Template thumbnail order\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/09\/s2022-2ndscreenedit.png 557w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/09\/s2022-2ndscreenedit-300x219.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/09\/s2022-2ndscreenedit-150x110.png 150w\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" \/>\n<ul class=\"wp-block-list\">\n<li>A. To change the image order, drag the thumbnail to the desired location.<\/li>\n\n\n\n<li>B. Enter a caption for each image.<\/li>\n\n\n\n<li>C. Enter a title.<\/li>\n\n\n\n<li>D. Select a <a href=\"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/snagit-themes\/\">theme<\/a> to automatically apply a set of styles and colors to your template.<\/li>\n\n\n\n<li>E. Select the font and color for the template text.<\/li>\n\n\n\n<li>F. Select the canvas background color.<\/li>\n\n\n\n<li>G. Enable the <strong>Number Images<\/strong> option to add step annotations to each image. Click the dropdown to change the color of the step annotations.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click <strong>Combine<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>Snagit opens the image on the canvas and scales the images to fit based on the template. To delete an empty image or caption on the canvas, right-click the image or caption and select <strong>Delete<\/strong>.<\/p>\n\n\n\n<div class=\"tip tip-snagit\">\n\t<p>Tip: Save the file to edit later.<\/p>\n\t<p>Save the file as a SNAGX to edit the image at a later time.<\/p>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-edit-image-created-from-template\">Edit Image Created from Template<\/h2>\n\n\n\n<p>After creating the image from template, complete the following to edit images and text:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Add or Change an Image:<\/strong> Drag an image from the tray onto an image area or existing image.<br><img loading=\"lazy\" decoding=\"async\" width=\"392\" height=\"383\" class=\"wp-image-166972\" style=\"width: 392px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/S22_DragandDropImage_392x383.png\" alt=\"Drag and drop image in template zone\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/S22_DragandDropImage_392x383.png 392w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/S22_DragandDropImage_392x383-300x293.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/S22_DragandDropImage_392x383-150x147.png 150w\" sizes=\"auto, (max-width: 392px) 100vw, 392px\" \/><\/li>\n\n\n\n<li><strong>Position the Image:<\/strong> Double-click to select an image. Click and drag to move within the image area.<br><img loading=\"lazy\" decoding=\"async\" width=\"216\" height=\"180\" class=\"wp-image-167002\" style=\"width: 216px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/S22-PositionDragandDropImage_216x180.png\" alt=\"Position Template Image\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/S22-PositionDragandDropImage_216x180.png 216w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/S22-PositionDragandDropImage_216x180-150x125.png 150w\" sizes=\"auto, (max-width: 216px) 100vw, 216px\" \/><\/li>\n\n\n\n<li><strong>Swap Image and Caption:<\/strong> To quickly move an image with its caption to another step, click and the drag the <strong>Drag to Swap<\/strong> to another image area.<\/li>\n<\/ul>\n\n\n\n<p>To modify image areas or sections of the template, see <a href=\"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/modify-template\/\">Edit a Template<\/a>.<\/p>\n\n\n\n<style>\n    .product-cta{\n        width: 100%;\n        margin: 1rem 0;\n    }\n    .main-cta{\n        display: flex;\n        padding: 2rem;\n        border-radius: 10px;\n        margin-right: 0;\n        gap: 1.5rem;\n        background: #EEFAFF;\n    }<br \/>\n    .main-cta img{\n       margin: 0;\n       padding: 0;\n       width: 7.5rem;\n    }\n    .main-cta h4{\n       margin: -0.3rem 0 0 0;\n       padding: 0;\n       font-weight: 700;\n       font-size: 2.25rem;\n       color: #2E3940;\n    }\n    .main-cta p{\n       margin: 0;\n       padding: 0;\n       font-size: 1rem;\n       color: #2E3940;\n    }\n    .button-container{\n      margin-top: 1.4rem;\n    }\n    .button-container a{\n        padding: .5em 2em;\n        font-weight: 700!important;\n        border-radius: 10rem;\n        font-size: 1rem;\n        text-decoration: none!important;\n    }\n    .download-button{\n        color: #2E3940!important;\n        border: 1.5px solid #2E3940;\n    }\n    .buy-button{\n        background-color: #E10992;\n        color: #ffffff!important;\n    }\n    .current-user{\n        margin: 0.5rem 0 0 2rem;\n    }\n    .current-user p{\n        margin: 0;\n        padding: 0;\n        font-size: 1rem;\n    }\n\n    @media screen and (max-width:782px){\n        .product-cta > div{\n            flex-direction: column;\n        }\n        .main-cta > div{\n            flex-direction: column;\n            text-align: center;\n        }\n    }\n    @media screen and (max-width:500px){\n        .button-container{\n            display: flex;\n            flex-direction: column;\n            text-align: center;\n        }\n        .download-button{\n            margin-top: 0.5rem;\n        }\n    }\n<\/style>\n\n<div class=\"product-cta\">\n<div class=\"main-cta\">\n<div><img decoding=\"async\" style=\"width: 120px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/08\/icon-snagit.svg\" alt=\"Snagit Icon Logo\" \/><\/div>\n<div class=\"content-bucket\">\n<h4>Get Snagit<\/h4>\n<p>The best screen capture software for professionals<\/p>\n<div class=\"button-container\"><a class=\"download-button\" href=\"https:\/\/www.techsmith.com\/download\/snagit\/\" target=\"_blank\" rel=\"noreferrer noopener\">Start Free Trial<\/a> <a class=\"buy-button\" href=\"https:\/\/www.techsmith.com\/store\/snagit\" target=\"_blank\" rel=\"noreferrer noopener\">Buy Now<\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"current-user\">\n<p>* Have Snagit 2024 or earlier? Check out our <a href=\"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/snagit-previous-version-help\/\" target=\"_blank\" rel=\"noreferrer noopener\">previous version help<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"feedback-widget\">\n    <p>Was this helpful?<\/p>\n    <a href=\"http:\/\/techsmith.az1.qualtrics.com\/jfe\/form\/SV_29LXZRGdyxlFBDE?Q_Language=EN&amp;Source=modify-template&amp;Product=Snagit\" target=\"_blank\" rel=\"noopener\">Yes<\/a>\n    <a href=\"http:\/\/techsmith.az1.qualtrics.com\/jfe\/form\/SV_29LXZRGdyxlFBDE?Q_Language=EN&amp;Source=modify-template&amp;Product=Snagit\" target=\"_blank\" rel=\"noopener\">No<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Snagit provides templates based on industry-standard documentation best practices. Combine a set of images in a template to: Tip: Download more templates. Download more template layouts and styles as part of the TechSmith Assets subscription. See Download TechSmith Assets for Snagit. Create Image from Template Open a template and add images and text to the [&hellip;]<\/p>\n","protected":false},"author":89,"featured_media":344653,"template":"single-tutorial-redesign.php","tcategory":[1197],"ttag":[1027],"tutorial_folder":[],"class_list":["post-145468","tutorial","type-tutorial","status-publish","has-post-thumbnail","hentry","tcategory-create","ttag-snagit"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Create Visual Guides with Templates | Snagit Tutorial<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Visual Guides with Templates | Snagit Tutorial\" \/>\n<meta property=\"og:description\" content=\"Snagit provides templates based on industry-standard documentation best practices. Combine a set of images in a template to: Tip: Download more templates. Download more template layouts and styles as part of the TechSmith Assets subscription. See Download TechSmith Assets for Snagit. Create Image from Template Open a template and add images and text to the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/\" \/>\n<meta property=\"og:site_name\" content=\"TechSmith Learn\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-15T19:07:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/Visual-Guides-Template-Light.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/snagit\\\/image-from-template\\\/\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/snagit\\\/image-from-template\\\/\",\"name\":\"Create Visual Guides with Templates | Snagit Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/snagit\\\/image-from-template\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/snagit\\\/image-from-template\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/Visual-Guides-Template-Light.png\",\"datePublished\":\"2021-08-18T13:15:17+00:00\",\"dateModified\":\"2026-01-15T19:07:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/snagit\\\/image-from-template\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/snagit\\\/image-from-template\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/snagit\\\/image-from-template\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/Visual-Guides-Template-Light.png\",\"contentUrl\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/Visual-Guides-Template-Light.png\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/snagit\\\/image-from-template\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"All Tutorials\",\"item\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Snagit\",\"item\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/snagit\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Create Visual Guides with Templates\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/#website\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/\",\"name\":\"TechSmith Learn\",\"description\":\"Show What You Know\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/#organization\",\"name\":\"TechSmith Corporation\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/techsmith-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/techsmith-logo.png\",\"width\":1307,\"height\":390,\"caption\":\"TechSmith Corporation\"},\"image\":{\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create Visual Guides with Templates | Snagit Tutorial","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/","og_locale":"en_US","og_type":"article","og_title":"Create Visual Guides with Templates | Snagit Tutorial","og_description":"Snagit provides templates based on industry-standard documentation best practices. Combine a set of images in a template to: Tip: Download more templates. Download more template layouts and styles as part of the TechSmith Assets subscription. See Download TechSmith Assets for Snagit. Create Image from Template Open a template and add images and text to the [&hellip;]","og_url":"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/","og_site_name":"TechSmith Learn","article_modified_time":"2026-01-15T19:07:49+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/Visual-Guides-Template-Light.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/","url":"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/","name":"Create Visual Guides with Templates | Snagit Tutorial","isPartOf":{"@id":"https:\/\/www.techsmith.com\/learn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/#primaryimage"},"image":{"@id":"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/Visual-Guides-Template-Light.png","datePublished":"2021-08-18T13:15:17+00:00","dateModified":"2026-01-15T19:07:49+00:00","breadcrumb":{"@id":"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/#primaryimage","url":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/Visual-Guides-Template-Light.png","contentUrl":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/08\/Visual-Guides-Template-Light.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit\/image-from-template\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"All Tutorials","item":"https:\/\/www.techsmith.com\/learn\/tutorials"},{"@type":"ListItem","position":2,"name":"Snagit","item":"https:\/\/www.techsmith.com\/learn\/tutorials\/snagit"},{"@type":"ListItem","position":3,"name":"Create Visual Guides with Templates"}]},{"@type":"WebSite","@id":"https:\/\/www.techsmith.com\/learn\/#website","url":"https:\/\/www.techsmith.com\/learn\/","name":"TechSmith Learn","description":"Show What You Know","publisher":{"@id":"https:\/\/www.techsmith.com\/learn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.techsmith.com\/learn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.techsmith.com\/learn\/#organization","name":"TechSmith Corporation","url":"https:\/\/www.techsmith.com\/learn\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techsmith.com\/learn\/#\/schema\/logo\/image\/","url":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/09\/techsmith-logo.png","contentUrl":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/09\/techsmith-logo.png","width":1307,"height":390,"caption":"TechSmith Corporation"},"image":{"@id":"https:\/\/www.techsmith.com\/learn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/tutorial\/145468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/users\/89"}],"version-history":[{"count":3,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/tutorial\/145468\/revisions"}],"predecessor-version":[{"id":343570,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/tutorial\/145468\/revisions\/343570"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/media\/344653"}],"wp:attachment":[{"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/media?parent=145468"}],"wp:term":[{"taxonomy":"tcategory","embeddable":true,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/tcategory?post=145468"},{"taxonomy":"ttag","embeddable":true,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/ttag?post=145468"},{"taxonomy":"tutorial_folder","embeddable":true,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/tutorial_folder?post=145468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}