Guía del usuario Cancelar

Creación de animaciones de línea de tiempo

  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. Migración de ajustes, acciones y ajustes preestablecidos
    8. Familiarícese con Photoshop
  3. Servicios de Photoshop y Adobe
    1. Photoshop y Adobe Stock
    2. Bibliotecas de Creative Cloud
    3. Bibliotecas Creative Cloud en Photoshop
    4. Utilice Touch Bar con Photoshop
    5. Trabajar con ilustraciones de Illustrator en Photoshop
    6. Uso de la extensión en la aplicación Capture en Photoshop
    7. Cuadrícula y guías
    8. Creación de acciones
    9. Deshacer e historia
    10. Métodos abreviados de teclado predeterminados
    11. Capacidades táctiles y espacios de trabajo personalizables
  4. Photoshop en el iPad
    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 (beta)
    1. Preguntas frecuentes | Photoshop en la web (beta)
    2. Introducción al espacio de trabajo
    3. Requisitos del sistema | Photoshop en la web beta
    4. Métodos abreviados de teclado | Photoshop en la web (beta)
    5. Tipos de archivo compatibles | Photoshop en la web (beta)
    6. Apertura y trabajo con documentos en la nube
    7. Colaboración con clientes
    8. Aplicación de ediciones limitadas a los documentos en la nube
  6. Documentos en la nube
    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 compartir el acceso y editar los documentos en la nube
    9. Compartir archivos y comentar en la aplicación
  7. Espacio de trabajo
    1. Conceptos básicos del espacio de trabajo
    2. Creación de documentos
    3. Utilice Touch Bar con Photoshop
    4. Compatibilidad con Microsoft Dial en Photoshop
    5. Galerías de herramientas
    6. Preferencias de rendimiento
    7. Uso de herramientas
    8. Gestos táctiles
    9. Capacidades táctiles y espacios de trabajo personalizables
    10. Previsualizaciones de tecnología
    11. Metadatos y notas
    12. Compartir rápidamente creaciones
    13. Colocar imágenes de Photoshop en otras aplicaciones
    14. Preferencias
    15. Métodos abreviados de teclado predeterminados
    16. Reglas
    17. Visualización u ocultación de extras que no se pueden imprimir
    18. Especificación de columnas en una imagen
    19. Deshacer e historia
    20. Paneles y menús
    21. Colocación de archivos
    22. Colocación de elementos con el ajuste
    23. Colocación con la herramienta Regla
    24. Ajustes preestablecidos
    25. Personalización de los métodos abreviados de teclado
    26. Cuadrícula y guías
  8. 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
  9. 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
  10. 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
    26. Capa
    27. Acoplado
    28. Compuesto
    29. Fondo
  11. Selecciones
    1. Espacio de trabajo Seleccionar y aplicar máscara
    2. Realización de selecciones rápidas
    3. Introducción a las selecciones
    4. Selección con las herramientas de marco
    5. Selección con las herramientas de lazo
    6. Selección de una gama de colores en una imagen
    7. Ajuste de selecciones de píxeles
    8. Conversión entre trazados y bordes de selección
    9. Conceptos básicos del canal
    10. Traslado, copia y eliminación de píxeles seleccionados
    11. Creación de una máscara rápida temporal
    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
    16. Selección
    17. Cuadro delimitador
  12. Ajustes de imagen
    1. Deformación de perspectiva
    2. Estabilización del desenfoque de la imagen
    3. Ejemplos de pincel corrector
    4. Exportación de tablas de consulta de colores
    5. Ajuste del enfoque y desenfoque de la imagen
    6. Explicación de los ajustes de color
    7. Aplicación del ajuste Brillo/contraste
    8. Ajuste de los detalles de iluminación y sombra
    9. Ajuste de niveles
    10. Ajuste del tono y la saturación
    11. Ajuste de intensidad
    12. Ajuste de la saturación del color en las áreas de la imagen
    13. Realización de ajustes de tonos rápidos
    14. Aplicación de efectos de color especiales a las imágenes
    15. Mejora de imágenes con los ajustes de Equilibrio de color
    16. Imágenes de alto rango dinámico
    17. Visualización de histogramas y valores de píxeles
    18. Coincidencia de colores en la imagen
    19. Cómo recortar y enderezar fotografías
    20. Conversión de una imagen en color en una imagen en blanco y negro
    21. Capas de ajuste y de relleno
    22. Ajuste de curvas
    23. Modos de fusión
    24. Preparación de imágenes para la imprenta
    25. Ajuste del color y el tono con los cuentagotas de Niveles y Curvas
    26. Ajuste de los tonos y exposición HDR
    27. Filtro
    28. Desenfoque
    29. Sobreexposición o subexposición de áreas de la imagen
    30. Realización de ajustes de color selectivos
    31. Sustitución de colores de objeto
  13. 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. Cómo realizar ediciones no destructivas en Camera Raw
    10. Filtro radial de Camera Raw
    11. Gestión de los ajustes de Camera Raw
    12. Apertura, procesamiento y almacenamiento de imágenes en Camera Raw
    13. Reparación de imágenes con la herramienta Eliminación de tinta plana mejorada de Camera Raw
    14. Rotación, recorte y transformación de imágenes
    15. Ajuste de la representación del color en Camera Raw
    16. Resumen de funciones | Adobe Camera Raw | Versiones de 2018
    17. Resumen de las nuevas funciones
    18. Versiones del proceso en Camera Raw
    19. Realización de ajustes locales en Camera Raw
  14. 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
  15. Transformaciones de imágenes
    1. Transformación de objetos
    2. Ajuste de recorte, rotación y tamaño de lienzo
    3. Cómo recortar y enderezar fotografías
    4. Creación y edición de imágenes panorámicas
    5. Deformación de imágenes, formas y trazados
    6. Punto de fuga
    7. Utilice el filtro Licuar
    8. Escala según el contenido
    9. Transformación de imágenes, formas y trazados
    10. Deformar
    11. Transformar
    12. Panorama
  16. 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
  17. Texto
    1. Trabajo con fuentes OpenType SVG
    2. Aplicación de formato a caracteres
    3. Aplicación de formato a párrafos
    4. Creación de efectos de texto
    5. Edición de texto
    6. Espaciado entre líneas y caracteres
    7. Texto en árabe y hebreo
    8. Fuentes
    9. Solucione problemas de fuentes
    10. Texto asiático
    11. Creación de texto
    12. Error de motor de texto al usar la herramienta Tipo en Photoshop | Windows 8
    13. Modo de composición internacional de fuentes asiáticas
    14. Cómo añadir y editar el texto en Photoshop
  18. 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
  19. 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. Estilos y efectos de capa
    9. Aplicación de filtros específicos
    10. Uso de la herramienta Dedo en las áreas de la imagen
  20. 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
  21. 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. Duotonos
    8. Impresión de imágenes en imprentas comerciales
    9. Mejora de las impresiones en color en Photoshop
    10. Solución de problemas de impresión | Photoshop
  22. 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
  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. Trabajo con perfiles de color
    5. Gestión de color de los documentos para la visualización en línea
    6. Gestión de color de los documentos al imprimir
    7. Gestión de color de imágenes importadas
    8. Pruebas de los colores
  24. Content Authenticity
    1. Más información sobre las credenciales de contenido
    2. Identidad y procedencia de los NFT
    3. Conexión de cuentas para atribución creativa
  25. Imágenes técnicas y tridimensionales
    1. Photoshop 3D | Preguntas frecuentes sobre las funciones 3D no disponibles
    2. Animación en 3D de Creative Cloud (previsualización)
    3. Impresión de objetos 3D
    4. Pintura 3D
    5. Mejoras del panel 3D | Photoshop
    6. Conceptos y herramientas 3D básicos
    7. Interpretación y almacenamiento 3D
    8. Creación de objetos y animaciones 3D
    9. Pilas de imágenes
    10. Flujo de trabajo 3D
    11. Medida
    12. Archivos DICOM
    13. Photoshop y MATLAB
    14. Recuento de objetos en las imágenes
    15. Combinación y conversión de objetos 3D
    16. Edición de textura en 3D
    17. Ajuste de los tonos y exposición HDR
    18. Configuración del panel 3D
