Guía del usuario Cancelar

Creación de animaciones de cuadros

  1. Guía del usuario de Photoshop
  2. Introducción a Photoshop
    1. Suéñelo. Hágalo.
    2. Novedades de Photoshop
    3. Editar la primera fotografía
    4. Creación de documentos
    5. Photoshop | Preguntas frecuentes
    6. Requisitos del sistema de Photoshop
    7. Familiarícese con Photoshop
  3. Photoshop y otros productos y servicios de Adobe
    1. Trabajar con ilustraciones de Illustrator en Photoshop
    2. Trabajo con archivos de Photoshop en InDesign
    3. Materiales de Substance 3D para Photoshop
    4. Uso de la extensión en la aplicación Capture en Photoshop
  4. Photoshop en el iPad (no disponible en China continental)
    1. Photoshop en el iPad | Preguntas frecuentes
    2. Familiarícese con el espacio de trabajo
    3. Requisitos del sistema | Photoshop para iPad
    4. Crear, abrir y exportar documentos
    5. Añadir fotos
    6. Trabajar con capas
    7. Dibujar y pintar con pinceles
    8. Realización de selecciones y adición de máscaras
    9. Retoque de composiciones
    10. Trabajo con capas de ajuste
    11. Ajuste de la tonalidad del compuesto con curvas
    12. Aplicar operaciones de transformación
    13. Recorte y giro de composiciones
    14. Rotar, hacer panorámica, aplicar zoom y restablecer el lienzo
    15. Trabajar con tipos de capas
    16. Trabajo con Photoshop y Lightroom
    17. Obtener fuentes que faltan en Photoshop para iPad
    18. Texto japonés en Photoshop para iPad
    19. Administrar la configuración de la aplicación
    20. Métodos abreviados y gestos táctiles
    21. Métodos abreviados de teclado
    22. Edición del tamaño de imagen
    23. Emisión en directo de su trabajo mientras crea en Photoshop en el iPad
    24. Corrección de imperfecciones con el Pincel corrector
    25. Crear pinceles en Capture y utilizarlos en Photoshop
    26. Trabajar con archivos de Camera Raw
    27. Crear objetos inteligentes y trabajar con ellos
    28. Ajustar la exposición en las imágenes con Aclarar y Oscurecer
  5. Photoshop en la web (no disponible en China continental)
    1. Preguntas habituales
    2. Requisitos del sistema
    3. Métodos abreviados de teclado
    4. Tipos de archivo compatibles
    5. Introducción al espacio de trabajo
    6. Apertura y trabajo con documentos en la nube
    7. Funciones de IA generativa
    8. Conceptos básicos de edición
    9. Acciones rápidas
    10. Trabajar con capas
    11. Retoque de imágenes y eliminación de imperfecciones
    12. Realización de selecciones rápidas
    13. Mejoras de imagen con capas de ajuste
    14. Mover, transformar y recortar imágenes
    15. Dibujar y pintar
    16. Trabajar con tipos de capas
    17. Trabaje con cualquier persona en la web
    18. Administrar la configuración de la aplicación
  6. Photoshop (beta) (no disponible en China continental)
    1. Introducción a las aplicaciones beta de Creative Cloud
    2. Photoshop (beta) en el escritorio
  7. IA generativa (no disponible en China continental) 
    1. Preguntas habituales sobre la IA generativa en Photoshop
    2. Relleno generativo en Photoshop en el escritorio
    3. Ampliación generativa en Photoshop en el escritorio
    4. Relleno generativo en Photoshop en el iPad
    5. Ampliación generativa en Photoshop en el iPad
    6. Variaciones generativas en Photoshop en el iPad
    7. Funciones de IA generativa en Photoshop en la web
  8. Autenticidad del contenido (no disponible en China continental)
    1. Credenciales de contenido en Photoshop
    2. Identidad y procedencia de los NFT
    3. Conexión de cuentas para atribución creativa
  9. Documentos en la nube (no disponibles en China continental)
    1. Documentos en la nube de Photoshop | Preguntas frecuentes
    2. Documentos en la nube de Photoshop | Preguntas sobre el flujo de trabajo
    3. Administración y trabajo con documentos en la nube en Photoshop
    4. Actualización de almacenamiento en la nube para Photoshop
    5. No se puede crear ni guardar un documento en la nube
    6. Solucionar errores de documentos en la nube de Photoshop
    7. Recopilar registros de sincronización de documentos en la nube
    8. Cómo invitar a otros usuarios a editar sus documentos en la nube
    9. Compartir archivos y comentar en la aplicación
  10. Espacio de trabajo
    1. Conceptos básicos del espacio de trabajo
    2. Preferencias
    3. Aprenda más rápido con el panel Descubrir de Photoshop
    4. Creación de documentos
    5. Colocación de archivos
    6. Métodos abreviados de teclado predeterminados
    7. Personalización de los métodos abreviados de teclado
    8. Galerías de herramientas
    9. Preferencias de rendimiento
    10. Uso de herramientas
    11. Ajustes preestablecidos
    12. Cuadrícula y guías
    13. Gestos táctiles
    14. Utilice Touch Bar con Photoshop
    15. Capacidades táctiles y espacios de trabajo personalizables
    16. Previsualizaciones de tecnología
    17. Metadatos y notas
    18. Capacidades táctiles y espacios de trabajo personalizables
    19. Colocar imágenes de Photoshop en otras aplicaciones
    20. Reglas
    21. Visualización u ocultación de extras que no se pueden imprimir
    22. Especificación de columnas en una imagen
    23. Deshacer e historia
    24. Paneles y menús
    25. Colocación de elementos con el ajuste
    26. Colocación con la herramienta Regla
  11. Diseño web, diseño en pantalla y diseño de aplicaciones
    1. Photoshop para diseño
    2. Mesas de trabajo
    3. Vista previa del dispositivo
    4. Copia de CSS a partir de capas
    5. División de páginas web en sectores
    6. Opciones HTML para sectores
    7. Modificación del diseño de sectores
    8. Trabajo con gráficos web
    9. Creación de galerías de fotografías web
  12. Aspectos básicos de imagen y color
    1. Cómo cambiar el tamaño de las imágenes
    2. Trabajo con imágenes rasterizadas y vectoriales
    3. Tamaño y resolución de imágenes
    4. Adquisición de imágenes de cámaras y escáneres
    5. Creación, apertura e importación de imágenes
    6. Visualización de imágenes
    7. Error de marcador de JPEG no válido | Abrir imágenes
    8. Visualización de varias imágenes
    9. Personalización de los selectores y muestras de color
    10. Imágenes de alto rango dinámico
    11. Coincidencia de colores en la imagen
    12. Conversión entre modos de color
    13. Modos de color
    14. Borrar partes de una imagen
    15. Modos de fusión
    16. Selección de colores
    17. Personalización de las tablas de colores indexados
    18. Información de la imagen
    19. Los filtros de distorsión no están disponibles
    20. Acerca del color
    21. Ajustes de color y monocromo mediante canales
    22. Selección de colores en los paneles de color y muestras
    23. Muestra
    24. Modo de color o modo de imagen
    25. Tinte de color
    26. Adición de un cambio de modo condicional a una acción
    27. Adición de muestras desde HTML, CSS y SVG
    28. Profundidad de bits y preferencias
  13. Capas
    1. Conceptos básicos de las capas
    2. Edición no destructiva
    3. Creación y gestión de capas y grupos
    4. Selección, agrupación y enlace de capas
    5. Colocación de imágenes en marcos
    6. Opacidad y fusión de capas
    7. Máscaras de capas
    8. Aplicación de filtros inteligentes
    9. Composiciones de capas
    10. Movimiento, apilamiento y bloqueo de capas
    11. Creación de máscaras de capa con máscaras vectoriales
    12. Gestión de capas y grupos
    13. Estilos y efectos de capa
    14. Edición de máscaras de capa
    15. Extracción de recursos
    16. Visualización de capas con máscaras de recorte
    17. Generación de recursos de imagen a partir de capas
    18. Trabajo con objetos inteligentes
    19. Modos de fusión
    20. Combinación de varias imágenes en un retrato de grupo
    21. Combinación de imágenes con Fusionar capas automáticamente
    22. Alineación y distribución de capas
    23. Copia de CSS a partir de capas
    24. Carga de selecciones de una capa o de los límites de una máscara de capa
    25. Cobertura para mostrar el contenido de otras capas
  14. Selecciones
    1. Introducción a las selecciones
    2. Realizar selecciones en la composición
    3. Espacio de trabajo Seleccionar y aplicar máscara
    4. Selección con las herramientas de marco
    5. Selección con las herramientas de lazo
    6. Ajuste de selecciones de píxeles
    7. Traslado, copia y eliminación de píxeles seleccionados
    8. Creación de una máscara rápida temporal
    9. Selección de una gama de colores en una imagen
    10. Conversión entre trazados y bordes de selección
    11. Conceptos básicos del canal
    12. Guardado de selecciones y máscaras de canales alfa
    13. Selección de las áreas enfocadas de una imagen
    14. Duplicación, división y combinación de canales
    15. Cálculo de canales
  15. Ajustes de imagen
    1. Sustitución de colores de objeto
    2. Deformación de perspectiva
    3. Estabilización del desenfoque de la imagen
    4. Ejemplos de pincel corrector
    5. Exportación de tablas de consulta de colores
    6. Ajuste del enfoque y desenfoque de la imagen
    7. Explicación de los ajustes de color
    8. Aplicación del ajuste Brillo/contraste
    9. Ajuste de los detalles de iluminación y sombra
    10. Ajuste de niveles
    11. Ajuste del tono y la saturación
    12. Ajuste de intensidad
    13. Ajuste de la saturación del color en las áreas de la imagen
    14. Realización de ajustes de tonos rápidos
    15. Aplicación de efectos de color especiales a las imágenes
    16. Mejora de imágenes con los ajustes de Equilibrio de color
    17. Imágenes de alto rango dinámico
    18. Visualización de histogramas y valores de píxeles
    19. Coincidencia de colores en la imagen
    20. Recorte y enderezamiento de fotografías
    21. Conversión de una imagen en color en una imagen en blanco y negro
    22. Capas de ajuste y de relleno
    23. Ajuste de curvas
    24. Modos de fusión
    25. Preparación de imágenes para la imprenta
    26. Ajuste del color y el tono con los cuentagotas de Niveles y Curvas
    27. Ajuste de los tonos y exposición HDR
    28. Sobreexposición o subexposición de áreas de la imagen
    29. Realización de ajustes de color selectivos
  16. Adobe Camera Raw
    1. Requisitos del sistema de Camera Raw
    2. Novedades de Camera Raw
    3. Introducción a Camera Raw
    4. Creación de panoramas
    5. Lentes compatibles
    6. Efectos de viñeta, granulado y Borrar neblina en Camera Raw
    7. Métodos abreviados de teclado predeterminados
    8. Corrección automática de la perspectiva en Camera Raw
    9. Filtro radial de Camera Raw
    10. Gestión de los ajustes de Camera Raw
    11. Apertura, procesamiento y almacenamiento de imágenes en Camera Raw
    12. Reparación de imágenes con la herramienta Eliminación de tinta plana mejorada de Camera Raw
    13. Rotación, recorte y transformación de imágenes
    14. Ajuste de la representación del color en Camera Raw
    15. Versiones del proceso en Camera Raw
    16. Realización de ajustes locales en Camera Raw
  17. Reparación y restauración de imágenes
    1. Quitar objetos de las fotografías con el espacio de trabajo Relleno según el contenido
    2. Movimiento y parche con detección de contenido
    3. Retoque y reparación de fotografías
    4. Corrección de la distorsión y el ruido de la imagen
    5. Pasos básicos para solucionar la mayoría de problemas
  18. Mejora y transformación de imágenes
    1. Sustitución del cielo en las imágenes
    2. Transformación de objetos
    3. Ajuste de recorte, rotación y tamaño de lienzo
    4. Cómo recortar y enderezar fotografías
    5. Creación y edición de imágenes panorámicas
    6. Deformación de imágenes, formas y trazados
    7. Punto de fuga
    8. Escala según el contenido
    9. Transformación de imágenes, formas y trazados
  19. Dibujo y pintura
    1. Pintar patrones simétricos
    2. Dibujar rectángulos y modificar las opciones de trazo
    3. Acerca del dibujo
    4. Dibujar y editar formas
    5. Herramientas de pintura
    6. Creación y modificación de pinceles
    7. Modos de fusión
    8. Adición de color a trazados
    9. Edición de trazados
    10. Pintura con el Pincel mezclador
    11. Pinceles preestablecidos
    12. Degradados
    13. Interpolación de degradado
    14. Relleno y trazo de selecciones, capas y trazados
    15. Dibujo con las herramientas de pluma
    16. Creación de motivos
    17. Generación de motivos utilizando el Creador de motivos
    18. Gestión de trazados
    19. Gestión de los ajustes preestablecidos y las bibliotecas de motivos
    20. Dibujo o pintura con una tableta gráfica
    21. Creación de pinceles con textura
    22. Adición de elementos dinámicos a los pinceles
    23. Degradado
    24. Pintura de trazos estilizados con el Pincel histórico
    25. Pintura con motivos
    26. Sincronización de ajustes preestablecidos en varios dispositivos
    27. Migración de ajustes, acciones y ajustes preestablecidos
  20. Texto
    1. Añadir y editar texto
    2. Motor de texto unificado
    3. Trabajo con fuentes OpenType SVG
    4. Aplicación de formato a caracteres
    5. Aplicación de formato a párrafos
    6. Creación de efectos de texto
    7. Edición de texto
    8. Espaciado entre líneas y caracteres
    9. Texto en árabe y hebreo
    10. Fuentes
    11. Solucione problemas de fuentes
    12. Texto asiático
    13. Creación de texto
  21. Filtros y efectos
    1. Utilice el filtro Licuar
    2. Uso de la galería de efectos de desenfoque
    3. Conceptos básicos sobre los filtros
    4. Referencia de efectos de filtro
    5. Adición de efectos de iluminación
    6. Uso del filtro de ángulo ancho adaptable
    7. Uso del filtro Pintura al óleo
    8. Utilice el filtro Licuar
    9. Estilos y efectos de capa
    10. Aplicación de filtros específicos
    11. Uso de la herramienta Dedo en las áreas de la imagen
  22. Almacenamiento y exportación
    1. Guardado de archivos en Photoshop
    2. Exportar los archivos en Photoshop
    3. Formatos de archivo admitidos
    4. Guardado de archivos con formatos gráficos
    5. Mover diseños entre Photoshop e Illustrator
    6. Guardado y exportación de vídeo y animaciones
    7. Guardado de archivos PDF
    8. Protección por copyright Digimarc
  23. Gestión de color
    1. Explicación de la gestión de color
    2. Mantenimiento de la coherencia de los colores
    3. Ajustes de color
    4. Duotonos
    5. Trabajo con perfiles de color
    6. Gestión de color de los documentos para la visualización en línea
    7. Gestión de color de los documentos al imprimir
    8. Gestión de color de imágenes importadas
    9. Pruebas de los colores
  24. Diseño web, diseño en pantalla y diseño de aplicaciones
    1. Photoshop para diseño
    2. Mesas de trabajo
    3. Vista previa del dispositivo
    4. Copia de CSS a partir de capas
    5. División de páginas web en sectores
    6. Opciones HTML para sectores
    7. Modificación del diseño de sectores
    8. Trabajo con gráficos web
    9. Creación de galerías de fotografías web
  25. Vídeo y animación
    1. Edición de vídeo en Photoshop
    2. Edición de capas de vídeo y animación
    3. Descripción general de vídeo y animación
    4. Previsualización de vídeo y animaciones
    5. Pintado de cuadros en las capas de vídeo
    6. Importación de archivos de vídeo y secuencias de imágenes
    7. Creación de animaciones de cuadros
    8. Animación en 3D de Creative Cloud (previsualización)
    9. Creación de animaciones de línea de tiempo
    10. Creación de imágenes para vídeo
  26. Impresión
    1. Impresión de objetos 3D
    2. Impresión en Photoshop
    3. Impresión con gestión de color
    4. Hojas de contactos y presentaciones en PDF
    5. Impresión de fotografías en un diseño de conjunto de imágenes
    6. Impresión con tintas planas
    7. Impresión de imágenes en imprentas comerciales
    8. Mejora de las impresiones en color en Photoshop
    9. Solución de problemas de impresión | Photoshop
  27. Automatización
    1. Creación de acciones
    2. Crear gráficos de datos
    3. Creación de secuencias de comandos
    4. Procesamiento de un lote de archivos
    5. Reproducción y gestión de las acciones
    6. Adición de acciones condicionales
    7. Acerca de las acciones y el panel Acciones
    8. Grabación de herramientas en acciones
    9. Adición de un cambio de modo condicional a una acción
    10. Kit de herramientas de la IU de Photoshop para plugins y secuencias de comandos
  28. Solución de problemas
    1. Problemas resueltos 
    2. Problemas conocidos
    3. Optimización del rendimiento de Photoshop
    4. Solución de problemas básicos
    5. Solución de errores de bloqueo o respuesta
    6. Solución de errores del programa
    7. Solución de errores del disco de memoria virtual lleno
    8. Solución de problemas de GPU y de controlador de gráficos
    9. Buscar herramientas que faltan
    10. Photoshop | Preguntas frecuentes sobre las funciones 3D no disponibles
