Skip to content
ArcBrush ArcBrush Docs

Your First Graph

This guide walks you through building a simple pipeline from scratch. By the end, you’ll understand how to create nodes, connect them, and export results.

Step 1: Create an Image In Node

Section titled “Step 1: Create an Image In Node”
  1. Right-click on the empty canvas to open the node creation menu.
  2. Search for “Image In” or find it under Inputs.
  3. Click to place the node on the canvas.
  4. In the Properties panel, click the folder icon next to the File Path field to pick an image from disk.

Step 2: Add a Filter

Section titled “Step 2: Add a Filter”
  1. Right-click the canvas again and add a Blur node (under Filter).
  2. Drag from the Image In output pin (the orange filled square on its right edge) to the input pin of the Blur node.
  3. A wire connects them, and the Blur node now processes the output of Image In.
  4. In the Blur node, set Type to Gaussian — the Radius slider only applies to Gaussian, Box, and Median modes.
  5. Adjust the Radius slider to control the strength of the blur.

Step 3: Preview the Result

Section titled “Step 3: Preview the Result”
  1. With the Blur node still selected, look at the Preview panel on the right.
  2. The preview shows the live output of the selected node, so you can confirm the blur looks right before exporting.
  3. Tweak the Radius and watch the preview update in real time — nothing is baked until you export.

Step 4: Export the Result

Section titled “Step 4: Export the Result”
  1. Add an Export Image node (under Export).
  2. Connect the Blur node’s output to the Export Image input.
  3. Click the folder icon next to the File Path field to choose an output filename and location.
  4. Click the Export button on the node. Your processed image is saved to disk.

Key Concepts

Section titled “Key Concepts”
  • Nodes are operations: each one does one thing well.
  • Wires connect outputs to inputs, so data flows left to right.
  • Pin types ensure compatibility; you can only connect matching types.
  • Changes propagate automatically. Adjust any parameter and downstream nodes update in real time.

Next Steps

Section titled “Next Steps”