Importante

Importante:

Las funciones 3D de Photoshop se quitarán en futuras actualizaciones. Se recomienda a los usuarios que trabajen con 3D que exploren la nueva colección de Substance 3D de Adobe, que representa la próxima generación de herramientas 3D de Adobe.

Puede encontrar más información sobre la cancelación de las funciones 3D de Photoshop aquí: Photoshop 3D | 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 animaciones de línea de tiempo

Para animar contenido de capa en modo de línea de tiempo, se definen imágenes principales en el panel Línea de tiempo a medida que se mueve el indicador de tiempo actual a un cuadro/tiempo diferente y, a continuación, se modifica la posición, la opacidad o el estilo del contenido de capa. Photoshop añade o modifica automáticamente un conjunto de cuadros entre dos cuadros existentes variando las propiedades de capa (posición, opacidad y estilos) de forma equitativa entre los nuevos cuadros para crear la ilusión del movimiento o transformación.

Por ejemplo, si desea hacer que una capa se desvanezca gradualmente, defina la opacidad de la capa en el primer cuadro al 100% y haga clic en el cronómetro de opacidad de la capa. A continuación, mueva el indicador de tiempo actual al tiempo/cuadro del cuadro final y defina la opacidad de esta capa al 0%. Photoshop interpola automáticamente cuadros entre el primer cuadro y el último, y la opacidad se reduce de forma equitativa en todos los cuadros nuevos.

