Technical Art bridges the gap between artists and developers. The goal is to streamline production, improve workflows and keep runtime overhead low through smart optimization. It involves building modular and reliable solutions through documentation, custom tools and scripts to achieve a pipeline that is easy to use, quick to learn and flexible to build on.
Tech Art
Spine Tag Helper is a Photoshop UXP plugin for tagging Layers and Groups. It's used as a companion to Esoteric Software’s free PhotoshopToSpine script, prepearing layers for export to Spine..
Easily apply Spine-compatible tags like [merge], [ignore], [scale:0.5], and more. Key features include batch tagging, illegal tag detection, full-name preview, setting of color labels, and tag descriptions with tooltips. This should speed up your workflow and keep the export process clean and organized.
Available on Gumroad and Adobe Exchange.
PHOTOSHOP TO SPINE - MODIFIED VERSION -
This is a preview of a customized version of the PhotoshopToSpine script, with extra functionality, adjusted for use in a production pipeline.
Key improvements
- Add Base Folders template button.
- Center Ruler Origin by clicking a button.
- Help & Tag Info updated.
- Absolute and Relative path toggle option.
- Path Browsing quick buttons to set export paths.
- Flexible Paths toggle single or both image + JSON
- Custom JSON field to set your own JSON filename.
- History Tracking button for the patch log.
- Debug logging, crash reports and hooks to support batch exporting.
- + more usability enhancements
These tweaks streamline asset management and export workflows between Photoshop and Spine, increasing efficiency and reusability throughout production.
This version is made for in-house use only and is not publicly available.
PHOTOSHOP TO SPINE - BATCH RUNNER -
This is a JSX batch runner. It’s a companion to the PhotoshopToSpine script and can be executed if present in the same folder. It goes through all the PSD files added and exports them to predetermined relative path folders.
If a path is not set, it falls back to a default location side by side with the PSD. You can also override these paths and export the assets to a new location.
In essence, with the proper setup, it lets you re-populate the game with a bunch of assets with the press of a button and nothing breaks in Spine.
This is ideal for faster productions like game skins and makes it easier to reuse and swap assets.
IMAGE BATCH EXPORT - SCRIPT -
This is a Photoshop JSX batch exporter that takes the currently open PSD and exports multiple PNG file sizes in one go. It uses editable presets to define the asset list.
By default the presets are stored next to the Photoshop file in a single ImagesBatchExporter_presets.json file, but you can point it at a custom preset file if you want. Or load it from any folder. The export destinations can be absolute or relative to the PSD, with a live preview so you can see exactly where files will land.
In essence, it’s a fast “press to Export” script for repeatedly generating consistent asset variants without manual resizing, making it ideal for quick iterations, marketing banners or icon sets and rapid content updates where consistency matters. Useful for a team in production and works for both Mac and Windows.
ATLAS WEAVER - PACKING -
Atlas Weaver is a small Python tool for unpacking Spine atlases and “rewinding” them back into individual assets, then repacking them into larger atlases based on your custom folder sorting.
During the unpack stage it detects and overwrites assets with the same name, so they only appear once in the final packing stage instead of being repeated across multiple atlases. The skeleton path data for these assets remains unchanged in the JSON files.
For packing it can use the Spine CLI if it’s available or fall back to an internal Python packer (slower but works without the CLI). When the multipacking is complete it can also merge the JSON files into a combined one to reduce runtime requests.
Between runs it remembers custom folder categories in a sorting map that can be exported/imported when experimenting or switching projects. It also supports workflows where assets are organized into 1 and 0.5 ratio folders, letting you multipack either set or both depending on your target (for example, mobile-friendly output). This is still a prototype and focuses on PNG atlases for quick iteration, but it also includes optional texture conversion to WEBP or AVIF after packing to reduce file sizes.
COMPRESSION TOOLKIT
Compression Toolkit is a Python-based multitool for compressing image and video assets. It supports output for: WebP, PNG, JPG, AVIF, MP4 and GIF. You can set compression level, alpha Q, transparency, lossy or lossless and output size.
There are some default presets for different quality levels. You can also create your own settings and store these by exporting and later importing. This is useful for project-specific compression settings.
It supports custom output organization. Default output is set to "same as original", but with an override option for custom paths. Adding prefix or suffix to exported filenames is also possible.
The tool supports batch compression of multiple assets via dragging and dropping or loading of folder contents (with optional subfolders). You can also manually add the specific assets you want to compress to a queue. When a run completes, the terminal reports how much space was saved.
For the compression technology itself, it uses FFmpeg, OxiPNG, libavif (avifenc), libwebp (cwebp) and Independent JPEG Group tools (cjpeg). These can be located standalone in a relative /tools path if not added to your system PATH. Both methods will work.
This is currently an experimental prototype and not publicly available.