Nota:

Para las versiones de Photoshop anteriores a Photoshop CC, algunas funciones descritas en este artículo puede que estén disponibles solo si se cuenta con Photoshop Extended. Photoshop no tiene una oferta independiente para Extended. Todas las funciones de Photoshop Extended forman parte de Photoshop.

Flujo de trabajo de animación

En Photoshop, se utiliza el panel Línea de tiempo para crear cuadros de animación. Cada cuadro representa una configuración de capas.

Nota:

También puede crear animaciones utilizando una línea de tiempo e imágenes principales. Consulte Creación de animaciones de línea de tiempo.

Flujo de trabajo de animación de Photoshop
Ilustración de una animación. La imagen del monociclo está en su propia capa; la posición de la capa cambia en cada cuadro de la animación.

Para crear animaciones basadas en cuadros en Photoshop, siga el siguiente flujo de trabajo general.

Abra un nuevo documento.

Si no están ya visibles, abra también los paneles Línea de tiempo y Capas. Asegúrese de que el panel Línea de tiempo está en modo de animación de cuadro. En la parte central del panel Línea de tiempo, haga clic en la flecha abajo para seleccionar Crear animación de cuadros y, a continuación, haga clic en el botón situado junto a la flecha.

Añada una capa o convierta la capa de fondo.

