---
title: Layer Overlay Tool
emoji: 🎨
colorFrom: blue
colorTo: purple
sdk: gradio
sdk_version: 4.42.0
app_file: app.py
pinned: false
short_description: Overlay multiple semi-transparent layers
---

# Layer Overlay Tool

This tool allows you to upload multiple semi-transparent layers (PNG format), set their transparency and positions, and generate an overlayed image. You can also crop the final output to your desired dimensions.

## Features

- **Upload up to 4 layers**: Each layer can be a PNG image with transparency.
- **Set transparency**: Adjust the transparency of each layer (0 = fully transparent, 1 = fully opaque).
- **Control positions**: Move each layer to the desired position on the canvas.
- **Crop the output**: Define a crop range to focus on a specific area of the overlayed image.
- **Preview individual layers**: View each layer separately after processing.

## How to Use

1. Upload your images (up to 4 layers).
2. Adjust the transparency and position of each layer.
3. Set the crop range if needed.
4. Click "Generate Overlayed Image" to see the results.

## Example

Try the example provided in the app to see how it works!

---

Check out the configuration reference at [Hugging Face Spaces Docs](https://huggingface.co/docs/hub/spaces-config-reference).