Tous les Skills vidéo Premium dans un seul abonnement. Résiliable à tout moment.Voir les offres
Halden Solace · 16:9

Rendu par ce Skill

Titre Code Slice Hero v1.0.0

Un grand titre fait de tuiles qui basculent une à une sous une vague de profondeur et révèlent un second titre caché derrière.

Pas encore de note 0 téléchargements
Format
Vidéo · 16:9
Durée
0:08

Gratuit Gratuit avec un compte

Se connecter pour télécharger

Collez ceci dans votre agent. Il connecte la CLI si besoin, puis installe le Skill.

Un bloc HyperFrames gratuit pour des cartons-titres de 8 secondes. Votre premier titre est imprimé sur une grille de cellules ; un champ de profondeur doux balaie l'écran, chaque cellule bascule avec un léger rebond et une ombre, et le second titre reste seul à l'image. Les deux lignes, le sens du balayage, la vitesse, la taille des cellules et les couleurs sont des variables.

Mis à jour le 2 nov. 2026

Ce que vous obtenez

  • Un carton-titre MP4 1920×1080 de 8 secondes
  • Deux titres reliés par une bascule tuile par tuile
  • Des variables pour le balayage, le rythme, la taille des cellules, les ombres et les couleurs

Idéal pour

  • Ouvertures et cartons de fin de lancement
  • Promesse et chute pour les posts sur les réseaux
  • Changements d'identité et messages avant/après

Pas pour

  • Les phrases longues ou les paragraphes
  • Les vidéos qui demandent des images du produit dans le titre

À propos de ce Skill

Vous dites

/code-slice-hero Utilise le bloc code slice hero pour le lancement de notre chaussure de running : titre de face "RUN SOFT.", titre de dos "RUN FAR.", balayage de gauche à droite. Rends-le en 1080p.

Deux lignes courtes, une bascule nette. Code Slice Hero imprime votre premier titre sur une grille de cellules carrées. Une vague traverse l'image, soulève et incline chaque cellule à son passage, et chacune se retourne pour montrer le morceau correspondant du second titre. L'effet est idéal avec deux lignes percutantes de même longueur : une promesse et sa chute, un nom de produit et un engagement, un « avant » et un « après ».

Comment ça marche

  1. Demandez : dites à votre agent ce que le titre doit afficher : le titre de face et celui qui apparaît après la bascule.
  2. Mise en place : il installe le bloc dans un projet HyperFrames et renseigne vos textes et vos couleurs comme variables de rendu.
  3. Aperçu : il vérifie quelques images, puis rend un MP4 1920×1080 avec npx hyperframes render.
  4. Réutilisation : les variables tiennent dans un seul fichier JSON ; un nouveau titre ou une nouvelle marque, c'est un rendu de plus.

Conseils

  • Gardez deux lignes courtes (un à trois mots) et de longueur proche, pour que la bascule se lise d'un seul geste.
  • Orientez le balayage dans le sens de lecture de la scène suivante de votre montage.
  • Réduisez la taille des cellules pour une bascule plus fine et plus numérique ; augmentez-la pour un rendu plus massif, façon affiche.
  • Utilisez-le en ouverture ou en carton de fin d'une vidéo de lancement plus longue.

Open source

C'est un bloc du registre HyperFrames. Réalisé par HeyGen et les contributeurs de HyperFrames (heygen-com/hyperframes) et partagé sous Apache License 2.0. Le téléchargement contient le bloc et ses ressources, prêt à rendre ; HyperFrames lui-même s'exécute depuis npm.

Ce qu'il vous faut avant de commencer

Vous fournissez
Deux titres courts et, si vous le souhaitez, les couleurs de votre marque.
Dépendances
Node.js 22 ou version ultérieure — requis · FFmpeg — requis
Coûts externes
Aucun. HyperFrames est gratuit et open source, et le rendu se fait sur votre propre machine.
Dernier test
v1.0.0 —

Avis des utilisateurs

Pas encore d'avis. Installez le Skill et soyez le premier à le noter.

FAQ

Puis-je utiliser ma propre police ?

Oui. Le bloc est livré avec Geist (open source) ; remplacez-la par n'importe quelle police web et ajustez la variable de taille pour que la ligne remplisse l'image.

La bascule peut-elle aller de droite à gauche ?

Oui. Le sens est une variable, tout comme la durée du balayage, son accélération et la durée de la bascule.

Pourquoi est-ce gratuit ?

C'est un Skill open source de HeyGen et des contributeurs de HyperFrames. Nous le proposons tel quel, avec un exemple réalisé en le lançant sur l'une de nos marques maison, Halden Solace.

Guides

How to make a headline flip title card for a launch videoTwo short lines and one satisfying flip make the strongest opener or end card. What makes a flip title read well, and how to render one free with the open-source Code Slice Hero block.How to make a high-energy intro title for a launch or eventSome launches need noise. How to build an opener that bursts open and swaps its title mid-flight, using the free Wireframe Portal Title block.How to make a nature title animation with leaves for a brand videoNatural, seasonal and wellness brands want titles that breathe. How to reveal a headline through sweeping 3D leaves with the free Canopy Part Title block.

Skills similaires

Tout voir