FlowWall

Image editing node

Purpose: Process uploaded images or node output. After creating the node, select the crop, color or annotation function.

Open the Image editing function menu
Cut

Purpose: Delete the area outside the screen and keep only the target range.

01

Open the Image editing nodeCut。

02

Connect the pictures that need to be cropped.

03

Enter the cutting editing interface.

Click "Edit" to enter cropping
  1. DescriptionClickEditStart cutting.
Adjust image cropping range
  1. DescriptionDrag the border around the image to adjust the retention range.
Cropping toolbar and "Confirm" button
  1. 01Cropping ratio: Choose free cropping or fixed ratio
  2. 02Undo: Return to the previous adjustment step
  3. 03Original image ratio: switch the original image or other ratios
  4. 04Full screen: zoom in and crop finely
  5. 05Delete: Delete the current picture
  6. 06More: Open other actions
  7. DescriptionConfirm cropping: clickConfirmApplies the current cropping range.
  8. DescriptionFine cropping: Click the full screen button or double-click the image to enter enlarged editing.
Zoom into fine cropping
  1. DescriptionYou can also drag the border to crop after zooming in.
Fine crop toolbar
  1. 01Undo/Redo: switch editing steps forward and backward
  2. 02Flip: Flip the image horizontally or vertically
  3. 03Straighten: adjust the tilt angle of the picture
  4. 04Crop ratio: select the output aspect ratio
  5. 05Resolution: Set the output resolution
  6. 06Reset: restore the state before this edit
04

After editing, clickDoneSave; if you want to abandon this edit, click×Exit.

Click "Done" to save the crop. Click "×" to abandon cropping
Color grading

Purpose: Adjust visual parameters such as filters, brightness, contrast, saturation, etc.

01

Open the Image editing nodeColor grading。

02

Connect pictures that need color correction

Color correction in image nodes
  1. 01Filters and Strength: ClickOriginalOpen the filter list, select the filter, and useStrengthAdjust effect strength
  2. 02Full screen: Enlarge the picture and enter the complete color grading and preview interface
03

Click the zoom button or double-click the node to enter the color correction and preview interface.

Zoom in to see the color grading effect
  1. 01Effect comparison: Drag the contrast slider in the middle to view the difference before and after color correction
  2. 02Color adjustment panel: select filters and adjust brightness, contrast, saturation and other parameters
04

Save the result after confirming the effect.

Save or cancel color correction
  1. 01Cancel: Cancel this color correction
  2. 02OK:Save color grading results
mark

Purpose: Write visual marks on pictures to identify areas for subsequent processing.

01

Open the Image editing nodemark。

02

Connect the pictures that need to be annotated

03

Use a paintbrush, box, or other tool to mark the target location.

Image annotation tool
  1. 01Edit: Enter label editing
  2. 02Annotation tools: use brushes, boxes or text
  3. 03Color/Thickness: Adjust label color and brush thickness
  4. 04Undo/Redo: switch annotation steps forward and backward
  5. 05Eraser: Erase or clear annotations
04

Save the labeling results, or continue to connect to subsequent nodes for use.

Save labeling results
  1. DescriptionAfter the annotation is completed, clickSaveSave.
  1. DescriptionConnect to the next node and enter subsequent processing requirements.
Connect labeling results to subsequent nodes