Export layers

  1. On a computer running Windows, click Windows > Extensions > Cascades Exporter to open the Cascades Exporter plug-in for Adobe Photoshop.
  2. Open the Cowbell_playbook1.psd file.
  3. Click Export.
  4. Choose a location to save your file and click Save.

When you save the file, Cascades Exporter starts to crop your graphics and merge layers to size them appropriately for a BlackBerry 10 application. All the actions are performed on a copy of your image file. The resulting changes are packaged in a .tmz file. This file contains your cut images. It also contains their layout positions in an .xml file.

Screen showing the Export button in the Cascades Exporter.

All the exported images are named by using the layer names or layer groups. For example, in the Cowbell_playbook1.psd file, the exported images are called bell.png and background.png respectively.

Verify your export

After you export your images, a preview window displays the exported images. You can quickly go through all your exported images and verify them against different backgrounds.

Screen showing the Cascades Exporter review screen.

Export selected layers

  1. In Adobe Photoshop, in the Layers panel, highlight one or more layers.
  2. In the Cascades Exporter plug-in window, click the Export selected layer(s) button.

Export individual layers in groups

Sometimes it makes sense to group layers together to make them easier to find in Photoshop. By default, the layers in groups are marked for merging in the Cascades Exporter plug-in, except for the text layers. For example, if you have a button, text, and a layer of shine on top, the result is two image files. One file for all the layers below the text layer, and one for everything above it.

Screen showing Layers in Adobe Photoshop.

To export an individual layer (for example, a shadow layer), clear the Merge with Group check box.

Each layer in the group (button, text, effect) is exported separately.

Screen showing the Merge with Group option available in Cascades Exporter.

Export images without layout code

Sometimes you might want to export a group of images, without worrying about any layout properties or the coordinates associated with them. For example, for a group of images that are displayed in a list, it might be preferable to use the Listview control to handle the positioning of the images rather than use the plug-in to export the coordinates of the images. By using the Image set option in Developer view you can strip away the extra layout code that will not be used.

Last modified: 2013-12-21

comments powered by Disqus