Hoja de referencia · video

Transiciones de Creators Latam.

Casi todo es corte seco. Las otras siete se mueven aquí, una vez, con su duración y su curva. A 30 fotogramas por segundo. Nada rebota.

Resumen

Valores de un vistazo.

TransiciónDuraciónCuándo síCuándo no
Corte seco0 msEntre ideas del mismo bloque y entre horas, como de las 10:47 p. m. a las 9:05 a. m. Corta al final de una frase o de un movimiento.En medio de una palabra o de un movimiento. Tampoco para cambiar de tema: ahí va un fundido.
Fundido300 msCambio de tema o de capítulo, y el cierre. Con «Reducir movimiento», entre 150 y 200 ms.Entre dos ideas del mismo bloque, hacia negro o hacia un color, o más largo de 12 fotogramas.
Empuje corto≈450 msEl paso siguiente de una misma idea: del día 1 al día 2. A la izquierda en 16:9 y en cuadrado; hacia arriba en 9:16.Hacia atrás, más de 80 px, o entre temas distintos (ahí va un fundido). Tampoco dos empujes seguidos.
Máscara500 msTitulares y rótulos grandes, de 96 px o más. Línea por línea, con 3 fotogramas entre una y otra.Párrafos, subtítulos o texto chico. Nunca con rebote al asomar.
Interruptor de marca500 + 200 msUna vez por pieza, entre la tensión y el giro: «Apagado → encendido». Con el clic suave a −20 dB cuando la perilla llega arriba.Como adorno entre escenas cualquiera, dos veces en la misma pieza, o con otro sonido que ese clic.
Elemento compartido500 msUn chip, una cifra o una burbuja que sigue existiendo en la escena siguiente: de la burbuja de Rosa al titular.Cuando el elemento cambia de significado, o si hay dos candidatos a viajar. Nunca dos a la vez.
Zoom-out al diagrama700 msDel detalle («Ana», el chip) al sistema completo: «así funciona». Una vez, y se queda quieto.Con desenfoque de movimiento, ni de ida y vuelta varias veces seguidas.
Corte frío y teaser1,2 s por tomaLos primeros 4 a 5 segundos de un video largo o de una charla: la frase más fuerte, de 1 a 4 palabras, con una enfatizada en azul.Con el logo primero, un «hola» largo o un titular de más de ocho palabras.

Curvas: entrada cubic-bezier(0.05, 0.7, 0.1, 1) · estado (0.4, 0, 0, 1) · micro (0.2, 0, 0, 1) · salida (0.3, 0, 0.8, 0.15) · lineal. De cada 10 transiciones: 7 cortes, 2 empujes y 1 fundido.

Corte seco

El corte seco es la base.

0ms

Entre el f 29 y el f 30 no hay ningún cuadro.

Sin curva: el corte no tiene cuadros en medio.

Úsalo
Entre ideas del mismo bloque y entre horas, como de las 10:47 p. m. a las 9:05 a. m. Corta al final de una frase o de un movimiento.
No lo uses
En medio de una palabra o de un movimiento. Tampoco para cambiar de tema: ahí va un fundido.
Por qué
El tiempo pasó y nadie necesita un efecto para entenderlo. Con el mismo teléfono en su sitio, el corte se vuelve invisible.
f 0 · 0 ms
f 12 · 400 ms
f 29 · 967 ms
f 30 · 1 s
f 42 · 1,4 s
f 60 · 2 s

Arriba, la escena A; abajo, la B. El corte pasa entre el f 29 y el f 30.

Fundido

El fundido avisa que cambió el tema.

300ms

Duración «fundido»: 9 fotogramas · curva lineal

Curva «lineal»

Úsalo
Cambio de tema o de capítulo, y el cierre. Con «Reducir movimiento», entre 150 y 200 ms.
No lo uses
Entre dos ideas del mismo bloque, hacia negro o hacia un color, o más largo de 12 fotogramas.
Por qué
Avisa «empieza otra cosa» sin mover nada, y la voz no se interrumpe.
f 0 · 0 ms
f 1 · 33 ms
f 3 · 100 ms
f 4 · 133 ms
f 5 · 167 ms
f 6 · 200 ms
f 8 · 267 ms
f 9 · 300 ms