Además de permitir que Photoshop interpole cuadros en una animación, puede crear también una animación hecha a mano cuadro a cuadro pintando en una capa de vídeo vacía.

Nota:

Si desea crear una animación en formato SWF, utilice Adobe Flash, Adobe After Effects o Adobe Illustrator.

Para crear una animación basada en la línea de tiempo, utilice el siguiente flujo de trabajo general.

1. Cree un nuevo documento.

Especifique el tamaño y el contenido del fondo. Asegúrese de que la proporción de píxeles y las dimensiones son las adecuadas para la salida de su animación. El modo de color debe ser RGB. A no ser que tenga motivos especiales para realizar cambios, deje la resolución a 72 píxeles por pulgada, la profundidad de bits a 8 bits por canal y la proporción de píxeles como cuadrada.

Asegúrese de que el panel Línea de tiempo está abierto. Si es necesario, haga clic en la flecha hacia abajo de la parte central del panel, seleccione Crear línea de tiempo de vídeo en el menú y, a continuación, haga clic en el botón situado a la izquierda de la flecha. Si el panel Línea de tiempo se encuentra en modo de animación de cuadro, haga clic en el icono Convertir en línea de tiempo de vídeo en la esquina inferior izquierda del panel.

2. Especifique un valor para Definir frecuencia de imagen de la línea de tiempo en el menú del panel.

Especifique la duración y la frecuencia de imagen. Consulte Especificación de la duración de la línea de tiempo y la frecuencia de imagen.

3. Añada una capa.

Las capas de fondo no se pueden animar. Si desea animar contenido, convierta la capa de fondo en una capa normal o añada cualquiera de los siguientes elementos:

  • Una nueva capa para añadir contenido.

  • Un nuevo vídeo para añadir contenido de vídeo.

  • Una nueva capa de vídeo vacía para clonar contenido o crear animaciones hechas a mano.

4. Añada contenido a la capa.

5. (Opcional) Añada una máscara de capa.

Se puede utilizar una máscara de capa para revelar únicamente una parte del contenido de la capa. Puede animar la máscara de capa para revelar distintas partes del contenido de la capa en el tiempo. Consulte Adición de máscaras de capa.

6. Mueva el indicador de tiempo actual al tiempo o marco donde desea definir la primera imagen principal.

7. Active las imágenes principales para una propiedad de capa.

Haga clic en el triángulo que se encuentra al lado del nombre de la capa. Un triángulo boca abajo muestra las propiedades de la capa. A continuación, haga clic en el cronómetro para definir la primera imagen principal para la propiedad de capa que desea animar. Puede definir imágenes principales para más de una propiedad de capa a la vez.

8. Mueva el indicador de tiempo actual y modifique una propiedad de capa.

Mueva el indicador de tiempo actual al tiempo o cuadro en el que cambia la propiedad de capa. Puede realizar una o varias de las siguientes acciones:

  • Cambiar la posición de la capa para que el contenido de la capa se mueva.

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

  • Cambiar la posición de una máscara de capa para revelar distintas partes de la capa.

  • Activar o desactivar una máscara de capa.

En el caso de algunos tipos de animación, como cambiar el color de un objeto o cambiar por completo el contenido de un cuadro, necesitará capas adicionales con el nuevo contenido.

Nota:

