{"id":21604,"date":"2018-08-29T07:02:41","date_gmt":"2018-08-29T06:02:41","guid":{"rendered":"https:\/\/jurnsearch.wordpress.com\/?p=21604"},"modified":"2018-08-29T07:02:41","modified_gmt":"2018-08-29T06:02:41","slug":"tutorial-assemble-non-overlapping-tiles-in-photoshop","status":"publish","type":"post","link":"https:\/\/jurn.link\/jurnsearch\/index.php\/2018\/08\/29\/tutorial-assemble-non-overlapping-tiles-in-photoshop\/","title":{"rendered":"Tutorial: assemble non-overlapping tiles in Photoshop"},"content":{"rendered":"<p>How to capture zoomified image tiles and semi-automatically re-assemble them into a single image, with Photoshop.  Even when there is no overlap between the tiles (which means you can&#8217;t use Photoshop&#8217;s Photomerge feature).  <\/p>\n<p>First, make sure your target picture is of an age and a state to be in the public domain and can legally be liberated. Also, note that the WikiMedia Commons has <a href=\"https:\/\/commons.wikimedia.org\/wiki\/Help:Zoomable_images\">a de-zoomify advice page<\/a> which offers various dezoomifying services and tips. These options may be quicker and more accurate than my method. But if the WikiMedia options don&#8217;t work, try this&#8230;<\/p>\n<p><strong>1.<\/strong> Install the <a href=\"https:\/\/addons.opera.com\/en-gb\/extensions\/details\/save-all-images\/\">Save All Images extension<\/a> for Opera (or an addon with similar fuctionality that works in your Web browser).  <\/p>\n<p><strong>2.<\/strong> Visit your target page.  Zoomify the image and pan around until all tiles have loaded.  Then capture all the loaded images on the page with &#8216;Save All Images&#8217;.  As you can see, it&#8217;s quite sophisticated in its filters, though unfortunately you can&#8217;t save your settings as a repeatable preset for a particular website&#8230;<\/p>\n<p><a href=\"https:\/\/jurn.link\/jurnsearch\/2018\/08\/winsome.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jurn.link\/jurnsearch\/2018\/08\/winsome.jpg\" alt=\"\" width=\"529\" height=\"459\" class=\"alignnone size-large wp-image-21605\" \/><\/a><\/p>\n<p>Ok, &#8216;Save All Images&#8217; will pack all the loaded tiles up in a zip file.<\/p>\n<p><strong>3.<\/strong>  Extract your saved .zip of images.  View the resulting folder as thumbnail images. Delete all images that are not part of the tile set.  Rename <a href=\"https:\/\/jurn.link\/jurnsearch\/2018\/08\/exten.jpg\">.jpeg files to .jpg<\/a> if needed, with <a href=\"http:\/\/www.winsometech.com\/download.html\">Winsome File Renamer<\/a> or similar.  Also rename to alphanumeric order if needed &mdash; tiles are downloaded in their tiling sequence, so a sort-by-date should mean that a 1&#8230; 2&#8230; 3&#8230; re-naming should be possible even if the filenames are obfuscated. You want to end up with a folder of image tiles in .jpg and with a logical alphanumeric loading order.  Make a note of how many rows and columns make up the complete image (e.g. three tiles across, and four tiles down).<\/p>\n<p><strong>4.<\/strong> Get Paul Rigott&#8217;s Photoshop stitcher script <a href=\"https:\/\/forums.adobe.com\/servlet\/JiveServlet\/download\/2509089-33742\/File%20Sticher.zip\">File Stitcher.zip<\/a> (<a href=\"https:\/\/web.archive.org\/web\/20180829012359\/https:\/\/forums.adobe.com\/servlet\/JiveServlet\/download\/2509089-33742\/File%20Sticher.zip\">mirror<\/a>) and unzip it.  This script can handle non-overlapped tiles by using an &#8216;alphanumeric load-order&#8217; option.<\/p>\n<p><strong>5.<\/strong>  Load Photoshop. Do not open a new image.  Just go: File | Scripts | Browse and then find and load Paul&#8217;s script.  <\/p>\n<p><a href=\"https:\/\/jurn.link\/jurnsearch\/2018\/08\/tiler.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jurn.link\/jurnsearch\/2018\/08\/tiler.jpg\" alt=\"\" width=\"415\" height=\"278\" class=\"alignnone size-full wp-image-21606\" \/><\/a><\/p>\n<p>Set your numbers for the tiles across \/ down, and then point the script at your target folder.  The images load and are automatically distributed across a newly opened image, with the script doing canvas expansion as needed.  As you can see here, the result is not perfect, but 85% of the work has been done automatically.   Most tiles have been accurately snapped together into the main image, but a few tiles have been assembled into strips and these remain as outliers.<\/p>\n<p><a href=\"https:\/\/jurn.link\/jurnsearch\/2018\/08\/partial.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jurn.link\/jurnsearch\/2018\/08\/partial.jpg\" alt=\"\" width=\"529\" height=\"379\" class=\"alignnone size-large wp-image-21607\" \/><\/a><\/p>\n<p>Just multi-select a few relevant layers (Shift, select with right mouse-click, repeat to add the next layer to the group). Then snap the image together. More recent editions of Photoshop should help with that, if Snap is turned on.<\/p>\n<p><a href=\"https:\/\/jurn.link\/jurnsearch\/2018\/08\/snapped.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jurn.link\/jurnsearch\/2018\/08\/snapped.jpg\" alt=\"\" width=\"529\" height=\"352\" class=\"alignnone size-large wp-image-21608\" \/><\/a><\/p>\n<hr>\n<p><em>Additional note: to assemble a set of six QTVR tiles (the old Quicktime way of present a 360-degree panorama online), use Pano2VR 6.0 or higher to save the tiles out to a single-image 360 VR panorama format that Facebook and WordPress understand.<\/em><\/p>\n<p><em>Update: March 2020. Also try the free <a href=\"https:\/\/jurn.link\/jurnsearch\/2020\/02\/20\/image-composite-editor-2-0\/\">Microsoft Image Composite Editor 2.0<\/a>. It may be able to do much the same thing, and may also work with only a quick set of screenshots.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to capture zoomified image tiles and semi-automatically re-assemble them into a single image, with Photoshop. Even when there is &hellip;<\/p>\n<p><a href=\"https:\/\/jurn.link\/jurnsearch\/index.php\/2018\/08\/29\/tutorial-assemble-non-overlapping-tiles-in-photoshop\/\">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":[8],"tags":[],"class_list":["post-21604","post","type-post","status-publish","format-standard","hentry","category-jurn-tips-and-tricks"],"_links":{"self":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/posts\/21604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/comments?post=21604"}],"version-history":[{"count":0,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/posts\/21604\/revisions"}],"wp:attachment":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/media?parent=21604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/categories?post=21604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/tags?post=21604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}