Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Se connecter
Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Une page, une vidéo ou une image en ligne.

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Transitions radiales : iris cercle, losange, diagonale v1.0.0

Utilisez cette ressource pour passer d'une scène à l'autre avec un masque circulaire, en losange ou en diagonale

Nouveau

  • 501 téléchargements
  • 201 mentions J'aime
  • 112 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install radial-transitions

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent s'appuie sur ce bloc de démonstration de 20 secondes pour intégrer des transitions radiales dans votre vidéo. Chaque démonstration montre une scène A qui laisse place à une scène B : iris circulaire, iris en losange, découpe diagonale. Les valeurs de masque, de durée et de courbe sont lisibles dans le code et se copient telles quelles.

Choisie surtout par

Mise à jour le 2 novembre 2026

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
HyperFrames
Utilise
  • HyperFrames
Licence
Apache-2.0

Ressources similaires

Tout voir

Ce que vous obtenez

  • transitions-radial.html : planche de démonstration de 3 transitions (20 s, 1920 x 1080), code GSAP lisible
  • registry-item.json : les métadonnées du bloc
  • LISEZMOI.md : mode d'emploi traduit en français

Pour qui

  • Enchaîner des scènes dans une vidéo de présentation
  • Changer de séquence dans un montage pour réseaux sociaux
  • Choisir une transition parmi trois avant de l'appliquer à ses propres plans

Pas pour qui

  • Une vidéo qui n'utilise pas HyperFrames
  • Une transition avec effets de lumière ou de particules
  • Des plans vidéo réels sans adaptation : la démo utilise des scènes de texte

Étiquettes

  • transition
  • masque
  • iris
  • diagonale
  • montage

À propos

Vous dites

« Utilise l'iris circulaire de transitions-radial entre ma scène d'accueil et ma scène produit, en 0,5 seconde. »

Planche de démonstration de transitions radiales avec deux scènes « ONE » et « TWO ».

Template publié par HeyGen (HyperFrames) sous licence Apache-2.0, traduit par PalateKit.

Voir plus

Prérequis

À préparer
Deux scènes ou plans à enchaîner et Le choix de la transition et de sa durée
Dépendances
HyperFrames

Comment l'utiliser

  1. Ouvrez la planche et repérez la transition qui vous convient.
  2. Copiez ses lignes GSAP (masque clipPath, durée, courbe) dans votre composition.
  3. Adaptez les identifiants de scène à vos plans, puis lancez le rendu.

Aperçu du contenu

Fichiers

  • LICENSE10,5 Ko
  • LISEZMOI.md1,4 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • registry-item.json0,7 Ko
  • transitions-radial.html8,6 Ko

Origine et licence

Modifié par PalateKit

Auteur
HeyGen (HyperFrames)
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/blocks/transitions-radial
Licence
Apache-2.0

Notice

Version modifiée de « Radial Transitions » (HeyGen (HyperFrames), Apache-2.0) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

Comment appliquer une transition à mes plans ?

Remplacez #scene1 et #scene2 par vos deux conteneurs de plan et reprenez les lignes qui animent clipPath et opacity.

Quelle est la durée d'une transition ?

0,5 seconde pour le masque, avec un temps de pause avant et après dans la démo.