Spaces:
Sleeping
Sleeping
Update README.md
Browse files
README.md
CHANGED
|
@@ -1,12 +1,38 @@
|
|
| 1 |
---
|
| 2 |
title: Layer Overlay Tool
|
| 3 |
-
emoji:
|
| 4 |
colorFrom: blue
|
| 5 |
-
colorTo:
|
| 6 |
sdk: gradio
|
| 7 |
-
sdk_version:
|
| 8 |
app_file: app.py
|
| 9 |
pinned: false
|
|
|
|
| 10 |
---
|
| 11 |
|
| 12 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
---
|
| 2 |
title: Layer Overlay Tool
|
| 3 |
+
emoji: 🎨
|
| 4 |
colorFrom: blue
|
| 5 |
+
colorTo: purple
|
| 6 |
sdk: gradio
|
| 7 |
+
sdk_version: 4.42.0
|
| 8 |
app_file: app.py
|
| 9 |
pinned: false
|
| 10 |
+
short_description: Overlay multiple semi-transparent layers
|
| 11 |
---
|
| 12 |
|
| 13 |
+
# Layer Overlay Tool
|
| 14 |
+
|
| 15 |
+
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.
|
| 16 |
+
|
| 17 |
+
## Features
|
| 18 |
+
|
| 19 |
+
- **Upload up to 4 layers**: Each layer can be a PNG image with transparency.
|
| 20 |
+
- **Set transparency**: Adjust the transparency of each layer (0 = fully transparent, 1 = fully opaque).
|
| 21 |
+
- **Control positions**: Move each layer to the desired position on the canvas.
|
| 22 |
+
- **Crop the output**: Define a crop range to focus on a specific area of the overlayed image.
|
| 23 |
+
- **Preview individual layers**: View each layer separately after processing.
|
| 24 |
+
|
| 25 |
+
## How to Use
|
| 26 |
+
|
| 27 |
+
1. Upload your images (up to 4 layers).
|
| 28 |
+
2. Adjust the transparency and position of each layer.
|
| 29 |
+
3. Set the crop range if needed.
|
| 30 |
+
4. Click "Generate Overlayed Image" to see the results.
|
| 31 |
+
|
| 32 |
+
## Example
|
| 33 |
+
|
| 34 |
+
Try the example provided in the app to see how it works!
|
| 35 |
+
|
| 36 |
+
---
|
| 37 |
+
|
| 38 |
+
Check out the configuration reference at [Hugging Face Spaces Docs](https://huggingface.co/docs/hub/spaces-config-reference).
|