Debido a que una capa de fondo no puede tener animación, añada una nueva capa o convierta la capa de fondo en una capa normal. Consulte Conversión del fondo y las capas.

Añada contenido a la animación.

Si la animación incluye varios objetos animados de forma independiente o si desea cambiar el color de un objeto o cambiar totalmente el contenido de un cuadro, cree objetos en capas separadas.

Añada un fotograma al panel Línea de tiempo.

Seleccione un cuadro.

Edite las capas del cuadro seleccionado.

Realice una de las siguientes acciones:

  • Activar o desactivar la visibilidad para capas distintas.

  • Cambiar la posición de los objetos o las capas para que el contenido de la capa se mueva.

  • Cambiar la opacidad de la capa para provocar la transición del contenido.

  • Cambiar el modo de fusión de las capas.

  • Añadir un estilo a las capas.

    Photoshop proporciona herramientas para que las características de una capa se conserven igual en varios cuadros. Consulte Unificación de propiedades de la capa en cuadros de animación.

Añada más cuadros y edite las capas según sea necesario.

El número de cuadros que puede crear está limitado solo por la cantidad de memoria del sistema disponible para Photoshop.

Puede generar nuevos cuadros con cambios intermedios entre dos cuadros existentes en el panel utilizando el comando Intercalar. Éste constituye un método rápido para hacer que un objeto se mueva por la pantalla o para hacerlo aparecer o desaparecer gradualmente. Consulte Creación de cuadros utilizando el intercalado.

