sRectangle Node

Le sRectangleest l'un des 4 générateurs de shape primaires de Fusion (sRectangle, sEllipse, sNGon, sStar). Il définit un rectangle paramétrique : position, taille, rotation, corner radius, style de bord.

Résolution indépendante : vectoriel, le rectangle reste net à toute échelle — idéal pour motion graphics, UI, masks géométriques animés.

• Effects Library : Tools > Shape > sRectangle
• Ajout rapide : clic droit dans le Node Editor → Add Tool > Shape > sRectangle

Tous les Shape nodes préfixés s (sRectangle, sEllipse, sBoolean, sTransform, etc.) produisent des données vectorielles, pas des images. Pour les voir dans le viewer ou les composer avec d'autres éléments :

1. Chaîner les shape nodes entre eux (sRectangle → sBoolean → sTransform...).
2. Terminer par un sRender qui convertit tout en image 2D rasterisée.
3. Connecter la sortie du sRender à un Merge, Blur, MediaOut, etc.

Règle : jamais de Merge directement après un sRectangle. Toujours un sRender avant.

• Aucun input requis — générateur pur.
• Un input optionnel peut être connecté pour chaîner avec un autre Shape node (ex. sRectangle précédé d'un sTransform).

Rectangle simple :
sRectangle → sRender → Merge 2D FG
Background → Merge 2D BG
Merge → MediaOut

Rectangle animé dans un layout UI :
sRectangle (Width animée) → sRender → Transform → Merge

Shape compound (intersection de formes) :
sRectangle → sBoolean (Subtract) ← sEllipse
                    ↓
                  sRender → Merge

Solid

Checkbox. Activé = rectangle rempli (couleur définie dans Style). Désactivé = uniquement un contour / outline transparent au centre.

Border Width

Épaisseur du contour (principalement utile quand Solid = désactivé).

Corner Radius

Arrondi des coins. 0.0 = coins nets, 1.0 = coins totalement arrondis (forme pilule ou cercle selon les proportions). Animable.

Offset (X / Y)

Position du centre du rectangle.

Width / Height

Dimensions du rectangle. Animables indépendamment.

Angle

Rotation autour du centre (en degrés).

Border Style

Style des coins lorsqu'on a un contour :

• Bevel : biseau.
• Round : arrondi.
• Miter : angle pointu prolongé.

Cap Style (pour outlines)

Extrémités du contour si Length < 1 : Flat, Round, Square.

Length

Longueur du tracé (0 à 1). Animer de 0 à 1 = write-on animation (le contour se trace progressivement). Idéal pour des révélations animées.

Allow Combining

Contrôle le comportement alpha quand plusieurs shapes se superposent (ex. dans un sBoolean).

Définit la couleur et les propriétés visuelles du remplissage et du contour :

• Fill Color — couleur du remplissage (si Solid activé).
• Border Color — couleur du contour.
• Gradient — option de remplissage gradient (linear/radial).

• Cards UI / buttons animés — sRectangle avec Corner Radius animable pour des boutons morphables, fond de cards motion design.
• Barre de progression — Width animée de 0 à la largeur finale, avec un autre sRectangle en fond comme track.
• Lower third ou banner broadcast — rectangle de fond pour du texte lower third, animable par Scale ou Width.
• Frame / cadre autour d'une image — Solid désactivé + Border Width = cadre propre, alternative à un Background classique.
• Mask géométrique animé — rectangle utilisé comme mask par un Matte Control pour révéler/cacher une zone rectangulaire animée.
• Write-on animation — Solid désactivé + Length animé 0 → 1 = contour rectangulaire qui se trace frame par frame.
• Base de shape composée (Boolean) — combiner sRectangle + sEllipse via sBoolean pour des formes personnalisées non triviales.

• Toujours un sRender à la fin de la chaîne. Oublier = pas de sortie visible dans la comp.
• Corner Radius 1.0 + Width = Height = cercle parfait. Shortcut pour un cercle avec sRectangle (sans utiliser sEllipse).
• Width ≠ Height + Corner Radius élevé = forme pilule (stadium shape) — classique design pilule buttons ou pill badges.
• Vectoriel = net à toute échelle — agrandir un sRender au rendu ne pixellise jamais la forme (contrairement à un PNG agrandi). Gros avantage sur un Background node rectangulaire.
• Length pour write-on — Animer Length 0 → 1 est l'astuce classique pour les révélations graphiques de contour.
• Modifier les stylings via sTransform en aval plutôt que dans le sRectangle lui-même. Plus flexible pour faire évoluer la forme sans casser le stroke de base.
• Pour des coins différents par coin (radius différent en haut-gauche vs bas-droite), combiner plusieurs sRectangle + sBoolean.