para animar formas, se anima la máscara vectorial, no la capa de formas, utilizando el cronómetro que varía con el tiempo para las opciones Posición de máscara vectorial o Activación de máscara vectorial.

9. Añada capas adicionales con contenido y edite sus propiedades de capa según sea necesario.

10. Mueva o recorte la barra de duración de la capa para especificar el momento en el que aparece una capa en una animación.

11. 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, previsualice la animación en un navegador web. También puede previsualizar la animación en el cuadro de diálogo Guardar para Web. Consulte Previsualización de vídeo o animaciones de línea de tiempo.

12. Guarde la animación.

Puede guardar la animación en forma de GIF animado con el comando Guardar para Web o como secuencia de imágenes o vídeo mediante el comando Interpretar vídeo. También puede guardarla en formato PSD, que se puede importar a Adobe After Effects.

Utilización de imágenes principales para animar las propiedades de capa

Es posible animar diferentes propiedades de capa, como la posición, la opacidad y el estilo. Los cambios pueden efectuarse por separado o de forma simultánea. Si desea animar diferentes objetos por separado, es preferible crearlos en capas separadas.

A continuación se muestran algunos ejemplos de cómo puede animar propiedades de capa:

  • Para animar la posición, añada una imagen principal a la propiedad Posición, a continuación, mueva el indicador de tiempo actual y arrastre la capa a la ventana del documento.

  • Para animar la opacidad de la capa, añada una imagen principal a la propiedad Opacidad, a continuación, mueva el indicador de tiempo actual y cambie la opacidad de la capa en el panel Capas.

  • Puede animar propiedades 3D, tales como posiciones de cámara u objeto. (Para obtener más información, consulte Creación de animaciones 3D).

 

Para animar una propiedad con imágenes principales, debe definir al menos dos imágenes principales para dicha propiedad. De lo contrario, los cambios que realice a la propiedad de capa permanecerán activos mientras que dure la capa.

Cada propiedad de capa tiene un icono de cronómetro que varía con el tiempo  sobre el que hace clic para iniciar la animación. Cuando el cronómetro se activa para una propiedad específica, Photoshop define de forma automática nuevas imágenes principales en cualquier lugar en el que modifique el tiempo y el valor de la propiedad. Cuando el cronómetro permanece inactivo para una propiedad, ésta no tiene imágenes principales. Si introduce un valor para una propiedad de capa mientras el cronómetro está inactivo, el valor permanece activo mientras dure la capa. Si deselecciona el cronómetro, eliminará permanentemente todas las imágenes principales de esa propiedad.

Selección del método de interpolación

Interpolar (denominado, en ocasiones, intercalar) describe el proceso de rellenar valores desconocidos entre dos valores conocidos. En el vídeo y la película digital, la interpolación suele implicar la generación de nuevos valores entre dos fotogramas. Por ejemplo, si desea mover un elemento gráfico 50 píxeles hacia la izquierda en 15 cuadros, defina la posición del gráfico en los cuadros 1 y 15 y márquelos como imágenes principales. Photoshop interpola los cuadros entre las dos imágenes principales. La interpolación entre imágenes principales se puede utilizar para animar movimientos, opacidad, estilos e iluminación global.

En el panel Línea de tiempo, la apariencia de una imagen principal depende del método de interpolación que elija para el intervalo entre imágenes principales.

Imagen principal lineal

Cambia de forma uniforme la propiedad animada de una imagen principal a otra. (La única excepción es la propiedad de posición de la máscara de capa que cambia de activa a inactiva de forma repentina).

Imagen principal mantenida 

Mantiene el ajuste de propiedad actual. Este método de interpolación resulta útil para efectos de trazado o cuando se desea que las capas aparezcan o desaparezcan de repente.

Para seleccionar el método de interpolación para una imagen principal, siga estos pasos:

  1. En el panel Línea de tiempo, seleccione una o más imágenes principales.

  2. Realice una de las siguientes acciones:
    • Haga clic con el botón derecho del ratón en la imagen principal seleccionada y elija Interpolación lineal o Mantener interpolación en el menú contextual.

    • Abra el menú del panel y elija Interpolación de imagen principal > Lineal o Interpolación de imagen principal > Mantenida.

Movimiento del indicador de tiempo actual a una imagen principal

