> ## Documentation Index
> Fetch the complete documentation index at: https://captions.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Keyframes

> Utiliza Keyframes para establecer la posición inicial y final de tus subtítulos y superposiciones de imágenes. La aplicación animará automáticamente el cambio de posición entre los dos durante el tiempo que hayas establecido.

<Info>
  **¿Quién puede usar esta función?**

  👤 Clientes en los siguientes [planes](/help/docs/es/subscriptions): Free, Pro, Max y Scale

  📱 Clientes en los siguientes [dispositivos](/help/docs/es/app): iOS y próximamente en Android y Desktop
</Info>

# Anima Subtítulos e Imágenes con Animación de Keyframes

## Descripción General

Para ayudarte a entender cómo funcionan los Keyframes, imagina que tienes un clip de 1 segundo grabado a 30 fotogramas por segundo. A la izquierda hay una persona de pie en un campo de fútbol y a la derecha hay un arco de fútbol.

* Si fueras a **animar manualmente** el balón moviéndose desde el pie de la persona hacia el arco, tendrías que dibujar 30 fotogramas similares con la ubicación del balón moviéndose ligeramente de izquierda a derecha en cada fotograma.
* Sin embargo, si fueras a **animar digitalmente**, en lugar de tener que dibujar 30 fotogramas, podrías simplemente establecer el punto inicial y el punto final del balón en el primer y último fotograma respectivamente, y dejar que la animación ocurra automáticamente.

## Agregar Keyframes

<Tabs>
  <Tab title="iOS">
    <Frame>
      <img height="200" src="https://mintcdn.com/captions/ygkgcorr60-_3vsw/help/src/img/keyframes.jpg?fit=max&auto=format&n=ygkgcorr60-_3vsw&q=85&s=4c9caff12cc76b138b5d5ac1eab3e827" alt="Editor de keyframes de Captions iOS para animar la posición y el estilo de los subtítulos a lo largo del tiempo" data-path="help/src/img/keyframes.jpg" />
    </Frame>

    **Para agregar un keyframe:**

    1. Toca **Keyframes**.
    2. Ajusta la línea de tiempo donde deseas agregar un keyframe.
    3. Arrastra el subtítulo o tu superposición de imagen a la ubicación deseada. También puedes ajustar el tamaño de los subtítulos y las superposiciones de imágenes pellizcando con dos dedos.
    4. Elige tu curva de animación y toca **Apply**

    <Tip>
      Opciones de keyframe: Linear, ease e Instant.
    </Tip>
  </Tab>

  <Tab title="Desktop">
    Próximamente en desktop
  </Tab>

  <Tab title="Android">
    Próximamente en [Android](/help/docs/es/app/android).
  </Tab>
</Tabs>