Creación de animaciones de cuadros

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.

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.

Cree una animación de cuadros. En el panel Línea de tiempo, seleccione la flecha abajo para seleccionar Crear animación de cuadros.

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

Seleccione un cuadro de animación. 

Edite las capas del cuadro seleccionado. 

• 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. 

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.

Defina las opciones de retardo de cuadro y de repetición. Asigne un tiempo de retardo para cada cuadro y especifique repeticiones de manera que la animación se ejecute una vez, un número determinado de veces, o de forma continua.

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 con cualquiera de estos pasos. 

• 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. 

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

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

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.

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.

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

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.

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

• 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.

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

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.

En el panel Capas, seleccione la opción Propagar cuadro 1.

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.

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

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

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

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

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

Seleccione Copiar cuadros en el menú del panel.

Seleccione un cuadro o cuadros de destino en la animación actual u otra animación.

Seleccione Pegar cuadros en el menú del panel.

Seleccione un método de pegado:

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).

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.

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).

(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.

Haga clic en OK.

Para aplicar el intercalado a una capa específica, seleccione dicha capa en el panel Capas.

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).

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.

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

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

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

Especifique las propiedades de capa que se van a variar:

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

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

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

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

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.

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.

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.

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.

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).

Haga clic en OK.

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.

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

Haga clic en el valor Retardo situado debajo del cuadro seleccionado para ver el menú emergente.

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.

Seleccione uno o varios cuadros para los que desee seleccionar un método de eliminación.

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.

Seleccione un método de eliminación:

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.

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 vista previa precisa de una animación utilizando la opción No 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).

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.

Seleccione una opción de repetición: Una vez, 3 veces, Infinito u Otro.

Si selecciona Otro, introduzca un valor en el cuadro de diálogo Definir número de repeticiones y haga clic en OK.

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