Using drop shadows effectively in Canva

Using Drop Shadows Effectively in Canva to enhance your designs and add more realism. Image shows text on a floating sheet of brown paper with a mountain image and a bowl with a leaf and cup of coffee.
Written by: Jo Petzer
Category: Canva | Design Tips
Using Drop Shadows Effectively in Canva will help to make your mockups look more realistic and add a sense of depth to your designs. This post explains how to do that using Canva's on board editing tools.

Using Drop Shadows Effectively in Canva to improve your designs

Using drop shadows effectively in Canva will help take your designs to the next level of professionalism, making the more realistic and appealing to viewers.

If you’ve browsed through my mockups, you would have noticed that most of the objects they contain have moveable shadows. Shadows go a long way to making a mockup look more realistic, but they do need to be used correctly. One feature that Canva doesn’t have, which PhotoShop does, is the ability to create dynamic shadows. In PhotoShop, you can select your light source, and all the shadows you create will automatically move as you adjust your light source. Because Canva doesn’t offer this functionality, you’ll need to manually adjust object shadows in your designs to help them look as real as possible.

The shadows in my Canva mockups and scenes are separate from their objects but are grouped together with their objects. The shadows in my scene creator bundles are supplied separately so you can apply them in your own designs and edit them as needed.

If you’re wondering why you’ll need to edit shadows, read on.

 

Darkening Shadows

A darker background will need the object shadow to be darkened so that it’s visible. If you use a dark shadow on a light background, it will stand out too much and look overdone.

Most of my mockups have light backgrounds, so the shadows are set to a lighter transparency. To darken any of the shadows in my Canva mockups or scenes, select the shadow section of the object, then decrease the transparency of the shadow using the transparency tool. If you’ve used a really dark background and decreasing the transparency doesn’t make the shadow dark enough, then adjust the shadow settings like this:

  1. Take the brightness right down to -100.
  2. Increase the contrast up to +100.
  3. Edit black levels.

This will darken the shadow substantially. If it still isn’t dark enough, then you can ungroup the shadow from the mockup object and duplicate the shadow so there are two of them.

Blurring Shadows

Sometimes you may want a shadow to appear more blurred. This would be useful in designs where you want an object to appear as if it is floating up out of the design area. Blurring a shadow is as easy as selecting it and then using the blur option in the edit tool to increase the blur.

 

Tinting Shadows

All my shadows are black/greyscale by default. But tinting a shadow to match your background color can help to make your design look even more real. Once you’ve finalized the background color or texture for your design, select the shadow for one of the objects, then use the Duotone tool to change the tint of the shadow to match the background color. You can duplicate the same tint on other objects using the ‘copy style’ paint roller tool.

 

Long and Short Shadows

You may have noticed that some objects have longer shadows than others. The size/length of an object’s shadow depends directly on the height the object would be in real life. The shadow of a piece of paper will be very short and close to the object, but the shadow of a coffee cup will be longer and extend further out from the object.

The length of a shadow will be greater in oblique light than overhead light. Oblique light is the sort of light you’ll see early in the morning or late in the afternoon when the sun is on the horizon – it naturally creates longer shadows. Using long shadows in your designs gives them a moodier feel.

Experiment with the shadows in your designs by moving them further away from their objects to see how they affect the overall look and feel.

 

Positioning Shadows

When you’re rearranging objects in a design by rotating them, always make sure you take the light source of your design into account. When shadows fall in different directions, your design will look odd and unreal.

All of my mockups have their light source at either the top left or top right corner of the design, but you can have the light source wherever you like. All your object shadows should fall on the opposite side of the light source. For example, if you decide that you want your light source to be on the left of the design, then all your shadows need to fall to the right of the design. When you rotate an object, remember to ungroup it and move the shadow so that it falls in the right direction.

 

Perfecting Shadows

It takes time and practice to master the art of working with shadows in your designs. The best piece of advice I can give you is to study shadows in real life and in different lighting situations. Photograph shadows and refer back to the photos later in your designs.

By following these tips, you’ll be able to create more realistic and visually appealing mockups using Canva.

Happy designing!

Get more tips and video tutorials by following Mockup Scene on Instagram.

Get started with one of these Mockups

Showing 1–5 of 83 results

0
    0
    Your Cart
    Your cart is emptyReturn to Shop