Overlay Objects on an Asset in the Image Editor

Updated 

You can send objects forward/backwards to create your desired overlay order. Here, we have listed steps to overlay objects on an asset in the Image Editor. 

Overlay An Image

  1. Click the New Tab icon Space Add New Tab Icon. Under the Sprinklr Social tab, click Assets

  2. Hover the Options icon of an image asset on the Asset Management window and select Edit Image.

  3. From the Overlay Image Tab, click the Addition icon . Select an image from the Asset Manager or from UGC.

  4. Once you've selected an image, single-click the image on the right hand side (or drag and drop) to overlay it on top of the asset you're editing.

  5. Move the outer dots to rotate the image. Move the inner dots closer to the image to adjust the size.

  6. Drag and drop to reposition the image.

Overlay Text

  1. From the Overlay Text Tab, click the Add Text icon. Select a Font, Size, and/or Text Color. Adjust the Font Style and Alignment per your needs.

  2. Enter the text into the text box.

  3. Once you've customized your font, move the outer dots to rotate the text. Move the inner dots closer to the text to adjust the size.

  4. Drag and drop to reposition the text.

Overlay A Shape

You may edit the shape(s) in any particular order. 

  1. Single-click (or drag and drop) on the shape you would like to add to the asset. Your options are: a square, a rectangle, and a circle. 

  2. Select a Shape Color (and Opacity level) and a Stroke Color (and Stroke Weight).  The stroke color is the border color.

  3. Once you've customized your shape, move the outer dots to rotate the shape. Move the inner dots closer to the shape to adjust the size.

     

Overlay An Object In Front

  1. Single-click on the object you want to send forwards.

  2. Click the Overlay In Front icon Space_Icon_Overlay In Front.png to send the object in front.

    Space_Asset Manager_Image Editor_Overlay in front.gif

Overlay An Object Behind 

  1. Single-click on the object you want to send backwards.

  2. Click the Overlay Behind icon Space_Icon_Overlay Behind.png to send the object behind.

    Space_Asset Manager_Image Editor_Overlay behind.gif

Note:

You can always undo or redo any actions/edits taken by clicking the Undo iconSpace_Icon_Undo.png or the Redo iconSpace_Icon_Redo.png in the bottom left corner.