Defina las opciones de retardo de cuadro y de repetición.

Puede asignar un tiempo de retardo para cada cuadro y especificar repeticiones de manera que la animación se ejecute una vez, un número determinado de veces, o de forma continua. Consulte Especificación del tiempo de retardo en animaciones de cuadros y Especificación de repeticiones en animaciones de cuadros.

Previsualice la animación.

Utilice los controles del panel Línea de tiempo para reproducir la animación a medida que la crea. A continuación, utilice el comando Guardar para Web para previsualizar la animación en el navegador web. 

Optimice la animación para permitir una descarga eficaz.

Guarde la animación.

Hay diferentes opciones para guardar la animación de cuadros:

  • Guardar como un GIF animado con el comando Guardar para Web.

  • Guardar en formato Photoshop (PSD) para continuar trabajando en esta animación más tarde.

  • Guardar como una secuencia de imágenes, película QuickTime o como archivos independientes. Consulte también Exportación de archivos de vídeo o secuencias de imágenes.

Adición de cuadros a una animación

Añadir cuadros es el primer paso en la creación de una animación. Si tiene una imagen abierta, el panel Línea de tiempo muestra la imagen como el primer cuadro de una nueva animación. Cada cuadro que añada empieza como un duplicado del cuadro que le precede. A continuación, se realizan los cambios en el cuadro mediante el uso del panel Capas.

  1. Asegúrese de que el panel Línea de tiempo está en modo de animación de cuadro.

  2. Haga clic en el botón para duplicar cuadros seleccionados .

