The background of a cell can be chosen in the style inspector or via the fill button in the style bar. 



You can choose between 3 background types of an element:

Color

Defines the background color of an element. Click the color well and choose the color from the color picker.




Tip: To define a semi-transparent background color use the transparency slider of the color picker.

Gradient

With the gradient editor you can define complex gradients with multiple color stops. To create a color stop, click in the color stop area. To delete a color stop, select it and press the backspace key. The stop position can either be changed by dragging or by entering the value in the "Stop Position" field. Values between 0 and 100 are possible. The angle of a linear gradient can be adjusted by entering the value in the "Angle" entry field or by turning the circular slider.




A radial gradient can be displayed if the switch is turned on.

To reverse the gradient, press the button on top of the gradient well.

Image

Images that have been added to the project can be used as background image for the selected element.

Images can either be displayed scaled, in their original size or tiled horizontally or vertically. If Original is selected, the image is shown in its normal size and its alignment can be specified. If the cell size can be changed manually, the "Original Size" button sets the cell size to the dimensions of the image.

If the image is scaled, the image proportions can be kept by checking the "Proportional scale" option.




Adding Images

Images can be added to the project by clicking the + sign or dragging it to the resource inspector. In addition, images can be dragged from the Finder or web browser to the canvas or pasted from another application.

Antetype accepts pixel and vector formats like:

  • PNG
  • JPEG
  • GIF
  • TIFF
  • PDF
  • EPS
  • AI
  • and many more