How to achieve partial highlight effect on limbs?

Hello! I’ve been recently trying to improve my VFX skills, and I found an example of an effect I want to take inspiration from.

External Media

In particular, it’s this “partial highlight” effect on the player’s limbs during an attack. Note how my character’s dark arm fades into blue.

image

How can I achieve this effect? Thanks in advance!

1 Like

{"httpStatusCode":401,"errorId":6,"errorMessage":"Invalid auth token, try logging in again","additionalInfo":[]}

1 Like

It’s just a decal with it’s rgb values set extremely high. Around 25000000, which breaks the Roblox engine and causes that.

2 Likes

Could you elaborate more on this? I’m trying what you said, but I’m stuck with just a normal texture.

1 Like

I am pretty sure you need to have a texture with one end being transparent and other being opaque and the applying it to the body part accordingly.

2 Likes

You can do this with surface GUI and frames with UI gradient inside, seeing how it’s sharp on the ends it’s likely how they did it as well. Decals would shape around the arm which might look better.

3 Likes

That sounds about right, but won’t having to constantly generate SurfaceGUIs be costly for performance, even if they’re only replicated client-side?

2 Likes

If you handle the effect on the server it will mostly have an effect on the network usage (that is probably going to be very minimal anyway), but if you’re applying and handling the effect exclusively on the clientside, then there will not be any extra performance cost

3 Likes

Got it to work thanks to this. Check it out!


1 Like

Yeah, mostly render time, if you do the surface GUI route you could try a caching system so you don’t need to create the same set of hierarchy every time it’s activated. I haven’t tested between the three, texture, decal and surface GUI… But given that surface GUI doesn’t wrap around meshes so it might be more performant.

2 Likes

Worked real well, make it glow with the brightness property for that bloom for the extra flare.

2 Likes

Will definitely try using decals later. I can see the SurfaceGui method not playing well with people who have high ping.

1 Like

Update: Here’s an example model if you want to see this in Studio for yourself. The right arm uses Decals, while the left arm uses ScreenGuis. The right arm’s decals use a gradient image, as well. If you make your own gradient image using something like Photopea, you can control how far the color “fades in” to the model’s arm.

LimbHighlight.rbxm (17.3 KB)

1 Like