Submit a request
 
PRODUCT
Privacy Policy |  AAS Advertising Policy | Terms of Use
Cookie Preference
Follow
Last Update:
  viewable by end users
  editable by agents

The “Add Image” button found in the Layers toolbox imports an image file to the project, adds it to the stage, and adds an Image Layer on the Layers Panel. Supported file extensions include .jpg, .gif, .png, .svg and .webp.

  1. Click the Add Image button in the Layers toolbox. A popup window will open.

    Image_Layer_1.png

  2. In the popup window, browse and select the image to import from the local drive, and click Open. This will start the image upload. The upload progress status is indicated on the lower-right corner.

  3. Once the upload is complete, the image will display on the stage and the corresponding layer will be added on the Layers panel.

Transform options

Image layer properties

The following properties are available for an Image Layer in the Properties Panel.

Transform options
Transform_options.png

Dimensions: Defined by Width and Height in pixels. The lock icon allows to preserve the aspect ratio and proportion.

  • When locked, changing the layer’s width or height will change both preserving its aspect ratio proportion on its latest locked dimensions.

  • When unlocked, changing the layer’s width or height will only change what has been changed.

Position: The coordinates of the selected layer on the Creative Stage defined by the number of pixels along the X axis (zero X coordinate is the left edge of the Creative Stage) and the Y axis (zero Y coordinate is the top edge of the Creative Stage).

Opacity: The measure in percentage of how opaque the selected layer is.

  • Opacity set to 100% will make the layer fully visible.

  • Opacity set to 0% will make the layer fully transparent, and as such, invisible.

Rotation: The angle of rotation for the selected layer. Rotations are relative to the center point of the layer, around a 360-degree arc.

Scale: Located under the Transform section, the Scale Property resizes a layer on the 2D plane. It changes the width and height at the same time, making it a great property to use with animations.
Display options
Display_options.png

Image Display

  • Fill: Scales the image to cover all of the area of the layer container.

  • Fit: Maintains the aspect ratio of the image to display it within the layer container, leaving some parts of the container unfilled.

  • Stretch: Changes the aspect ratio of the image so that the layer fills the layer container, distorting the image by changing one dimension more than the other.

  • Tile: Repeats the image to create a pattern in the image container using the original size and aspect ration of the image.

Replace Image: This button allows the upload of a new image to replace the one selected. Replacing the image maintains the properties of the previous one of the same layer.

Corner Radius

image__15_.png

Corner Radius: The roundness in pixels of the corners of the layer.
Border options
Border_options.png

This option will display a line around the selected layer with the ability to change the width, color, and style.

Width: The width in pixels of the border.

Color: The color of the border.

Border

  • Solid: Style of the border when it is a solid line.

  • Dashed: Style of the border when it is a series of dashes.

  • Dotted: Style of the border when it is a series of dots.
Shadow options

This option will display a shadow around the selected layer with the ability to change its color, offset coordinates, spread size, blur size, and inset setting.

Shadow.png

  • Color: The color of the shadow.

  • Offset: The X and Y coordinates in pixels that indicate the displacement of the shadow.

  • Spread: The distance in pixels away from the layer that the shadow extends.

  • Blur: The haziness of the shadow. The higher the value, the lesser is its sharpness.

  • Inset: Switches the shadow from outside of the layer container to inside.
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments