ComfyUI  >  Nodes  >  ComfyUI-post-processing-nodes >  Vignette

ComfyUI Node: Vignette

Class Name

Vignette

Category
postprocessing/Effects
Author
EllangoK (Account age: 2833 days)
Extension
ComfyUI-post-processing-nodes
Latest Updated
8/9/2024
Github Stars
0.2K

How to Install ComfyUI-post-processing-nodes

Install this extension via the ComfyUI Manager by searching for  ComfyUI-post-processing-nodes
  • 1. Click the Manager button in the main menu
  • 2. Select Custom Nodes Manager button
  • 3. Enter ComfyUI-post-processing-nodes in the search bar
After installation, click the  Restart button to restart ComfyUI. Then, manually refresh your browser to clear the cache and access the updated list of nodes.

Visit ComfyUI Online for ready-to-use ComfyUI environment

  • Free trial available
  • High-speed GPU machines
  • 200+ preloaded models/nodes
  • Freedom to upload custom models/nodes
  • 50+ ready-to-run workflows
  • 100% private workspace with up to 200GB storage
  • Dedicated Support

Run ComfyUI Online

Vignette Description

Apply vignette effect to images, darkening edges to highlight center, adjustable strength for focal point enhancement.

Vignette:

The Vignette node is designed to apply a vignette effect to your images, which darkens the edges of the image to draw attention to the center. This effect is commonly used in photography and digital art to create a focal point and add a dramatic or vintage feel to the image. By adjusting the vignette strength, you can control the intensity of the effect, making it either subtle or pronounced. This node is particularly useful for enhancing the visual impact of your artwork, guiding the viewer's eye towards the main subject.

Vignette Input Parameters:

image

The image parameter is the input image to which the vignette effect will be applied. This should be a tensor representing the image data. The image serves as the base on which the vignette effect will be overlaid.

vignette

The vignette parameter controls the strength of the vignette effect. It is a floating-point value that ranges from 0.0 to 10.0, with a default value of 0.0. A value of 0.0 means no vignette effect is applied, while higher values increase the intensity of the darkening around the edges of the image. The parameter allows for fine-tuning with a step size of 0.01, enabling precise control over the effect.

Vignette Output Parameters:

IMAGE

The output is an IMAGE tensor that represents the input image with the applied vignette effect. The vignette effect darkens the edges of the image based on the specified vignette strength, creating a gradient that draws attention to the center of the image. The output image retains the same dimensions and format as the input image but with the added vignette effect.

Vignette Usage Tips:

  • To achieve a subtle vignette effect, start with a low vignette value (e.g., 0.1 to 0.5) and gradually increase it until you reach the desired intensity.
  • Use higher vignette values (e.g., 5.0 to 10.0) for a more dramatic and pronounced effect, which can be particularly effective in creating a vintage or moody atmosphere in your artwork.
  • Experiment with different vignette strengths to see how they affect the overall composition and focus of your image. Adjusting the vignette can help highlight the main subject and improve the visual balance of your artwork.

Vignette Common Errors and Solutions:

Image tensor shape mismatch

  • Explanation: This error occurs when the input image tensor does not have the expected shape, which should include height, width, and color channels.
  • Solution: Ensure that the input image tensor has the correct dimensions, typically in the format (height, width, channels). Verify that the image data is correctly loaded and preprocessed before applying the vignette effect.

Vignette value out of range

  • Explanation: This error occurs when the vignette parameter is set to a value outside the allowed range of 0.0 to 10.0.
  • Solution: Check the vignette parameter value and ensure it is within the specified range. Adjust the value to be between 0.0 and 10.0 to avoid this error.

Device mismatch for tensor operations

  • Explanation: This error occurs when the input image tensor and the operations performed on it are not on the same device (e.g., CPU vs. GPU).
  • Solution: Ensure that the input image tensor and all operations are performed on the same device. If using a GPU, make sure the tensor is moved to the GPU using .to(device) or similar methods before applying the vignette effect.

Vignette Related Nodes

Go back to the extension to check out more related nodes.
ComfyUI-post-processing-nodes
RunComfy

© Copyright 2024 RunComfy. All Rights Reserved.

RunComfy is the premier ComfyUI platform, offering ComfyUI online environment and services, along with ComfyUI workflows featuring stunning visuals.