Using Exports Panel
Export Kit allows you to export your entire PSD, AI and INDD documents as a working projects respective of your selected output. Some projects such as HTML5 work out-of-the-box and can launch with a visual render of your PSD, AI or INDD document right away. Other projects such as Android will require you to have Eclipse or Android Studio installed to load and compile the project.
Step 1: Select an Export
Select your desired Output using the dropdown menu. All Outputs are enabled in the Free Trial, but only Outputs active by Activating Keys will be available after.
Lightning Storm CC Outputs
There are many environments supported by Export Kit with some specific to CS5 only. Learn more about using each Output by clicking on the environment below:
Visual Studio (.NET)
Legacy CS5 Outputs
These are our Legacy Flash-based product Outputs:
Step 2: Select an Image Type
Once your Output is selected you will have the option to
Include Images in your export. Some Outputs support CSS background images, you can enable this feature by selecting
TIP: Change the image type in your output by clicking
Step 3: Export that Kit!
Export Now when ready to begin the export process and watch the magic. During the Export,
DO NOT change the layer contents as the layer may process differently due to the change – the export is a
LIVE process. Sit back and relax, enjoy the show!
The Export Process
There are two main process methods which occur depending on if the plugin is processing a document or layer, the Layer Process and the Document Process.
The Layer Process involves translating each PSD, AI or INDD layer into its respective code environment.
The Document Process translates your complete PSD, AI or INDD into your selected environment including the Layer Process and additional processing to ensure your output is pixel-perfect.
Export Kit will alert you when complete, you can then go to the Export Folder to view your export or to import the working project into Eclipse to compile.