Selección de cuadros de animación

Antes de poder trabajar con un cuadro, es necesario seleccionarlo como el cuadro actual. El contenido del cuadro actual aparece en la ventana de documento.

En el panel Línea de tiempo, el cuadro actual se indica con un borde delgado (dentro del resaltado sombreado de la selección) alrededor de la miniatura del cuadro. Los cuadros seleccionados se indican con un resaltado sombreado alrededor de las miniaturas de los cuadros.

Selección de un cuadro de animación

  1. Realice una de las acciones siguientes en el panel Línea de tiempo:

    • Haga clic en un cuadro.

    • Haga clic en el botón Seleccionar cuadro siguiente  para seleccionar el cuadro siguiente de la serie como cuadro actual.

    • Haga clic en el botón Seleccionar cuadro anterior  para seleccionar el cuadro anterior de la serie como cuadro actual.

    • Haga clic en el botón Seleccionar primer cuadro  para seleccionar el primer cuadro de la serie como cuadro actual.

Selección de varios cuadros de animación

  1. En el panel Línea de tiempo, realice una de las acciones siguientes:

    • Para seleccionar varios cuadros contiguos, pulse Mayús y haga clic en un segundo cuadro. El segundo cuadro y todos los cuadros que hay entre el primero y el segundo se añaden a la selección.

    • Para seleccionar varios cuadros no contiguos, pulse Ctrl y haga clic (Windows) o pulse Comando y haga clic (Mac OS) en cuadros adicionales para añadirlos a la selección.

    • Para seleccionar todos los cuadros, elija Seleccionar todos los cuadros en el menú del panel.

    • Para deseleccionar un cuadro en una selección de varios cuadros, pulse Ctrl (Windows) o Comando (Mac OS) y haga clic en ese cuadro.

