Payam Ranjbar

A Python-based, open-source toolkit I’ve built around OpenCV, you can quickly create visually appealing, customized profile banners. By intelligently extracting color palettes, automatically removing backgrounds, and overlaying text with precision, this project showcases how leveraging image processing libraries like OpenCV can elevate my online presence :).

Source Code: https://github.com/payam-ranjbar/OpenWork-Banner-Creator

Forming a color palette

this project intelligently extracts a color palette from your profile picture to ensure a cohesive and visually appealing banner. The process starts by analyzing the image and detecting the most dominant color using OpenCV’s K-means clustering. This color serves as the base for the overall design.

Once the dominant color is identified, complementary and analogous colors are generated to create contrast and balance. These colors are adjusted using HSV (Hue, Saturation, Value) transformations to ensure they work well together. Additionally, an accent color and a text color are selected to provide clarity and readability against the background.

To make the banner visually dynamic, the script blends two complementary colors into a smooth gradient. This gradient forms the background layer, providing a professional and polished look without requiring manual adjustments. The result is a well-balanced banner with an automatically generated color scheme tailored to the uploaded profile picture.

Poster Creation Pipeline

The process of generating a banner follows a structured pipeline to ensure a polished, visually appealing output. Below is a breakdown of how the generate_banner method in banner_service.py constructs the final banner:

1. Profile Image Processing

• The user’s profile image is loaded from the provided path.
• The background is removed using remove_background_fast(), which utilizes the rembg library to extract the subject while preserving transparency.

2. Color Palette Extraction

• If no custom color palette is provided, the ColorPaletteGenerator extracts a dominant color from the image.
• Based on this dominant color, complementary accent colors and an optimal text color are generated.
• These colors help maintain a professional and visually balanced design.

3. Gradient Background Creation

• A gradient rectangle is generated using the two accent colors extracted earlier.
• This gradient forms a smooth background layer, ensuring the banner looks dynamic rather than flat.

4. Image Enhancements

• The extracted profile image is processed to reduce contrast, making it blend better with the background.
• A tint filter is applied using the accent colors to unify the color scheme.
• A gradient mask is generated to create a fade effect, ensuring the cutout subject blends naturally into the banner.

5. Background Patterns & Effects

• If the user has provided a custom background pattern, it is:
  • Processed for transparency (reducing opacity).
  • Masked with a gradient for a smooth fade.
  • Blurred to soften its appearance.
• The processed pattern is then overlaid onto the gradient background.

6. Overlaying the Subject

• The processed profile image (with background removed) is now placed onto the banner.
• A subtle fade-to-transparent effect is applied to the lower part of the image to enhance blending.

7. Adding Text

• The user’s name is placed in the center using add_text_center(), ensuring clear visibility.
• The header (job title or tagline) is added below the name, adjusted to fit within a predefined width.
• The text color is chosen based on the extracted color palette for optimal contrast.

8. Saving the Banner

• The final banner is saved as a .png file in the output directory.
• The system ensures a unique filename to prevent overwriting.

Examples of images