demobook

ComfyUI: Building a Basic Image Processing Workflow

Demo summary

Demonstration of adding nodes (Load Image, Image Crop, Save Image) and connecting them via color-coded links to perform non-AI image tasks.

Step-by-step

  1. Double-click on the canvas to open the search box and type 'Load Image' to add the node.
  2. Upload an image file using the button on the Load Image node.
  3. Double-click the canvas and search for 'Image Crop' to add the cropping node.
  4. Left-click and drag the blue 'IMAGE' output from the Load Image node to the blue 'image' input on the Image Crop node.
  5. Double-click the canvas and search for 'Save Image' to add the output node.
  6. Connect the 'IMAGE' output of the Image Crop node to the 'images' input of the Save Image node.
  7. Run the workflow to process the image and view the result in the Save Image node.

Options

  • Right-click the canvas and navigate through categories to add nodes
  • Use the node library in the left sidebar to drag nodes onto the canvas
  • Delete nodes using the trash icon, Delete key, or Backspace key
  • Resize nodes by clicking and dragging the corner arrow indicators

Watch out for

  • Connections generally only work between inputs and outputs of the same color
  • A workflow will fail with a 'no output' error if it does not end with an output node like Save Image
  • The green mask output cannot connect to a blue image input

Tips

  • Double-clicking the canvas is the fastest way to add a node
  • Use the sidebar node library if you do not know the exact name of the node you are looking for
  • Think of the Save Image node as the 'Export' step in Photoshop; without it, your work isn't saved to a file

Highlights

Because the output and the input have the same color and the same name, it is easy to see that they belong together.

All demos from “ComfyUI Course - Learn ComfyUI From Scratch | Full 5 Hour Course (Ep01)

  1. 9:173:04Install ComfyUI using Easy InstallThe instructor demonstrates how to download the ComfyUI Easy Install zip from GitHub, extract it, and run the BAT file to set up a portable local installation.ComfyUIAI Image Generator
  2. 13:355:23ComfyUI Interface OverviewA walkthrough of the ComfyUI UI, demonstrating the canvas, node search, top bar controls, view settings, and how to properly close the application.ComfyUIAI Image Generator
  3. 18:588:14Running a Ready-Made WorkflowThe video shows how to load a .json workflow, download the required Juggernaut Reborn model, refresh the node list, and generate an image of a cat.ComfyUIAI Image Generator
  4. 27:266:13Building a Basic Image Processing WorkflowCurrentDemonstration of adding nodes (Load Image, Image Crop, Save Image) and connecting them via color-coded links to perform non-AI image tasks.ComfyUIAI Crop Image
  5. 44:186:05Using Math and Grouping NodesThe instructor shows how to use Math Int and Preview as Text nodes for automation and how to organize nodes into Groups for better workflow management.ComfyUIAI Image Generator
  6. 1:12:0414:42Building a Text-to-Image Workflow from ScratchA step-by-step build of a standard diffusion pipeline using Load Checkpoint, CLIP Text Encode, Empty Latent Image, KSampler, and VAE Decode.ComfyUIAI Image Generator
  7. 1:27:395:06Image-to-Image Workflow with Denoise ControlDemonstration of converting a text-to-image workflow into an image-to-image setup using VAE Encode and adjusting the denoise parameter to control variation.ComfyUIImage to Image
  8. 1:48:162:58Managing Custom Nodes with ComfyUI ManagerThe video walks through searching for, installing, and uninstalling custom nodes (specifically the 'Align' node) using the built-in Manager.ComfyUIAI Image Generator
  9. 2:35:539:48Applying LoRA for Style ModificationDemonstration of adding a LoRA loader to a workflow, using trigger words, and adjusting LoRA strength to change a robot into a 'cake style' robot.ComfyUIAI Style Transfer
  10. 2:47:359:01Guiding Structure with ControlNetThe video shows how to use Canny and Depth ControlNet models with pre-processors to guide image generation based on an input sketch or 3D text.ComfyUIAI Image Generator
  11. 3:11:488:27Generating Images with Z-Image TurboA demonstration of setting up the modern Z-Image Turbo model, including the specific Model Sampling AuraFlow node and high-quality prompt generation.ComfyUIAI Image Generator
  12. 4:13:595:52Integrating ChatGPT API for Prompt GenerationThe instructor demonstrates signing into the ComfyUI API and using a ChatGPT node to automatically generate detailed image prompts for local models.ComfyUIAI Image Generator
  13. Watch “ComfyUI Course - Learn ComfyUI From Scratch | Full 5 Hour Course (Ep01)” →

AI Crop Image

  1. 27:266:13Building a Basic Image Processing WorkflowCurrentDemonstration of adding nodes (Load Image, Image Crop, Save Image) and connecting them via color-coded links to perform non-AI image tasks.pixaroma
  2. 4:580:42Image preparation and resizing for InfiniteTalkThe video shows how to select a forward-facing image and resize/crop it to 832x480 resolution to ensure compatibility with 8GB VRAM constraints.Atelier Darren
  3. 2:560:54Image preparation for InfiniteTalkThe video shows the process of loading a portrait image and resizing it to the specific 384x640 resolution required by the Wan video model using standard ComfyUI nodes.Viraj Builds