Edición de cuadros de animación

  1. En el panel Línea de tiempo, seleccione uno o más cuadros.

  2. Realice una de las siguientes acciones:
    • Para editar el contenido de los objetos en cuadros de animación, utilice el panel Capas para modificar las capas en la imagen que afecta al cuadro.
    • Para cambiar la posición de un objeto en un cuadro de animación, seleccione la capa que contiene el objeto en el panel Capas y arrástrela a una nueva posición.
    Nota:

    puede seleccionar y cambiar la posición de varios cuadros. Sin embargo, si arrastra varios cuadros no contiguos, los cuadros se colocan de forma contigua en la nueva posición.

    • Para invertir el orden de los cuadros de animación, seleccione Invertir cuadros en el menú del panel.
    Nota:

    los cuadros que desea invertir no tienen que ser contiguos, puede invertir cualquier cuadro seleccionado.

    • Para eliminar los cuadros seleccionados, elija Eliminar cuadro en el menú del panel Línea de tiempo, o bien haga clic en el icono Eliminar  y, a continuación en Sí para confirmar la supresión. También puede arrastrar el cuadro seleccionado hasta el icono Eliminar.

Unificación de propiedades de capa en cuadros de animación

Los botones para unificar (Unificar posición de capa, Unificar visibilidad de capa y Unificar estilo de capa) del panel Capas determinan cómo se aplican los cambios realizados en los atributos del cuadro de animación activo a los demás cuadros de la misma capa. Cuando se selecciona un botón para unificar, dicho atributo se modifica en todos los cuadros de la capa activa; cuando el botón está deseleccionado, los cambios solo se aplican al cuadro activo.

La opción Propagar cuadro 1 del panel Capas determina también cómo se aplican los cambios realizados en los atributos del primer cuadro a los demás cuadros de la misma capa. Cuando esta opción está seleccionada, puede modificar un atributo del primer cuadro y todos los demás cuadros posteriores de la capa activa cambiarán con arreglo al primer (y conservarán la animación que ya haya creado).

Propiedades para unificar capas

  1. En el panel Línea de tiempo, cambie el atributo a un cuadro.

  2. En el panel Capas, haga clic en Unificar posición de capa , Unificar visibilidad de capa  o Unificar estilo de capa  para que el atributo modificado se aplique en todos los demás cuadros de la capa activa.

Propagar cuadro 1

  1. En el panel Capas, seleccione la opción Propagar cuadro 1.
  2. En el panel Línea de tiempo, cambie el atributo para el primer cuadro.

    El atributo modificado se aplica (en relación con) todos los demás cuadros posteriores de una capa.

Nota:

También puede propagar cuadros manteniendo pulsada la tecla Mayús y seleccionando cualquier grupo de cuadros consecutivos en la capa y cambiando un atributo en cualquiera de los cuadros seleccionados.

Visualización u ocultación de botones para unificar capas

  1. Seleccione la Opciones de animación en el menú del panel Capas y, a continuación, elija alguna de las siguientes opciones:

    Automático

    Muestra los botones para unificar capas si el panel Línea de tiempo está abierto.

    Mostrar siempre

    Muestra los botones para unificar capas tanto si el panel Línea de tiempo está abierto como si está cerrado.

    Ocultar siempre

    Oculta los botones para unificar capas tanto si el panel Línea de tiempo está abierto como si está cerrado.

Copiar fotogramas con las propiedades de capa

Para entender lo que sucede cuando se copia y pega un cuadro, considere un cuadro como una versión duplicada de una imagen con una determinada configuración de capas. Cuando se copia un cuadro, se copian las configuraciones de las capas, incluidos los ajustes de visibilidad, posición y otras propiedades de cada capa. Cuando se pega un cuadro, se aplica la configuración de la capa al cuadro de destino.

  1. Seleccione uno o varios cuadros que desee copiar en el panel Línea de tiempo.

  2. Seleccione Copiar cuadros en el menú del panel.
  3. Seleccione un cuadro o cuadros de destino en la animación actual u otra animación.
  4. Seleccione Pegar cuadros en el menú del panel.
  5. Seleccione un método de pegado:

    Reemplazar cuadros

    Reemplaza los cuadros seleccionados por los cuadros copiados. No se añaden capas nuevas. Las propiedades de cada capa existente en los cuadros de destino se sustituyen por los de cada capa copiada. Cuando se pegan cuadros entre imágenes, se añaden nuevas capas a la imagen; sin embargo, solo las capas pegadas están visibles en los cuadros de destino (las capas existentes se ocultan).

    Pegar sobre la selección

    Añade el contenido a los cuadros pegados como nuevas capas en la imagen. Cuando se pegan cuadros en la misma imagen, esta opción dobla el número de capas en la imagen. En los cuadros de destino, las capas recién pegadas están visibles mientras que las capas originales están ocultas. En los cuadros que no son de destino, las capas recién pegadas se encuentran ocultas.

    Pegar antes de la selección o Pegar después de la selección

    Añade los cuadros copiados antes o después del cuadro de destino. Cuando se pegan cuadros entre imágenes, se añaden nuevas capas a la imagen; sin embargo, solo las capas pegadas están visibles en los nuevos cuadros (las capas existentes se ocultan).

  6. (Opcional) Para enlazar capas pegadas en el panel Capas, seleccione Enlazar capas añadidas.

    Esta opción solo funciona al pegar cuadros en otro documento. Selecciónela si va a volver a colocar las capas pegadas como unidad.

  7. Haga clic en OK.