La escena B sube de 0 a 100 % sobre la A. Cada fotograma es un paso de 11 %.

Empuje corto

El empuje dice: la idea sigue.

≈450ms

Duración «entrada»: 14 fotogramas · curva entrada · 40 px

Curva «entrada»

Úsalo
El paso siguiente de una misma idea: del día 1 al día 2. A la izquierda en 16:9 y en cuadrado; hacia arriba en 9:16.
No lo uses
Hacia atrás, más de 80 px, o entre temas distintos (ahí va un fundido). Tampoco dos empujes seguidos.
Por qué
Son 40 px y no toda la pantalla: basta para decir «sigue». Volver atrás se lee como cancelar.
f 0 · 0 ms
f 2 · 67 ms
f 4 · 133 ms
f 6 · 200 ms
f 8 · 267 ms
f 10 · 333 ms
f 12 · 400 ms
f 14 · 467 ms

La línea punteada marca dónde empieza el texto (x 80). Llega rápido y se asienta despacio.

Máscara

La máscara hace asomar el titular.

500ms

Duración «estado»: 15 fotogramas · curva estado · 3 f entre líneas

Curva «estado»

Úsalo
Titulares y rótulos grandes, de 96 px o más. Línea por línea, con 3 fotogramas entre una y otra.
No lo uses
Párrafos, subtítulos o texto chico. Nunca con rebote al asomar.
Por qué
El oído sigue la voz y el ojo lee: una sola cosa se mueve y termina pronto.
f 0 · 0 ms
f 2 · 67 ms
f 4 · 133 ms
f 6 · 200 ms
f 8 · 267 ms
f 10 · 333 ms
f 12 · 400 ms
f 15 · 500 ms

La raya gris es el borde del recorte; en un video no se ve. La segunda línea empieza 3 f después.

Interruptor de marca

El interruptor une la tensión con el giro.

500 + 200ms

Perilla «estado» 15 f + color «micro» 6 f

Curva «estado»

Úsalo
Una vez por pieza, entre la tensión y el giro: «Apagado → encendido». Con el clic suave a −20 dB cuando la perilla llega arriba.
No lo uses
Como adorno entre escenas cualquiera, dos veces en la misma pieza, o con otro sonido que ese clic.
Por qué
No se explica, se ve. El azul llega último y el fondo lo sigue.
f 0 · 0 ms
f 3 · 100 ms
f 6 · 200 ms
f 9 · 300 ms
f 12 · 400 ms
f 15 · 500 ms
f 19 · 633 ms
f 24 · 800 ms

La perilla llega arriba en el f 15; el color pasa a azul del f 15 al 21; el fondo se enciende hasta el f 24.

Elemento compartido

Un solo elemento viaja entre escenas.

500ms

Duración «estado»: 15 fotogramas · curva estado

Curva «estado»

Úsalo
Un chip, una cifra o una burbuja que sigue existiendo en la escena siguiente: de la burbuja de Rosa al titular.
No lo uses
Cuando el elemento cambia de significado, o si hay dos candidatos a viajar. Nunca dos a la vez.
Por qué
El resto de la escena A se apaga en 6 f y el de la B entra en 9 f, mientras el chip sube y crece de 2,4× a 3,6×.
f 0 · 0 ms
f 2 · 67 ms
f 4 · 133 ms
f 6 · 200 ms
f 8 · 267 ms
f 10 · 333 ms
f 12 · 400 ms
f 15 · 500 ms

El chip «Asignado a Ana» sube de la burbuja al titular. Ejemplo.

Zoom-out al diagrama

El zoom-out lleva del detalle al sistema.

700ms

Duración «cámara»: 21 fotogramas · curva estado · de 3× a 1×

Curva «estado»

