Composer


Purpose

The composer combines the different apps so that you are able to specifiy a workflow of image transformations in a line.

The configuration of a composer tile is done in two ways: To add tiles, just drag them from there origin app and drop them on a composer tile. In this way you can collect all the tranformation steps you want to combine.

In the second step you can open the configuration of the composer app and change the order of the composed tiles or duplicate or remove them. You may also open their configuration and change it. Of course you have a preview of the whole transformation process as well.

Note:
Because of many transformation - such as shadow or frame - are working with transparency it is a good practice to first convert the image into the png format.

If you want to scale the image, you should do it at the very beginning as well. This will reduce the processing time and the resulting image is better, because the decorations like shadows or frames will not scaled down at the end.

The general tile handing is described here

Configuration

The general configuration handling is described here.

All App-Tiles dragged to a composer tile will be processed in the given sequence. The sequence can be changed by dragging tiles to another position. Tiles can be removed from the sequence using the delete button.

Each tile can be configured as in the related app. A changed configuration will not influence those configuration the tile was originally dragged from.

samples

sample 1

The original image will first be converted to png to allow transparency tranformations. After that it will be scaled to the final size. Than we add a frame, give the frame an shadow and do a reflection at the end.

sample 2

This sample was copied by using the "copy" button of the tile control. After that we open the ImageRotatorApp configure a 15° rotation tile and drag it to the composer tile. Then we open the composer tile configuration and change the ImageDecoratorFrame tile to an orangeRed outer frame.

sample 3

After looking at the sample 2 we have realized, that the ImageRotator tile is at the wrong position. Therefore we move it to the second last position.