<img src="https://image.civitai.com/xG1nkqKTMzGDvpLrqFT7WA/9ff633a8-f737-478e-b7f6-aa17b1be55d2/original=true/9ff633a8-f737-478e-b7f6-aa17b1be55d2.jpeg" /><img src="https://image.civitai.com/xG1nkqKTMzGDvpLrqFT7WA/3d24175f-498a-48b3-b209-177e7322161d/original=true/3d24175f-498a-48b3-b209-177e7322161d.jpeg" />## Simple Text Overlay Node for ComfyUIA powerful, clean, and highly flexible custom node designed to overlay customizable text onto your images inside ComfyUI. Perfect for creating memes, cinematic poster layouts, watermarks, or promotional graphics. It outputs both the blended image and a clean text mask for further composition.---### 🚀 Features &amp; Parameters Breakdown* text: Supports multiline inputs (press Enter for new lines).* font: Dropdown list of automatically discovered fonts.* font_size: Base size of the text (from 4 to 2000).* color_preset &amp; custom_color: Choose from 14 built-in color presets or pick any HEX color using the <code>Custom</code> mode.* stroke_width &amp; stroke_color: Easily add text outlines/borders for high visibility on any background.* shadow_preset: Quick presets <code>Off</code>, <code>Soft</code>, <code>Medium</code>, <code>Strong</code>, <code>Custom</code>) to control text drop shadows.* shadow offsets, blur &amp; opacity: Full manual control over the shadow layer shape and transparency.* anchor: 9-point grid alignment <code>top-left</code>, <code>center</code>, <code>bottom-right</code>, etc.) to snap text precisely.* offset_x &amp; offset_y: Fine-tune position shifting relative to your selected anchor point.* margin: Safe padding from the image edges.* rotation: Rotate text anywhere from -180° to 180° (bounding boxes adjust automatically!).* skew_x: Create beautiful faux-italic or stylized shear transformations.* blend_mode: 12 professional blending algorithms <code>normal</code>, <code>multiply</code>, <code>screen</code>, <code>overlay</code>, <code>soft_light</code>, etc.) to seamlessly merge text with image textures.* opacity: Global transparency slider for the entire text layer.* line_spacing: Adjust vertical distance between lines for multiline texts.* letter_spacing: Horizontal tracking control to expand or condense space between characters.* fit_to_image: Smart feature that automatically shrinks the font size to guarantee the entire text fits within your margins without clipping.---### 📦 Installation1. Download the node archive.2. Unpack/unzip it and move the ComfyUI-SimpleTextOverlay folder into your ComfyUI directory: <code>ComfyUI/custom_nodes/</code>3. Restart ComfyUI.---### 🔤 Managing Fonts The node comes with *14 pre-installed fonts** in various styles inside the internal <code>fonts</code> directory.* Want to add your own? Just drop any <code>.ttf</code>, <code>.otf</code>, or <code>.ttc</code> font files directly into the <code>fonts</code> folder inside this custom node directory. They will be indexed automatically on the next ComfyUI startup!

Simple Text Overlay Node

# 🚀 Release Notes v3.0: Big Upgrade &amp; Better UI!Hey everyone! The ComfyUI-SimpleTextOverlay node just got a huge upgrade. What started as a basic text generator has evolved into a full-featured typographic tool.Everything is completely free and open-source as always. Here is what’s new in v3.0!---### ✨ What’s New?#### 1. 🖼️ Live Font Previews* See before you pick: No more guessing how a font looks! Selected fonts now display a visual preview box right inside the node.* Add your own fonts easily: Want to use your custom fonts? Just throw your <code>.ttf</code> or <code>.otf</code> files into the <code>fonts/</code> folder and double-click <code>run_preview_generator.bat</code>. It will automatically generate preview images for all of them!#### 2. 🎨 Multi-Line &amp; Custom Colors* Different sizes per line: Enter values like <code>100,120,80</code> in <code>font_sizes</code> to scale each line individually.* Individual line colors: Set unique colors for up to 4 lines <code>line1_color</code> ... <code>line4_color</code>) with handy built-in color pickers.* Background plates: Add solid color background boxes behind each line <code>line1_bg</code> ... <code>line4_bg</code>).#### 3. 📐 Better Layout &amp; Background Controls* Separated margins: Now you can adjust horizontal <code>margin_x</code>) and vertical <code>margin_y</code>) padding independently.* Plate styling: Adjust background box padding <code>bg_padding</code>), opacity <code>bg_opacity</code>), and rounded corners <code>bg_corner_radius</code>).#### 4. 🎲 3D Perspective Effects* Tilt &amp; Warp: Use <code>perspective_x</code> and <code>perspective_y</code> to tilt text in 3D space for movie titles, isometric designs, or mockups.* Pivot point: Choose where the 3D tilt anchors using <code>perspective_anchor</code>.#### 5. 🛠️ Important Fixes &amp; Improvements* Fixed broken settings bug: Fixed an issue where ComfyUI shifted node settings (so weird numbers won't randomly break <code>wrap_width</code> anymore!).* Smart word wrap: <code>wrap_width</code> now wraps long lines cleanly without ruining your manual <code>Enter</code> line breaks.* Super-sampling: Added a <code>supersample</code> setting (2× / 4×) for super sharp edges and smooth shadows.---### 📦 How to Install / Update1. Update or replace the files in your <code>ComfyUI/custom_nodes/ComfyUI-SimpleTextOverlay/</code> directory.2. (Optional) Put your custom fonts into the <code>fonts/</code> folder and run <code>run_preview_generator.bat</code> to build previews for them.3. Restart ComfyUI and refresh your browser!

Files with SHA256: ff6dc4add3ac799561fef4bd0dc9a242b420b13d410720db575ef5d8e8840539