All Collections
How to apply a Drop Shadow to elements in your ad design?
How to apply a Drop Shadow to elements in your ad design?

Use drop shadow effects in your creatives and get a polished and professional look.

Support avatar
Written by Support
Updated over a week ago

A drop shadow is a visual effect that can be applied to the elements in your design. It creates an illusion of a shadow behind the elements it is added to and gives your creatives depth and dimension instead of a “flat” look. If your goal, on the other hand, is to draw attention to a particular element(s), drop shadows come in handy as well: they will create contrast between elements making them stand out from the rest. In short, drop shadow increases creativity freedom when building your ads.

This article explains how to enable a drop shadow effect in Bannerwise and the properties linked to this functionality.

  • Head to the single-view ad editor and add an element to the canvas. For the sake of this article, we are using a text element. Drop shadows, however, can be applied to the following element types for both dynamic and standard ads:

    • Images

    • Logos

    • Text elements

    • Buttons

    • Shapes

  • Select the tab “Style” in the single view editor to find Drop Shadow. By default, it is always disabled. Simply toggle it on to activate it.

  • You can now see 6 properties for the drop shadow feature. Adjust each of them to personalize the drop shadow to your needs:

    • X: Set the drop shadow horizontally.

    • Y: Set the drop shadow vertically.

    • Blur: Choose how sharp or blurry the shadow will be.

    • Spread: Define the size of the drop shadow. Used to apply box shadows to an element.

    • Color: Give the drop shadow color.

    • Opacity: Choose how opaque you want the shadow to be.

It’s important to understand the difference between “drop shadow” and “box-shadow”.

  • Drop shadows create the illusion of a shadow behind an object as if it were lifted off the surface it's resting on. It is typically a darker shade than the object itself.

  • Box shadow applies a shadow to the entire box element. This type of shadow is applied, for example, to image assets without a transparent background and text elements with a background color.

We hope the information above solved your question. If there is anything else we can help you with, and you couldn't find it in our help center, don't hesitate to contact us by chat. We are always ready to help you!

Did this answer your question?