Drop Shadow Plugin

Resources Community Resources
#1

:alarm_clock: UPDATE 9/12/2022 - Drop Shadow Plugin v2.0 is currently in development. It will feature the ability to generate shadows to your direct specifications and with UI’s that have rounded corners. This will be a desktop application to utilize native APIs.

pluginIcon

Drop Shadow Plugin

IMPORTANT

:exclamation: In order for this function to work correctly and have the have your ScreenGui instance you need to have ZIndexBehavior as Global :exclamation:

Also: You can’t use rounded frames as the shadows are for 90 degree angles.

Image Help

image

About

The Drop Shadow Plugin is a simple plugin to let you create drop shadows on your UI elements. From Frame to Text Buttons and more you can add a drop shadow.

Enough of me talking let’s see a video of it :slight_smile:

Some pictures:

image
image968×502 152 KB

Elevation Levels

image

Take the plugin here

101 Likes
How would I create a blurred drop shadow on frames?
How to Create "Ui Shadows"
How could I make a shadow behind a gui!?
Main menu gui feedback and help
#3

Now my GUIs will look way more sharp. Thanks man, this is great!

3 Likes
#5

ZIndex Bug Status.

This update is going to take some time as we’re also updating the UI work even better along with some more settings to make sure it works a majority of the time!

Solution Found

5/11/2020 at 12:05pm

We have found a solution to this bug and are currently going to attempt to implement a fix.

Identified

5/11/2020 at 12:00pm

We identified a bug within the ZIndex where the shadow is sometimes rendered above the element you’re trying to create a drop shadow for. We’re currently looking for a solution to this and will update this post once we’ve identified a solution and attempt to implement it.

3 Likes
#6

This is honestly a great plugin. Great job!

1 Like
#7

Are you planing on adding support for round UI aspects?

2 Likes
#8

At this moment I do not. It would be extremely time consuming to need to create an individual asset for each round corner.

1 Like
#9

Do you plan adding drop shadows for text?

#10

No, not sure if this plugin still works but it allowed text dropshadows along with more features for text.

https://www.roblox.com/library/270321334/TextPlus-Plugin

1 Like
#11

I found something that might help some people.
If you have AutoScale Plus and you have “Image ScaleType Fit By Default”, it wont work. image

2 Likes
#12

absolutely amazing plugin and so easy to use however i think that support for ui elements with rounded corners would help a lot too (if possible) :slight_smile:

#13

I would love to do this in the future, it just may take a long time as I would need to create an image for every single corner radius and it’s elevation.

But I’ll make sure to add it to my to-do list.

One thing I might do is only allow certain UICorner radius’s to be used just so it’s easier on me.

1 Like
#14

Upcoming Update

(release date unknown, but development is in progress)

  • New UI that is more user-friendly and requires less steps
  • Support for Rounded UI’s (Only certain radius for UICorner and needs to be offset and not scale)
  • Complete rewrite, not that current performance is bad just a way to optimize the code.
1 Like
#15

I would recommend making it clear that only GlobalZIndex behavior is supported.

1 Like
#16

Hey man, thank you for making such a huge contribution!

#17

Hey man! Amazing plug-in :slight_smile: I would love it though if you’d add support for rounded frames with Roblox’ new UICorner :slight_smile:

#18

Hey!! I’m curious if I can use this for commercial use.

1 Like
#20

I know this is in 2020, but there is a pretty easy fix:
Use a soft shadow square that has corners so large its almost a cirlce (keynote almost, we need some straight edges) as the image, then apply 9slice on it so all the slices are exactly at the half way point vertically and horizontally. Finally, change the slice scale value to make it smaller or bigger depending on the cornerradius value.