Úsalo
Del detalle («Ana», el chip) al sistema completo: «así funciona». Una vez, y se queda quieto.
No lo uses
Con desenfoque de movimiento, ni de ida y vuelta varias veces seguidas.
Por qué
Wendover hace lo mismo con un mapa: el detalle prueba y el diagrama ordena. Lo quieto llega primero y lo encendido ya estaba.
f 0 · 0 ms
f 3 · 100 ms
f 6 · 200 ms
f 9 · 300 ms
f 12 · 400 ms
f 15 · 500 ms
f 18 · 600 ms
f 21 · 700 ms

El nodo 2 (el único encendido) queda siempre a la vista; los otros tres aparecen al alejarse.

Corte frío y teaser

Abrimos con lo más fuerte, en frío.

1,2s por toma

Tomas de 36 f en corte seco y un fundido de 9 f · el titular está en el primer cuadro

Curva «lineal»

Úsalo
Los primeros 4 a 5 segundos de un video largo o de una charla: la frase más fuerte, de 1 a 4 palabras, con una enfatizada en azul.
No lo uses
Con el logo primero, un «hola» largo o un titular de más de ocho palabras.
Por qué
El interés se compra al inicio: Diary of a CEO, Vox y el Markiplier de Colin and Samir abren con 36 a 50 cortes por minuto y luego respiran.
f 0 · 0 ms
f 35 · 1,2 s
f 36 · 1,2 s
f 71 · 2,4 s
f 72 · 2,4 s
f 108 · 3,6 s
f 112 · 3,7 s
f 117 · 3,9 s

Cortes en el f 36 y el f 72; el fundido va del f 108 al 117 y deja la portada.

Barrido de izquierda a derecha

La máscara hace asomar el titular.

500ms

Duración «estado»: 15 fotogramas · curva estado

Curva «estado»

Úsalo
Una escena entera que se descubre de izquierda a derecha: una imagen o un diagrama.
No lo uses
Texto largo: se lee a medias mientras se descubre.
Por qué
Es la máscara de la escena, no del titular. La escena nueva ya está debajo; solo se destapa.
f 0 · 0 ms
f 2 · 67 ms
f 4 · 133 ms
f 6 · 200 ms
f 8 · 267 ms
f 10 · 333 ms
f 12 · 400 ms
f 15 · 500 ms

La escena B se destapa de izquierda a derecha; la A espera debajo, quieta.

Lo que no hacemos

Cinco efectos que no entran, ni una vez.

Glitch con aberración cromática

Sí

Corte seco: la misma frase, sin efecto.

No

La imagen se parte en franjas y el rojo y el azul se corren.

Por qué no. Nuestro sistema es calma: «apagado → encendido». El glitch grita, compite con la frase y es el sello de otros canales. En Diary of a CEO aparece al entrar la apertura; nosotros cortamos y listo.

Rebote

Sí

Llega rápido y se asienta en su sitio, sin pasarse de la raya.

No

La escena llega, se pasa de su sitio y vuelve.

Por qué no. Nada rebota. Un interruptor de verdad sube una vez y queda ahí. El rebote es de juguete; nosotros somos una herramienta seria que se mueve con calma.

Giro 3D

Sí

Fundido de 300 ms: la idea cambia, no gira.

No

La escena gira en perspectiva, como una carta.

Por qué no. Marea y no cuenta nada. Una transición tiene que decir algo («cambió el tema», «sigue la idea»); un giro solo dice «mira el efecto».

Flash blanco

Sí

De oscuro a claro, corte seco en un cambio de frase.

No

Un cuadro en blanco entre dos escenas.

Por qué no. Un fundido o un flash hacia el blanco se siente como un fogonazo en un teléfono de noche. Aquí la escena de la noche es oscura a propósito: ahí se nota.

Whoosh en cada corte

Sí

Los cortes van en silencio; suena un solo clic suave cuando la perilla llega arriba.

No

Un barrido de sonido en cada corte (aquí dibujado como onda).

Por qué no. El único sonido de marca es el clic del interruptor, a −20 dB. Los whoosh en cada corte son el sello de Diary of a CEO, no el nuestro.

Branding Creators Latam v1.0 · septiembre de 2026 · Todo con datos de ejemplo. Letra: TeX Gyre Heros (licencia GUST) incluida en este archivo.