Tras configurar la imagen principal inicial para una propiedad, Photoshop muestra el navegador de imágenes principales, que puede utilizar para moverse de una imagen principal a otra o para definir o eliminar imágenes principales. Cuando el diamante del navegador de imágenes principales está activado (amarillo), el indicador de tiempo actual se sitúa precisamente en la imagen principal de una propiedad de capa. Cuando el diamante del cuadro del navegador de imágenes principales está inactivo (gris), el indicador de tiempo actual se sitúa entre imágenes principales. Cuando aparecen flechas a cada lado del cuadro de navegación de imágenes principales, aparecen otras imágenes principales a ambos lados del tiempo actual.

  1. En el panel Línea de tiempo, haga clic en una flecha del navegador de imágenes principales. La flecha de la izquierda desplaza el indicador de tiempo actual a la imagen principal anterior. La flecha de la derecha desplaza el indicador de tiempo actual a la imagen principal siguiente.

Selección de imágenes principales

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

    • Para seleccionar una imagen principal, haga clic en el icono de imagen principal.

    • Para seleccionar varias imágenes principales, pulse la tecla Mayús y haga clic en las imágenes principales o arrastre un marco de selección alrededor de las imágenes principales.

    • Para seleccionar todas las imágenes principales de una propiedad de capa, haga clic en el nombre de la propiedad de capa que hay junto al icono cronómetro.

Movimiento de imágenes principales

  1. En el panel Línea de tiempo, seleccione una o más imágenes principales.

  2. Arrastre cualquiera de los iconos de imagen principal seleccionados hasta el tiempo que desee. (Si ha seleccionado varias imágenes principales, se mueven como grupo y mantienen el mismo espaciado temporal).
Nota:

Para ampliar o comprimir el espaciado de varias imágenes principales, pulse las teclas Alt (Windows) u Opción (Mac OS) y arrastre la primera o la última imagen principal de la selección. La imagen principal del extremo contrario de la selección no cambia de lugar al arrastrar, disminuir la velocidad o acelerar la animación.

Copia y pegado de imágenes principales

Es posible copiar imágenes principales de una propiedad (como Posición) en la misma propiedad de cualquier capa. Al pegar imágenes principales, reflejan el desplazamiento copiado del indicador de tiempo actual.

Puede copiar imágenes principales de una sola capa cada vez. Cuando pega imágenes principales en otra capa, aparecen en la propiedad correspondiente de la capa de destino. La imagen principal anterior aparece en el tiempo actual y las otras siguen un orden relativo. Las imágenes principales permanecen seleccionadas después de pegarse, de modo que puede moverlas inmediatamente en la línea de tiempo.

Nota:

puede copiar y pegar imágenes principales entre más de una propiedad cada vez.

  1. En el panel Línea de tiempo, muestre la propiedad de capa que contiene los fotogramas clave que desea copiar.

  2. Seleccione una o más imágenes principales.
  3. Haga clic con el botón derecho en la imagen principal seleccionada y seleccione Copiar imágenes principales.
  4. En el panel Línea de tiempo que contenga la capa de destino, mueva el indicador de tiempo actual hasta el punto en el tiempo en el que desee que aparezcan los fotogramas clave.

  5. Seleccione la capa de destino.
  6. Abra el menú del panel y seleccione Pegar imágenes principales.

Eliminar imágenes principales

  1. En el panel Línea de tiempo, seleccione una o más imágenes principales y realice una de las siguientes acciones:

    • Haga clic con el botón derecho (Windows) o presione la tecla Control y haga clic (Mac OS) en la imagen principal seleccionada y elija Eliminar imágenes principales en el menú contextual.

    • En el menú del panel, seleccione Eliminar imágenes principales.

Creación de animaciones hechas a mano

Puede añadir una capa de vídeo vacía al documento cuando desee crear animaciones cuadro a cuadro hechas a mano. La adición de una capa de vídeo vacía sobre una capa de vídeo y el ajuste a continuación de la opacidad de la capa de vídeo vacía le permite ver el contenido de la capa de vídeo que se encuentra debajo. A partir de ahí, puede utilizar la técnica de rotoscopio en el contenido de la capa de vídeo pintando o dibujando sobre la capa de vídeo vacía. Consulte también Pintado de cuadros en las capas de vídeo.

Nota:

