{"id":2815,"date":"2012-10-05T11:21:23","date_gmt":"2012-10-05T10:21:23","guid":{"rendered":"https:\/\/silicondales.com\/?p=2815"},"modified":"2018-02-28T12:46:59","modified_gmt":"2018-02-28T12:46:59","slug":"how-to-do-a-screenshot","status":"publish","type":"post","link":"https:\/\/silicondales.com\/tutorials\/how-to-do-a-screenshot\/","title":{"rendered":"How to Do a Screenshot"},"content":{"rendered":"<p>Sometimes, people ask us how we&#8217;ve done things on the Silicon Dales website itself, as they&#8217;d like to take a technique and put it into their own website. Today, I&#8217;m going to be letting you know <strong>how to do a screenshot<\/strong> of a website or other item on your computer screen.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-66352a83bbfec\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #0a0a0a;color:#0a0a0a\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #0a0a0a;color:#0a0a0a\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-66352a83bbfec\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-do-a-screenshot\/#Free_Screenshot_Softwares_Websites\" title=\"Free Screenshot Softwares \/ Websites\">Free Screenshot Softwares \/ Websites<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-do-a-screenshot\/#Use_the_Print_Screen_Function\" title=\"Use the Print Screen Function\">Use the Print Screen Function<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-do-a-screenshot\/#1_Prepare_Your_Screen_Area\" title=\"1) Prepare Your Screen Area\">1) Prepare Your Screen Area<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-do-a-screenshot\/#2_Hit_Print_Screen\" title=\"2) Hit Print Screen\">2) Hit Print Screen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-do-a-screenshot\/#3_Open_Your_Image_Editing_Software_of_Choice\" title=\"3) Open Your Image Editing Software of Choice\">3) Open Your Image Editing Software of Choice<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-do-a-screenshot\/#4_Press_%E2%80%9CEdit_%3E_Paste%E2%80%9D_or_Control_V\" title=\"4) Press &#8220;Edit &gt; Paste&#8221; or Control + V\">4) Press &#8220;Edit &gt; Paste&#8221; or Control + V<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-do-a-screenshot\/#5_Cut_the_Screenshot_You_Want\" title=\"5) Cut the Screenshot You Want\">5) Cut the Screenshot You Want<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-do-a-screenshot\/#6_Make_a_%E2%80%9CNew%E2%80%9D_Document\" title=\"6) Make a &#8220;New&#8221; Document\">6) Make a &#8220;New&#8221; Document<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-do-a-screenshot\/#7_Resize_Save_Your_Screenshot_Image_Document_for_Use\" title=\"7) Resize &amp; Save Your Screenshot Image Document for Use\">7) Resize &amp; Save Your Screenshot Image Document for Use<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"Free_Screenshot_Softwares_Websites\"><\/span>Free Screenshot Softwares \/ Websites<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>First up, there are a host of free screen-shotting websites out there, which allow you to not only capture the visible area of some website or other, but also you can capture a printed image of the entire webpage, too, should you need one (for example for a site media pack or similar). Just do a quick Google search for &#8220;Free screenshot capture tool&#8221; or similar to find those tools &#8211; in this blog post, I&#8217;m going to be talking about how to make your very own screenshot, using whatever image editing software you use!<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Use_the_Print_Screen_Function\"><\/span>Use the Print Screen Function<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The first step is to locate the button on your PC keyboard that reads &#8220;Print Screen&#8221;. On a laptop, sometimes this function requires you to press the &#8220;Alt&#8221; or &#8220;Function&#8221; key to work correctly.<\/p>\n<p>Once you&#8217;ve found that button, below is a step-by-step guide to using it to get a working screenshot image for a presentation or web design project:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Prepare_Your_Screen_Area\"><\/span>1) Prepare Your Screen Area<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Make sure your screen appears exactly how you&#8217;d want to capture it &#8211; this means move your mouse &#8220;pointer&#8221; away from the visible area&#8230; unless you wanted the mouse pointer to be in your screenshot!<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Hit_Print_Screen\"><\/span>2) Hit Print Screen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Press the print screen button. This will captue an &#8220;image&#8221; of your entire visible screen, and place it into the clipboard.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Open_Your_Image_Editing_Software_of_Choice\"><\/span>3) Open Your Image Editing Software of Choice<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>I usually use Adobe Fireworks if the image is for the web, but you&#8217;ll probably want either Photoshop or the basic &#8220;Paint&#8221; package if you have no shop bought software. There are also lots of good, free, image editing suites of varying degrees of complexity. If you&#8217;re on Linux, try Gimp.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Press_%E2%80%9CEdit_%3E_Paste%E2%80%9D_or_Control_V\"><\/span>4) Press &#8220;Edit &gt; Paste&#8221; or Control + V<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Either press &#8220;Edit &gt; Paste&#8221; or the Control key and the letter V to paste your screenshot into your working page.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Cut_the_Screenshot_You_Want\"><\/span>5) Cut the Screenshot You Want<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You probably don&#8217;t want to be screen-shotting the whole entire visible area of the screen, so select a rectangular &#8220;cut&#8221; tool and the Cut (control and X) the desired amount into your clipboard.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_Make_a_%E2%80%9CNew%E2%80%9D_Document\"><\/span>6) Make a &#8220;New&#8221; Document<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>With this cut to size screenshot in your clipboard, start a new document in your image software.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_Resize_Save_Your_Screenshot_Image_Document_for_Use\"><\/span>7) Resize &amp; Save Your Screenshot Image Document for Use<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You can then resize to your exact specifications and hit &#8220;save as&#8221; to give your screenshot a file name that you can remember for whatever use you had intended!<\/p>\n<p>If you wanted to do a &#8220;how to&#8221; item, this is where you might add red boxes, and pointy arrows, etc, for example!<\/p>\n<p>Any questions or comments, please leave them below and I&#8217;ll try to help you get screen shotting ASAP.<\/p>\n<p>You can see screenshots in action produced in this way (using Adobe Fireworks) in our Web Design Portfolio section &#8211; so obviously, and alternative is to get the Silicon Dales team to build and manage your website!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sometimes, people ask us how we&#8217;ve done things on the Silicon Dales website itself, as they&#8217;d like to take a technique and put it into their own website. Today, I&#8217;m going to be letting you know how to do a screenshot of a website or other item on your computer screen. Free Screenshot Softwares \/ &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to Do a Screenshot\" class=\"read-more button\" href=\"https:\/\/silicondales.com\/tutorials\/how-to-do-a-screenshot\/#more-2815\" aria-label=\"Read more about How to Do a Screenshot\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[9],"tags":[1291],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/posts\/2815"}],"collection":[{"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/comments?post=2815"}],"version-history":[{"count":0,"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/posts\/2815\/revisions"}],"wp:attachment":[{"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/media?parent=2815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/categories?post=2815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/silicondales.com\/wp-json\/wp\/v2\/tags?post=2815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}