Cavalry — De 0 a experto

0 of 8 lessons complete (0%)
Exit Course

Formas y capas básicas

Texto y tipografía

Duración estimada: 40 minCategoría: Comunicación visualObjetivo de la lecciónAl finalizar esta sesión, serás capaz de crear, estructurar y controlar Text Layers en Cavalry, aprovechando las herramientas de precisión tipográfica y manipulación de rutas dinámicas para crear motion graphics con estándares profesionales.Contenido de la lección1. Crear una Text LayerPara comenzar a trabajar con tipografía en Cavalry, existen dos métodos principales para generar una capa de texto:

  • Desde el menú superior: Ve a Cetrate ➔ Text.Desde la Barra de Herramientas (Toolbar): Selecciona el icono de la herramienta T (o presiona la tecla rápida en tu teclado).

    • Una vez activa la herramienta, haz clic directamente en la Scene Window para crear un “texto de punto” (ideal para títulos cortos), o haz clic y arrastra para definir una caja de texto delimitada (ideal para párrafos o bloques de texto que requieran saltos de línea automáticos).

    ⌨️ Atajo de teclado rápido: Presiona la tecla T para activar la herramienta de texto instantáneamente.

    2. Font, Size y Weight (Fuente, Tamaño y Peso)Toda la magia del control tipográfico ocurre dentro del Attribute Editor cuando tienes seleccionada tu Text Layer.

  • Fuentes del sistema: Cavalry detecta automáticamente todas las fuentes tipográficas que tengas instaladas localmente en tu sistema operativo (macOS o Windows). Si instalas una tipografía nueva mientras el programa está abierto, por lo general se actualizará en tu lista de inmediato.Compatibilidad: Herramientas y fundiciones tipográficas como Google Fonts o Adobe Fonts funcionan a la perfección. Asegúrate de descargar las variantes de peso (Light, Regular, Bold, Black) para tener la máxima flexibilidad en tu composición.

    • 3. Kerning y TrackingEl espaciado es crucial para que un texto se vea premium en pantalla, especialmente en formatos grandes como títulos:

  • Kerning: Controla el espacio métrico entre un par de letras específicas. Es vital para corregir uniones visualmente extrañas (como las combinaciones AV, VA o Te).Tracking: Ajusta el espacio de manera uniforme a lo largo de toda la cadena de caracteres o palabras seleccionadas.

    • 💡 Tip de Motion Design: Ambos valores son completamente animables mediante keyframes. Una técnica clásica y muy elegante de motion branding consiste en animar el tracking con una interpolación suave (un Ease Out prolongado) para generar un efecto de expansión o “respiro” mientras el texto aparece en pantalla.

    4. Leading (Interlineado)El Leading define la distancia vertical entre las líneas de base de tu texto. Mantener un buen interlineado garantiza la legibilidad cuando trabajas con más de dos líneas.

  • Técnica de revelado: Al igual que el tracking, el leading se puede animar. Probar una animación que vaya de un valor 0 (donde todas las líneas están encimadas) hacia su valor normal (100% o el valor por defecto de la fuente) es un recurso excelente y minimalista para revelar textos corporativos.

    • 5. Texto en Path (Ruta)En Cavalry puedes obligar a que tu texto adquiera formas orgánicas o geométricas haciendo que fluya a través de un vector:

  • Crea cualquier capa de ruta (por ejemplo, un Path Layer, un círculo o una curva Bézier con la herramienta pluma).Selecciona tu Text Layer y abre el Attribute Editor.Busca la propiedad Path dentro de los atributos del texto.Enlaza o arrastra la capa del vector que creaste hacia este contenedor de propiedad.

    • El texto se alineará automáticamente a la curva. Podrás animar la propiedad de Offset para hacer que las letras viajen, corran o giren a lo largo de todo el circuito del vector.6. Character y Word Animators (Animadores de Carácter y Palabra)A diferencia de los softwares tradicionales de video, Cavalry hereda una lógica procedimental ultrapoderosa. No necesitas separar tus textos letra por letra en capas independientes para animarlas individualmente.

  • A través de los Animators, puedes aplicar deformaciones, cambios de posición, rotación o variaciones de opacidad que afecten de forma consecutiva a cada carácter o palabra.Esto te permite crear cascadas de texto, apariciones tipo “máquina de escribir” avanzadas y rebotes orgánicos con un control absoluto del offset y el decaimiento (decay).

    • 🚀 Nota: Profundizaremos en la creación de setups complejos con estos animadores procedimentales en los módulos avanzados del curso.

    🏋️ Ejercicio de la lecciónLlegó el momento de poner las manos sobre el teclado. Vas a diseñar y estructurar un bloque tipográfico equilibrado utilizando tres intenciones de diseño diferentes.Instrucciones:

  • Crea 3 Text Layers independientes en tu escena:

  • Capa 1 (Título): Escribe un título en una tipografía Sans-Serif (sin serifas, ej: Helvetica, Montserrat, Roboto). Configúrala en un tamaño grande y experimenta dándole un Tracking amplio para una estética moderna.Capa 2 (Subtítulo): Escribe una frase corta abajo en una tipografía Serif (con remates, ej: Times New Roman, Garamond, Playfair Display). Dale un tamaño mediano y mantén un Tracking normal.Capa 3 (Número/Dato): Diseña un número de gran escala utilizando una tipografía Monospace (fuente de ancho fijo, ej: Courier, Fira Code, Roboto Mono).

    • Animación: Selecciona la capa del Título y genera una animación de Tracking. Pon un keyframe inicial en -5 y avanza unos cuadros en tu Timeline para colocar un segundo keyframe en 0.Ajusta las curvas de animación en el Graph Editor para que la apertura del texto inicie rápido y termine con un frenado muy suave (Ease Out).

    ¿Listo para continuar? Completa tu ejercicio en Cavalry, exporta tu previsualización y haz clic en el botón de abajo para avanzar.