Home / Art & Sprites / 2D Shader Effect Maker

2D Shader Effect Maker

Drop a sprite and stack effects on it: outline, hit flash, dissolve, glow, drop shadow, wave, scrolling, pixelate, hue shift, petrify and rainbow. Every slider updates the live preview. When it looks right, export one combined shader for Godot 4 with Inspector sliders and a ready material, plus a Unity sprite shader with the same settings.

Click or drop a sprite here
PNG with a transparent background works best

A built-in sample sprite is loaded so you can start right away.

Tick an effect to add it. Click its name to open the sliders.

ZIP: a Godot 4 .gdshader with Inspector sliders and a ready ShaderMaterial (.tres) with your values, a Unity sprite shader (.shader) for the Built-in and URP pipelines, your sprite with transparent padding added, a preview PNG and a README.

Show the Godot shader code
Pro · The 2D Shader Effect Maker is part of GameShipKit Pro, with every Pro feature of the other tools. See plans

Sprite effects without writing shader code

Most 2D games need the same handful of sprite effects: a white flash when an enemy is hit, an outline on the selected unit, a dissolve when something dies, a glow on rare loot. Each one is a small shader, but writing it by hand for Godot and again for Unity takes an afternoon of fiddling with UVs and texel sizes. Here you tick the effects you want, move the sliders while the sprite updates live, and export the finished shader.

The effects

EffectWhat it does
OutlineAn outer or inner outline of any color and width, sampled in 16 directions so it stays round on curves and crisp on pixel art.
Hit flashBlends the sprite toward a flat color. Animate the amount from 1 to 0 in a tenth of a second for a classic damage flash.
DissolveEats the sprite away with noise, with a glowing edge in the color you pick. Animate the amount from 0 to 1 for a death or teleport.
GlowA soft halo around the shape, with an optional pulse, for power ups, rare items and magic.
Drop shadowA soft offset shadow behind the sprite, so characters read against busy backgrounds.
WaveSways the sprite sideways in a moving wave, for grass, flags, water reflections and heat haze.
ScrollMoves the texture over time, for lava, water, conveyor belts and energy beams.
PixelateTurns the sprite into chunky pixels, for transitions and retro moments.
Tint, hue and brightnessColorize the sprite, rotate its hue for color variants, or push saturation and brightness.
PetrifyTurns the sprite to grey stone with a color of your choice, also good for frozen or disabled states.
RainbowA moving rainbow sheen for invincibility, combo streaks and party modes.

Effects run in a fixed, sensible order: wave, scroll and pixelate move the picture first, then the color effects, then the inner outline, then the shadow, glow and outer outline are drawn behind the sprite, and dissolve cuts the result last. Only the effects you tick end up in the exported shader, so it stays small and fast.

Using it in Godot 4

Copy the .gdshader and the .tres file into your project, select a Sprite2D, AnimatedSprite2D or TextureRect, and drag the .tres into its Material slot. Every slider shows up in the Inspector under Shader Parameters. To flash on hit from code, write material.set_shader_parameter("flash_amount", 1.0) and tween it back to 0. If several sprites share the material but need their own values, turn on Local to Scene or duplicate the material.

Using it in Unity

Copy the .shader file into your Assets folder, create a Material, pick the shader under GameShipKit, and put the material on a SpriteRenderer. It works in the Built-in pipeline and in URP, including the 2D Renderer, as an unlit sprite shader, and it keeps the SpriteRenderer color. Change values from a script with material.SetFloat("_FlashAmount", 1f). Set the sprite's Mesh Type to Full Rect so the outline and glow have room to draw.

Leave room around the sprite

A shader can only draw inside the sprite's own rectangle. Outlines, glow and shadows need a few empty pixels around the art, otherwise they get cut off at the edges. The export includes your sprite with transparent padding already added. For sprite sheets, leave the same gap between frames, or use the padding option of your sheet packer.

Is my art uploaded?

No. The preview runs on your graphics card in this page, and the export is built in your browser.

New tools every weekGet new free tools and game asset packs by email. About twice a month. Unsubscribe in one click.