Cree fácilmente un efecto parallax para sus animaciones con la cámara usando la función de profundidad de la capa.

En esta versión, puede crear animaciones que incluyan varios objetos en distintas profundidades. Añada el efecto parallax a las animaciones con la herramienta Cámara. Anteriormente, los animadores tenían que crear el efecto parallax tratando de adivinar el tamaño de los objetos cuando estaban cerca o lejos de la herramienta Cámara. 

En la versión de junio de 2017, esta función está disponible en las plataformas ActionScript 3.0 y WebGL en Animate CC. 

Profundidad de las capas

Un diseñador de Animate puede colocar las capas en diferentes planos para crear una ilusión de profundidad. Antes, las capas de una composición de Animate solían estar en el mismo plano. 

Se puede cambiar dinámicamente la profundidad de las capas usando el panel Profundidad de la capa. Para utilizar la profundidad de la capa, haga clic en Ventana > Profundidad de la capa

Apertura del panel Profundidad de la capa
Apertura del panel Profundidad de la capa

Tal como se ve en la captura de pantalla anterior, los valores de profundidad de capa se muestran junto a cada nombre de capa para un fotograma determinado.

  • Pase el puntero del ratón por encima de cada valor, haga clic y arrastre el regulador a la derecha o la izquierda.
  • Para aumentar la profundidad, arrastre el regulador a la izquierda y, para reducirla, a la derecha. 
  • Puede utilizar valores negativos para representar los objetos más cercanos y valores positivos para representar los más lejanos.
Timeline-view-layers

Cada capa se representa con una línea de color único en el cuadro de profundidad de las capas. Puede ver los colores que representan cada una de las capas en la ventana Línea de tiempo

También puede aumentar o reducir la profundidad de los objetos que hay en cada capa moviendo las líneas multicolor hacia arriba o hacia abajo.

  • Para aumentar la profundidad de los objetos de una capa, desplace la línea hacia arriba.
  • Para reducir la profundidad de los objetos de una capa, desplace la línea hacia abajo.

Vea los efectos anteriores y posteriores de la función Profundidad de la capa en la ilustración siguiente: 

Content without Layer Depth
Contenido sin profundidad de capa

Content with Layer Depth
Contenido con profundidad de capa

Conservación del tamaño para la profundidad de capa

Puede cambiar la profundidad de la capa de los objetos sin que ello afecte al tamaño de los objetos en el escenario. Para habilitar esta función, haga clic en el botón Conservar tamaño que hay en la esquina superior derecha del panel Profundidad de la capa.

Puede usar la opción Conservar tamaño de dos modos:

  • Haga clic en el botón Conservar tamaño y modifique la profundidad de la capa que quiera. El botón Conservar tamaño se activa automáticamente.
  • Mantenga pulsada la tecla Alt para habilitar temporalmente la opción Conservar tamaño mientras arrastra los valores de la profundidad de la capa.
Conservación del tamaño para la profundidad de capa
Conservación del tamaño para la profundidad de capa

Puede establecer los valores mínimo y máximo de la profundidad de capa en el intervalo entre -5000 y -10 000. 

Efecto parallax con profundidad Z de la cámara

Puede crear el efecto parallax en los objetos con la cámara mediante la función de profundidad de capa.

  1. Cree varios objetos en diferentes capas en Animate. 

  2. Añada distintas profundidades de capa a cada uno de los objetos.

  3. Haga clic en la herramienta Cámara y desplace la cámara por los objetos para ver una panorámica.

Los objetos que estén más cerca de la cámara se mueven a una velocidad distinta que los objetos más lejanos, lo que crea el efecto parallax.

Con este efecto, se puede ver la profundidad y perspectiva de los objetos.

  • Los objetos que están más cerca de la cámara se mueven más rápido que los más lejanos.
  • Los objetos más cercanos a la cámara tienen valores negativos elevados de profundidad de capa, mientras que los objetos más alejados de la cámara tienen valores positivos altos de profundidad de capa.

Nota:

El tamaño del objeto no cambia al modificar la profundidad. Esta función permite colocar los objetos en el orden correcto y luego utilizar la panorámica de cámara para simular un efecto parallax.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea