It’s really easy to get this template set up in just a few steps: Installationĭisclaimer: This is not an official Adobe sponsored process – you will get no technical support for any issues that you may run into. This image is so huge that I actually maxed out the system RAM, and filled up all hard disk space with the memory swap file when creating it (I had over 100 Gigs of free space)!Ĭlick here to view in a new window. It’s not perfect, but shows how far you can zoom into an image… some images had different exposures, some were out of focus, there is still some perspective warp, and I definitely have some bad stitching seams. I created this by stitching together 48 10mp images in Photoshop. The second example is a massive 139MP composite image (14561×9570 pixels). The first is an export from a 10MP aerial panorama (4340×2325 pixels), which was created by stitching together multiple images captured with a GoPro camera and remote controlled helicopter. Use the mouse or touch interactions to pan and zoom on each of them. Here are few samples from the Zoomify output both are the compositions that I showed in the video above. Check out the video below to see it in action: All of the code and installation instructions are below in this post. I’ve created a new Zoomify template that allows you to export from Photoshop’s Zoomify feature directly to HTML, leveraging the Leaflet engine. I’ve done this enough times that I figured “There has to be an easier way”… and there definitely is. It already has touch and mouse interactions, inertial scrolling, progressive viewing, and a comprehensive API that can be extended if you so choose. Leaflet is normally used for web-based mapping, but it is a perfect solution for rendering image tiles on the web. Then, since the default Zoomify renderer uses Flash (and I want this consumable on mobile devices), take the Zoomify image tiles, and put them into a custom-coded HTML experience using the Leaflet tile engine with a custom tile layer. So far this has been a very manual process… Export from Photoshop using Zoomify. One thing that I’ve been doing is exporting really large images to the web. I’ve been spending a lot of time with Photoshop recently… Whether it has been retouching video or images, creating panoramas, or working with my aerial photos, it has been a lot of fun.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |