Index


Use the drop shadow effect to add depth and dimension to your designs. Drop shadows are customizable, allowing you to adjust the angle, size, color, and distance. 


A drop shadow can be applied to the following elements; 

  • Text 
  • Images 
  • GIFs 
  • Animated SVGs


Drop shadows are not currently available on Dynamic Elements, Global Assets, or Videos.


Add a Drop Shadow to Text



1. Select the text element from the canvas or Layers panel 

2. Open the Text Settings panel from the left-hand side 

3. Scroll to the Drop Shadow option 

4. Toggle Drop Shadow ON



Add a Drop Shadow to Images, Animated SVGs & GIFs



1. Select the element from the canvas or Layers panel 

2. Open the Image Settings panel from the left-hand side 

3. Scroll to the Drop Shadow option 

4. Toggle Drop Shadow ON



Customize your Drop Shadow


You can customize the angle, size, color, and distance of your drop shadow.



For Text: The drop shadow settings can be found in the Text Settings panel. 

For Images, GIFs, and animated SVGs: The drop shadow settings can be found in the Image Settings panel on the left-hand side.


Drop Shadow Settings


  • Color 

    • Open the color picker to the right of the Color option and select your desired color and opacity. 
  • Lock Drop Shadow Size Toggle ON/OFF 
    • With Lock Drop shadow size ON, when an element is resized in any way, the size and distance values will not adjust. 
    • With Lock Drop shadow size OFF, when an element is resized in any way, the drop shadow will resize proportionately to match. 
  • Distance 
    • Use the Distance slider to increase or decrease the distance between your element and the drop shadow.
  • Size 
    • Use the Size slider to increase or decrease the spread of the drop shadow. As you increase the size of the drop shadow spread, the shadow will appear less sharp. Decreasing the size of the drop shadow spread will sharpen the drop shadow. 
  • Angle 
    1. The angle options allow you to change the direction of the drop shadow. Use the angle picker, by dragging the hand of the angle picker to point in the right direction. 
    2. Use the input field to set the angle by degrees.