si pretende animar varios elementos independientes, cree contenido separado en las diferentes capas de vídeo vacías.

  1. Cree un nuevo documento.
  2. Añada una capa de vídeo vacía.
  3. Pinte o añada contenido a la capa.
  4. (Opcional) En el panel Línea de tiempo, seleccione Habilitar papeles cebolla en el menú del panel para habilitar el modo de papel cebolla.

  5. Desplace el indicador de tiempo actual al siguiente cuadro.
  6. Pinte o añada contenido a la capa en una posición ligeramente diferente al contenido del cuadro anterior.
    Nota:

    Es posible añadir un cuadro de vídeo vacío, duplicarlo o eliminarlo de la capa de vídeo vacía si selecciona Capa > Capas de vídeo y el comando correspondiente.

    Mientras crea más cuadros hechos a mano, puede arrastrar el indicador de tiempo actual o utilizar los controles de reproducción para previsualizar la animación.

Inserción, eliminación o duplicación de fotogramas de vídeo vacíos

Se puede añadir o eliminar un cuadro de vídeo vacío desde una capa de vídeo vacía. También puede duplicar cuadros existentes (pintados) en capas de vídeo vacías.

  1. Seleccione la capa de vídeo vacía del panel Línea de tiempo. A continuación, desplace el indicador de tiempo actual al cuadro que desee.

  2. Seleccione Capa > Capas de vídeo y elija una de las siguientes opciones:

    Insertar cuadro vacío

    Inserta un cuadro de vídeo vacío en la capa de vídeo vacía seleccionada en el tiempo actual.

    Eliminar cuadro

    Elimina el cuadro de vídeo de la capa de vídeo vacía seleccionada en el tiempo actual.

    Duplicar cuadro

    Añade una copia del cuadro de vídeo en el tiempo actual en la capa de vídeo seleccionada.

Especificación de ajustes de papel cebolla

El modo de papel cebolla muestra el contenido dibujado en el cuadro actual más el contenido dibujado en los cuadros circundantes. Estos cuadros adicionales aparecen en la opacidad que se especifica para distinguirlos del cuadro actual. El modo de papel cebolla resulta útil para dibujar animaciones cuadro por cuadro porque proporciona puntos de referencia para las posiciones de los trazos y otras ediciones.

Los ajustes de papel cebolla especifican cómo aparecen los cuadros anteriores y posteriores cuando se activa Papeles cebolla. (Consulte Descripción general del panel Línea de tiempo).

  1. Abra el panel Línea de tiempo y seleccione la opción Ajustes de papel cebolla.

  2. Especifique las opciones para realizar las acciones siguientes:

    Recuento de papel cebolla

    Especifica el número de cuadros anteriores o posteriores se visualizarán. Introduzca los valores para las opciones Cuadros antes (cuadros anteriores) y Cuadros después (cuadros posteriores) en los cuadros de texto.

    Espaciado de cuadro

    Especifica el número de cuadros entre los cuadros mostrados. Por ejemplo, un valor de 1 muestra cuadros consecutivos y un valor de 2 muestra trazos que se encuentran a dos cuadros de distancia.

    % de opacidad máx.

    Define el porcentaje de opacidad para los cuadros inmediatamente antes o después del tiempo actual.

    % de opacidad mín.

    Define el porcentaje de opacidad para los últimos cuadros de los valores antes y después de los cuadros de papeles cebolla.

    Modo de fusión

    Define el aspecto de las áreas en las que los cuadros se superponen.

    Papeles cebolla en Photoshop
    Papeles cebolla

    A. Cuadro actual con un cuadro después B. Cuadro actual tanto con un cuadro antes como con uno después C. Cuadro actual con un cuadro antes 

Apertura de una animación de varias capas

Es posible abrir animaciones guardadas en versiones anteriores de Photoshop como archivos de varias capas de Photoshop (PSD). Las capas se colocan en el panel Línea de tiempo en su orden de apilamiento, de modo que la capa inferior se convierte en el primer cuadro.

  1. Seleccione Archivo > Abrir y seleccione el archivo de Photoshop que desea abrir.
  2. En el panel Capas, seleccione las capas que desea para la animación y seleccione Crear cuadros a partir de capas del menú del panel.

    Es posible editar la animación y emplear el comando Guardar para Web para guardar un GIF animado o utilizar el comando Interpretar vídeo para guardar la animación como una película QuickTime.

Logotipo de Adobe

Inicia sesión en tu cuenta

[Feedback V2 Badge]