{"id":962,"date":"2026-04-17T09:56:23","date_gmt":"2026-04-17T07:56:23","guid":{"rendered":"https:\/\/haizytiles.reinerstilesets.de\/?page_id=962"},"modified":"2026-04-17T09:57:30","modified_gmt":"2026-04-17T07:57:30","slug":"storyboard-imagesorter","status":"publish","type":"page","link":"https:\/\/haizytiles.reinerstilesets.de\/index.php\/storyboard-imagesorter\/","title":{"rendered":"Storyboard Imagesorter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"962\" class=\"elementor elementor-962\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b3d6a3 e-flex e-con-boxed e-con e-parent\" data-id=\"8b3d6a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1275be0 e-con-full e-flex e-con e-child\" data-id=\"1275be0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c91d307 elementor-widget elementor-widget-image\" data-id=\"c91d307\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/haizytiles.reinerstilesets.de\/wp-content\/uploads\/2026\/04\/imagesorter.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"imagesorter\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6OTY1LCJ1cmwiOiJodHRwczpcL1wvaGFpenl0aWxlcy5yZWluZXJzdGlsZXNldHMuZGVcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA0XC9pbWFnZXNvcnRlci5qcGcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1662\" height=\"977\" src=\"https:\/\/haizytiles.reinerstilesets.de\/wp-content\/uploads\/2026\/04\/imagesorter.jpg\" class=\"attachment-full size-full wp-image-965\" alt=\"\" srcset=\"https:\/\/haizytiles.reinerstilesets.de\/wp-content\/uploads\/2026\/04\/imagesorter.jpg 1662w, https:\/\/haizytiles.reinerstilesets.de\/wp-content\/uploads\/2026\/04\/imagesorter-300x176.jpg 300w, https:\/\/haizytiles.reinerstilesets.de\/wp-content\/uploads\/2026\/04\/imagesorter-1024x602.jpg 1024w, https:\/\/haizytiles.reinerstilesets.de\/wp-content\/uploads\/2026\/04\/imagesorter-768x451.jpg 768w, https:\/\/haizytiles.reinerstilesets.de\/wp-content\/uploads\/2026\/04\/imagesorter-1536x903.jpg 1536w\" sizes=\"(max-width: 1662px) 100vw, 1662px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe5cc14 e-con-full e-flex e-con e-child\" data-id=\"fe5cc14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b720a4 elementor-widget elementor-widget-text-editor\" data-id=\"1b720a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p dir=\"auto\"><strong>Organize your storyboard frames and image sequences quickly and visually.<\/strong><\/p><p dir=\"auto\">Storyboard Imagesorter is a lightweight, intuitive tool designed for artists, animators, and previs professionals. It allows you to take image files and turn them into an organized sequence of images. You can work with color tags, text notes, and export layouts.<\/p><p>The project is open source under GPL license, and can be found at Github too: <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/github.com\/ReinerBforartists\/storyboard_imagesorter\">https:\/\/github.com\/ReinerBforartists\/storyboard_imagesorter<\/a><\/span><\/p><p>Release video at Youtube:<br \/>coming soon<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5be10a e-con-full e-flex e-con e-parent\" data-id=\"b5be10a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ce980f elementor-widget elementor-widget-text-editor\" data-id=\"8ce980f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3><b><code>\u00a0\u21e9 <\/code><\/b>Download<\/h3><p><!-- \/wp:paragraph --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89afc46 e-con-full e-flex e-con e-child\" data-id=\"89afc46\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a202495 e-con-full e-flex e-con e-child\" data-id=\"a202495\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c71add elementor-widget elementor-widget-text-editor\" data-id=\"6c71add\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>17.04.2026 &#8211; Storyboard Imagesorter Version 0.9.0 &#8211; 35.1 Mb<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3a2bbe e-con-full e-flex e-con e-child\" data-id=\"b3a2bbe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfc34d8 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"dfc34d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/haizytiles.reinerstilesets.de\/apps\/Storyboard_Imagesorter_v090.zip\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e068b4 e-flex e-con-boxed e-con e-parent\" data-id=\"9e068b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0c82b8 elementor-widget elementor-widget-text-editor\" data-id=\"b0c82b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>Motivation<\/h3><p class=\"whitespace-pre-wrap\">I built this tool because I needed a way to sort images with essential storyboard features. As someone working in AI filmmaking, my workflow involves generating hundreds of images based on a story and then selecting the best frames for a sequence.<\/p><p class=\"whitespace-pre-wrap\">I was unhappy with the existing solutions: I had to choose between simple image viewers that were too limited for proper sequencing and full fledged storyboard tools that were far too complicated for this specific task.<\/p><p class=\"whitespace-pre-wrap\">Storyboard Imagesorter fills that gap. It is a simple tool for a simple task, yet powerful enough to do actual storyboarding with.<\/p><h3>User Guide (Workflow)<\/h3><h4>1. Import your images<\/h4><p>\u2022 Drag &amp; Drop: Select image files from your file explorer and drag them directly into the window, or click the &#8220;\uff0b Import&#8221; button.<br \/>\u2022 Auto-Magic Import: If you import images from a folder that already contains a _sorter_data.txt file, the tool will automatically detect it and restore all your colors and notes for those images instantly.<\/p><h4>2. Organize your sequence<\/h4><p>\u2022 Reorder: Click and drag any image to move it to a new position.<br \/>\u2022 Move Groups: Use the arrow buttons in the top toolbar to shift selected groups of images left or right.<br \/>\u2022 The Stash: If you have images that don&#8217;t belong in your current sequence, drag them into the Stash Zone at the bottom. They are &#8220;parked&#8221; there and can be brought back later without being deleted.<\/p><h4>3. Add details (Notes &amp; Colors)<\/h4><p>\u2022 Color Tagging: Use the sidebar on the left to quickly tap a color onto your selected images (e.g., Blue for &#8220;Close-up&#8221;, Red for &#8220;Action&#8221;).<br \/>\u2022 Writing Notes: Click the &#8220;\ud83d\udcdd + Add Note&#8221; button on any image card to type in descriptions, camera angles, or timing info.<\/p><p>Note that you need to activate the text feature in the settings menu first. It is off by default to reduce the visual noise.<\/p><h4>4. Edit and see changes live<\/h4><p>Need to fix a drawing? Double-click an image to open it in your preferred editor (like Photoshop or Krita). Once you hit Save in that program, the thumbnail in the Imagesorter updates automatically via our live file watcher.<\/p><h4>5. Export and &#8220;Save&#8221; your project<\/h4><p>\u2022 To get your final files: Use the &#8220;\u2193 Export&#8221; menu. You can create a clean, numbered image sequence, or professional layouts like Contact Sheets (for quick review) or Storyboard Lists (to see your notes alongside the art).<br \/>\u2022 IMPORTANT &#8211; Image Sequence Export: When exporting an image sequence, the tool creates copies of your images in a new folder with sequential names (e.g., prefix_01.png). Your original source files remain completely untouched and unchanged in their original location.<br \/>\u2022 IMPORTANT &#8211; Saving your progress: When you export, the tool creates a small file called _sorter_data.txt. This is your project&#8217;s &#8220;brain&#8221;. It contains all your colors and text notes. Keep this file safe! To reload your work later, simply drag and drop the _sorter_data.txt file directly into the application window. All your annotations will be restored instantly.<\/p><h3>Keyboard Shortcuts<\/h3><h4>Main View:<\/h4><p>\u2022 Space: Open\/Close Full-screen Lightbox<br \/>\u2022 Ctrl + Z \/ Ctrl + Y: Undo \/ Redo last action<br \/>\u2022 Ctrl + A \/ Ctrl + D: Select All \/ Deselect All<br \/>\u2022 Delete: Remove selected images from the sequence<br \/>\u2022 Tab: Hide\/Show the Stash at the bottom<br \/>\u2022 B: Hide\/Show the Color Sidebar<br \/>\u2022 Left \/ Right Arrows: Move selected images left or right in sequence<br \/>\u2022 Plus \/ Minus: Zoom in and out of the canvas<br \/>\u2022 Scroll: Scroll through large sequences<br \/>\u2022 Shift + Scroll: Fast scroll through large sequences<\/p><h4>Lightbox Mode (Full-screen):<\/h4><p>\u2022 Esc \/ Space: Close Lightbox<br \/>\u2022 Left \/ Up Arrow: Previous image<br \/>\u2022 Right \/ Down Arrow: Next image<\/p><h3>Technical Specifications<\/h3><p>For developers and technical users:<br \/>\u2022 Core Stack: Python 3.10+ and PyQt6.<br \/>\u2022 Architecture: Implements the Command Pattern for a robust Undo\/Redo system across all manipulations (sorting, tagging, moving, deleting). Uses a custom Flow Layout engine for dynamic image arrangement. Features a background File Watcher service to monitor file system changes for real-time thumbnail synchronization.<br \/>\u2022 Data Management: Metadata (colors\/notes) is handled via a lightweight text-based exchange format (_sorter_data.txt), allowing for easy project reloading without proprietary database overhead.<\/p><h3>Installation &amp; Execution<\/h3><h4>Windows:<\/h4><p>The application is provided as a standalone executable.<br \/>1. Download the storyboard_imagesorter.zip<br \/>2. Extract the Zipfile.<br \/>3. Run the .exe directly.<\/p><h4>macOS &amp; Linux (Source Distribution):<\/h4><p>For macOS and Linux, it is recommended to run via a Python virtual environment.<br \/>1. Clone the repository: git clone <a href=\"https:\/\/github.com\/ReinerBforartists\/storyboard_imagesorter\">https:\/\/github.com\/ReinerBforartists\/storyboard_imagesorter<\/a><br \/>2. Set up a Virtual Environment (Recommended): <br \/><em>python3 -m venv venv<\/em><br \/><em>source venv\/bin\/activate<\/em><br \/>3. Install Dependencies: <br \/><em>pip install -r requirements.txt<\/em><br \/>4. Run the Application:<br \/><em>cd storyboard_imagesorter<\/em><br \/><em>python storyboard_imagesorter.py<\/em><\/p><p>License: GNU General Public License v3.0<br \/>Feedback and Pull Requests are welcome!<br \/>Copyright \u00a9 2026 with \u2764\ufe0f by Reiner Prokein (Haizy Tiles)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d96b20 e-flex e-con-boxed e-con e-parent\" data-id=\"4d96b20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62ad02f elementor-widget elementor-widget-text-editor\" data-id=\"62ad02f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>History<\/h3><p>17.04.2026 &#8211; Initial release.\u00a0<br \/>Version 0.9.0. The software is now public and in Beta.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Organize your storyboard frames and image sequences quickly and visually. Storyboard Imagesorter is a lightweight, intuitive tool designed for artists, animators, and previs professionals. It allows you to take image files and turn them into an organized sequence of images. You can work with color tags, text notes, and export layouts. The project is open [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-962","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/haizytiles.reinerstilesets.de\/index.php\/wp-json\/wp\/v2\/pages\/962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haizytiles.reinerstilesets.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haizytiles.reinerstilesets.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haizytiles.reinerstilesets.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haizytiles.reinerstilesets.de\/index.php\/wp-json\/wp\/v2\/comments?post=962"}],"version-history":[{"count":4,"href":"https:\/\/haizytiles.reinerstilesets.de\/index.php\/wp-json\/wp\/v2\/pages\/962\/revisions"}],"predecessor-version":[{"id":968,"href":"https:\/\/haizytiles.reinerstilesets.de\/index.php\/wp-json\/wp\/v2\/pages\/962\/revisions\/968"}],"wp:attachment":[{"href":"https:\/\/haizytiles.reinerstilesets.de\/index.php\/wp-json\/wp\/v2\/media?parent=962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}