Creación de cuadros utilizando el intercalado

El término inglés tweening (intercalar) se deriva de "in betweening" (entre objetos), siendo este un término tradicionalmente utilizado en animación para describir este proceso. Intercalar (también denominado interporlar) reduce significativamente el tiempo necesario para crear efectos de animación, tales como hacer aparecer o desaparecer gradualmente un elemento o mover un elemento por un cuadro. Es posible editar individualmente cuadros intercalados una vez creados.

Utilice el comando Intercalar para añadir o modificar automáticamente una serie de cuadros entre dos cuadros existentes, variando las propiedades de las capas (posición, opacidad o parámetros de efectos) de forma equitativa entre los nuevos cuadros para crear la ilusión del movimiento. Por ejemplo, si desea hacer desaparecer gradualmente una capa, defina en 100% la opacidad de la capa en el primer cuadro; a continuación, defina en 0% la opacidad de la misma capa en el último cuadro. Cuando intercale entre los dos cuadros, la opacidad de la capa se reduce de forma equitativa en los nuevos cuadros.

Creación de fotogramas utilizando el intercalado de Photoshop
Uso del intercalado para animar la posición del texto

  1. Para aplicar el intercalado a una capa específica, seleccione dicha capa en el panel Capas.
  2. Seleccione un solo cuadro o varios cuadros contiguos.
    • Si selecciona un solo cuadro, seleccione si desea intercalar el cuadro con el cuadro anterior o con el siguiente.

    • Si selecciona dos cuadros contiguos, se añaden nuevos cuadros entre los cuadros.

    • Si selecciona más de dos cuadros, los cuadros existentes entre el primer y último cuadros seleccionados se ven alterados por la operación de intercalado.

    • Si selecciona el primer y último cuadro de una animación, estos cuadros se tratan como contiguos y los cuadros intercalados se añaden detrás del último cuadro. (Este método de intercalado es útil cuando la animación está definida para repetirse varias veces).

  3. Realice una de las siguientes acciones:
    • Haga clic en el botón Intercalar  del panel Línea de tiempo.

    • Seleccione Intercalar en el menú del panel.

  4. Especifique la capa o capas que se van a variar en los cuadros añadidos:

    Todas las capas

    Varía todas las capas en el cuadro o cuadros seleccionados.

    Capa seleccionada

    Varía solo la capa seleccionada actualmente en el cuadro o cuadros seleccionados.

  5. Especifique las propiedades de capa que se van a variar:

    Posición

    Varía la posición del contenido de la capa en los nuevos cuadros de forma equitativa entre el primer y último cuadro.

    Opacidad

    Varía la opacidad de los nuevos cuadros de forma equitativa entre el primer y último cuadro.

    Efectos

    Varía los ajustes de parámetro de los efectos de capas de forma equitativa entre el primer y último cuadro.

  6. Si ha seleccionado un solo cuadro en el paso 2, seleccione dónde añadir cuadros en el menú Intercalar con:

    Cuadro siguiente

    Añade cuadros entre el cuadro seleccionado y el siguiente cuadro. Esta opción no se encuentra disponible si selecciona el último cuadro en el panel Línea de tiempo.

    Primer cuadro

    Añade cuadros entre el último y el primer cuadro. Esta opción solo se encuentra disponible si selecciona el último cuadro en el panel Línea de tiempo.

    Cuadro anterior

    Añade cuadros entre el cuadro seleccionado y el cuadro anterior. Esta opción no se encuentra disponible si selecciona el primer cuadro en el panel Línea de tiempo.

    Último cuadro

    Añade cuadros entre el primer y el último cuadro. Esta opción solo se encuentra disponible si selecciona el primer cuadro en el panel Línea de tiempo.

  7. En el cuadro Cuadros para añadir, introduzca un valor o utilice las teclas de flecha hacia arriba y hacia abajo para seleccionar el número de cuadros. (Esta opción no está disponible si selecciona más de dos cuadros).
  8. Haga clic en OK.

