Image Overlay Tool
Or replace "your-image.jpg" in the code with your image path
How to use:
• Click "Upload Image" to test with any image from your computer
• Or replace "your-image.jpg" with your actual image path in the code
• Use the slider to adjust overlay opacity (0-100%)
• NEW: Choose overlay coverage - full image, top/bottom halves, thirds, or left/right sides
• NEW: Toggle between "Hard Edge" and "Gradient Blend" for natural lighting effects
• Click colour buttons to change overlay colour
• Perfect for showing clients different overlay effects and partial coverage options
• Uploaded images are temporary and reset on page refresh
• Click "Upload Image" to test with any image from your computer
• Or replace "your-image.jpg" with your actual image path in the code
• Use the slider to adjust overlay opacity (0-100%)
• NEW: Choose overlay coverage - full image, top/bottom halves, thirds, or left/right sides
• NEW: Toggle between "Hard Edge" and "Gradient Blend" for natural lighting effects
• Click colour buttons to change overlay colour
• Perfect for showing clients different overlay effects and partial coverage options
• Uploaded images are temporary and reset on page refresh