{"id":51647,"date":"2021-02-13T03:01:40","date_gmt":"2021-02-12T17:01:40","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=51647"},"modified":"2021-02-13T11:27:54","modified_gmt":"2021-02-13T01:27:54","slug":"screenshotting-composite-images-on-macos-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/screenshotting-composite-images-on-macos-tutorial\/","title":{"rendered":"Screenshotting Composite Images on macOS Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/ne_lu_na.jpg\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Screenshotting Composite Images on macOS Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/ne_lu_na.jpg\" title=\"Screenshotting Composite Images on macOS Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Screenshotting Composite Images on macOS Tutorial<\/p><\/div>\n<p>Screenshotting can occur &#8230;<\/p>\n<ul>\n<li>control-command-shift-3 on macOS<\/li>\n<li>PrtScn key on Windows<\/li>\n<\/ul>\n<p> &#8230; is a procedural documenter&#8217;s best friend.  On macOS it teams really well with macOS Paintbrush&#8217;s &#8220;New from Clipboard&#8221;.<\/p>\n<p>These techniques came into play with the recent <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/javascript-oninvalid-pattern-setcustomvalidity-event-form-validations-tutorial\/' title='Javascript Oninvalid Pattern setCustomValidity Event Form Validations Tutorial'>Javascript Oninvalid Pattern setCustomValidity Event Form Validations Tutorial<\/a>&#8216;s dog story &#8220;composite image&#8221;, created via &#8230;<\/p>\n<ul>\n<li>take photos with iPhone Camera app<\/li>\n<li>share via Mail attachments to myself<\/li>\n<li>open Gmail webmail and download the three images to Downloads folder on this MacBook Pro (using macOS)<\/li>\n<li>open all three images in macOS Paintbrush &#8230; and &#8230;<\/li>\n<li>rearrange and resize (via Image -&gt; Image Size&#8230;) into three separate windows over the width and height of the screen &#8230; then &#8230;<\/li>\n<li>screenshot (that screen) via control-command-shift-3<\/li>\n<li>still in Paintbrush File -&gt; New from Clipboard<\/li>\n<li><font size=1>though we did not partake, feel free to use macOS Paintbrush image editing talents to tidy up this first draft of the &#8220;composition image&#8221;, as required<\/font><\/li>\n<li>File -&gt; Save As&#8230; ne_lu_na.jpg<\/li>\n<li>in FileZilla sftp transfer it over to the RJM Programming domain website<\/li>\n<li>code the HTML within that blog post as per &#8230;<br \/>\n<code><br \/>\n&lt;img src='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/ne_lu_na.jpg' style='width:100%;'&gt;&lt;\/iframe&gt;<br \/>\n<\/code>\n<\/li>\n<\/ul>\n<p>Another interesting &#8220;composite image&#8221; we&#8217;ve also used is that in Gmail those images appear as thumbnails.  You can zoom in on these as needs be, and screenshot that, as a simpler idea (but with worse resolution).<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d51647' onclick='var dv=document.getElementById(\"d51647\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/screenshot\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d51647' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Screenshotting can occur &#8230; control-command-shift-3 on macOS PrtScn key on Windows &#8230; is a procedural documenter&#8217;s best friend. On macOS it teams really well with macOS Paintbrush&#8217;s &#8220;New from Clipboard&#8221;. These techniques came into play with the recent Javascript Oninvalid &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/screenshotting-composite-images-on-macos-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,29,37],"tags":[111,183,3562,503,590,631,2178,738,896,1738,3561,1059,1776,1319,1583],"class_list":["post-51647","post","type-post","status-publish","format-standard","hentry","category-elearning","category-operating-system","category-tutorials","tag-attachment","tag-camera","tag-downlaod","tag-gmail","tag-image","tag-iphone","tag-macos","tag-mail","tag-paintbrush","tag-photo","tag-rearrange","tag-resize","tag-screenshot","tag-tutorial","tag-window"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/51647"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=51647"}],"version-history":[{"count":6,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/51647\/revisions"}],"predecessor-version":[{"id":51673,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/51647\/revisions\/51673"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=51647"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=51647"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=51647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}