Añadir una nueva capa para cada fotograma nuevo

El comando Crear nueva capa para cada fotograma nuevo añade automáticamente una nueva capa visible en el nuevo cuadro pero oculta en los demás cuadros. Esta opción ahorra tiempo a la hora de crear una animación que requiera añadir un nuevo elemento visual a cada cuadro.

  1. Seleccione Crear nueva capa para cada cuadro nuevo en el menú del panel Línea de tiempo.

    Una marca de comprobación indica que la opción está activada.

Ocultación de capas en cuadros de animación

Cuando se crea una nueva capa, por defecto ésta está visible en todos los cuadros de la animación.

  • Para mostrar solo capas nuevas en marcos activos, anule la selección de Nuevas capas visibles en todos los cuadros en el menú del panel Línea de tiempo.

  • Para ocultar una capa en un determinado cuadro, seleccione el cuadro y, a continuación, oculte la capa que desee en el panel Capas.

Especificación del tiempo de retardo en animaciones de cuadros

Puede especificar un retardo, el tiempo durante el que se visualiza un cuadro, para cuadros individuales o para varios cuadros de una animación. El tiempo de retardo se visualiza en segundos. Las fracciones de segundo se visualizan como valores decimales. Por ejemplo, un cuarto de segundo se especifica como 0,25. Si define un retardo en el cuadro actual, cada cuadro que cree después recordará y aplicará dicho valor de retardo.

  1. Seleccione uno o varios cuadros en el panel Línea de tiempo.

  2. Haga clic en el valor Retardo situado debajo del cuadro seleccionado para ver el menú emergente.
  3. Especifique el retardo:
    • Selecciona un valor en el menú emergente. (El último valor utilizado aparece en la parte inferior del menú).

    • Seleccione Otro, introduzca un valor en el cuadro de diálogo Definir retardo de cuadro y haga clic en OK. Si ha seleccionado varios cuadros, el valor de retardo especificado para un cuadro se aplica a todos los cuadros.

Selección de un método de eliminación de cuadros

El método de eliminación del cuadro especifica si se descarta el cuadro actual antes de visualizar el cuadro siguiente. Seleccione un método de eliminación para las animaciones que incluyan transparencia de fondo para poder especificar si el cuadro actual estará visible en las áreas transparentes del siguiente cuadro.

Métodos de eliminación de fotogramas de Photoshop
Métodos de eliminación de cuadros

A. Cuadro con transparencia de fondo con la opción Restaurar a fondo B. Cuadro con transparencia de fondo con la opción No eliminar 

El icono Método de eliminación indica si el cuadro está establecido como No eliminar  o como Eliminar . (No aparece ningún icono cuando el método de eliminación está establecido como Automático).

  1. Seleccione uno o varios cuadros para los que desee seleccionar un método de eliminación.
  2. Haga clic con el botón derecho del ratón (Windows) o pulse Control y haga clic (Mac OS) en la miniatura del cuadro para ver el menú contextual Método de eliminación.
  3. Seleccione un método de eliminación:

    Automático

    Determina un método de eliminación para el cuadro actual de forma automática, sin tener en cuenta el cuadro actual si el cuadro siguiente contiene transparencia de capa. En la mayoría de las animaciones, la opción Automático (por defecto) produce los resultados deseados.

    Nota:

    para conservar cuadros que incluyan transparencias, seleccione la opción Eliminación automática cuando esté utilizando la opción de optimización Eliminación de píxeles redundantes.

    No eliminar

    Conserva el cuadro actual cuando el siguiente cuadro se añade a la visualización. El cuadro actual (y los anteriores) se pueden mostrar a través de las áreas transparentes del siguiente cuadro. Utilice un navegador para ver una previsualización precisa de una animación utilizando la opción No eliminar.

    Eliminar

    Descarta el cuadro actual de la visualización antes de que se muestre el siguiente cuadro. Los cuadros solo se visualizan de uno en uno (y el cuadro actual no aparece a través de las áreas transparentes del cuadro siguiente).

Especificación de repeticiones en animaciones de cuadros

Seleccione una opción de repetición para especificar cuántas veces se repite la secuencia de animación cuando se reproduce.

  1. Haga clic en el cuadro de selección de la opción de repetición situado en la esquina inferior izquierda del panel Línea de tiempo.

  2. Seleccione una opción de repetición: Una vez, 3 veces, Infinito u Otro.
  3. Si selecciona Otro, introduzca un valor en el cuadro de diálogo Definir número de repeticiones y haga clic en OK.
    Nota:

    Las opciones de repetición también pueden definirse en el cuadro de diálogo Guardar para Web. 

Eliminación de una animación completa

  1. Seleccione Eliminar animación en el menú del panel Línea de tiempo.

 Adobe

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?