Basic Usage

This guide will walk you through the process of creating a basic comic page layout using PanelForge. You'll learn how to set up frames, arrange them in rows, and compose a complete page.

Overview of Components

PanelForge uses three main types of nodes:

• Comic Frame: Holds individual panel images and their properties
• Comic Row: Arranges frames horizontally with customizable spacing
• Comic Page: Combines rows into a complete comic page

Step-by-Step Guide

1. Prepare Your Panel Images

Before starting with PanelForge, you'll need images for your panels. You can:

• Generate images using ComfyUI's text-to-image nodes
• Import existing images using the Load Image node
• Use image-to-image nodes to modify existing images

2. Creating Frames

1. Add a "Comic Frame" node to your workflow
2. Connect your image to the frame's image input
3. Configure frame properties:
   • Border width
   • Border color
   • Padding
   • Caption (optional)

Repeat this process for each panel you want to include in your comic.

3. Arranging Frames in Rows

1. Add a "Comic Row" node
2. Connect your Frame nodes to the row's inputs:
   • frame1
   • frame2
   • frame3 (if needed) etc.
3. Configure row properties:
   • Spacing between frames
   • Vertical alignment (top, center, bottom)

4. Composing the Page

1. Add a "Comic Page" node
2. Connect your Row nodes to the page's inputs:
   • row1
   • row2
   • row3 (if needed) etc.
3. Set page properties:
   • Page width
   • Margins
   • Background color
   • Spacing between rows
   • Row alignment (left, center, right)

5. Exporting Your Comic

1. Connect your Comic Page node to a Save Image node
2. Configure the save format (PNG recommended)
3. Run the workflow to generate your comic page

Example Workflow

Here's a simple workflow to create a two-row comic page:

Load Image 1 → Comic Frame 1 ↘
                              Comic Row 1 ↘
Load Image 2 → Comic Frame 2 ↗            \
                                          Comic Page → Save Image
Load Image 3 → Comic Frame 3 ↘            /
                              Comic Row 2 ↗
Load Image 4 → Comic Frame 4 ↗

Basic Tips

• Start with simple layouts (2-3 panels per row) until you're comfortable with the workflow
• Use consistent border widths and spacing for a professional look
• Consider the reading flow when arranging panels (typically left-to-right, top-to-bottom)
• Test different panel sizes to create visual interest

Next Steps

Once you're comfortable with basic layouts, explore our Advanced Features guide to learn about:

• Complex panel arrangements
• Custom border styles
• Advanced caption formatting
• Dynamic layout techniques

Troubleshooting

If you encounter any issues, check our Troubleshooting Guide or visit the Community Support page.