Shadows · Sketch

Note: Images, videos and some instructions on this page may not be accurate. Please bear with us as we update the Docs for Sketch’s new UI.
Shadows and Inner Shadows appear as separate sections in the Inspector. They have the same controls but work in different ways — Shadows render outside a layer, while Inner Shadows render inside.
You can apply shadows to shapes, text, frames, graphics, and groups. You can also apply multiple shadows to the same layer and control their colors, blending modes, X and Y positions, blur radius, and spread.
In groups, shadows apply to the layers inside, not to the group’s own bounds.
Select a layer, frame, or group, then head to the Shadows or Inner Shadows section in the Style panel of the Inspector. Click to add a shadow.
To remove a shadow, disable its toggle switch, then click next to the section title.
Apply a drop or inner shadow to any layer, frame, or group
Stack multiple inner shadows on one layer to build up depth and detail
Each shadow has these controls:
Fine-tune a shadow’s position, blur, and spread in the Inspector
You can right-click a shadow row to copy its color value in popular formats — see which formats are available.
To change a Shadow to an Inner Shadow (or vice versa), right-click on the shadow in the Inspector and choose Change to Inner Shadow or Change to Drop Shadow.
Switch between a drop shadow and inner shadow with a right-click
You can also copy and paste properties or reorder style properties across any style type.
Did you find this useful?
Submitting your vote…
Want a reply? Add your email and we’ll get back to you.
Need help now? Add your email and we’ll get back to you, or contact our support team.
Need help now? See our Support pages or get in touch.
Get all the latest news, blog posts and product updates from Sketch, delivered directly to your inbox. We’ll rarely send more than one email a month.