Utilización de la cámara en Animate

La cámara en Animate permite que los animadores simulen una cámara real. Anteriormente, los animadores confiaban en extensiones de terceros de calidad y compatibilidad diversas o modificaban sus animaciones para imitar el movimiento de una cámara. Los animadores podrán utilizar las siguientes funciones integradas en cualquier película en movimiento.

• Panoramización con el sujeto del fotograma
• Acercamiento del objeto de interés para un efecto dramático
• Alejamiento de un fotograma para recordar al espectador una imagen mayor
• Modificación del punto focal para desplazar la atención del espectador de un sujeto a otro
• Rotación de cámara
• Uso de matiz o filtros de color para aplicar efectos de color en una escena 

Al configurar la vista de cámara para su composición, verá las capas como si estuviera mirando a través de esa cámara. También puede añadir interpolaciones o fotogramas clave en una capa de cámara.

La herramienta de cámara está disponible para todos los tipos de documentos integrados en Animate: HTML Canvas, WebGL y ActionScript.

Utilice cualquiera de las siguientes opciones para activar la herramienta de cámara:

• Haga clic en el icono de cámara del panel Herramientas.
• Haga clic en el botón Añadir/Eliminar cámara en la línea de tiempo.

Cuando la cámara esté activada, se mostrará el límite del escenario del mismo color que la capa de la cámara.

El escenario ahora funciona como una cámara para el documento. Se agrega una nueva capa de cámara con el objeto de cámara en el panel Línea de tiempo. Al seleccionar la herramienta de cámara, el icono de la cámara se activa en el inspector de propiedades.

Cuando la cámara está activada:

• El documento actual se coloca en modo de cámara.
• El escenario se convierte en una cámara.
• El borde de la cámara es visible en los límites del escenario.
• Se selecciona la capa de cámara.  

Zoom, giro o panorámica de la cámara

Zoom de la cámara

Rotación de cámara

Panorámica de la cámara

Uso de los controles de panorámica de cámara

Para hacer una panorámica de los objetos en dirección horizontal, pase el ratón sobre el valor de la coordenada X y arrastre el regulador hacia la derecha o hacia la izquierda. 

Para hacer una panorámica de los objetos en dirección vertical, pase el ratón sobre el valor de la coordenada Y y arrastre el regulador hacia la derecha o hacia la izquierda.

Restablecer las opciones para efectos de cámara

Puede restablecer los cambios realizados con la cámara respecto a los efectos de panorámica, zoom, rotación y color, siempre que desee regresar a la configuración original. Para conservar los valores de propiedad anteriores, haga clic en el icono de restablecimiento situado junto a cada una de las propiedades.

Aplicación del matiz en una capa de cámara

Ajuste de los filtros de color en una capa de cámara

Creación de efecto de paralaje mediante la profundidad de la cámara y la capa

Como diseñador o desarrollador de juegos, trata de crear una experiencia envolvente. Mediante el uso de distintos objetos en las capas en primer plano y de fondo, se puede controlar la velocidad y posición de esos objetos. Si se mantiene la cámara enfocada en un punto focal constante, puede mover los objetos a distintas velocidades para crear un efecto tridimensional. En Animate, puede lograr este efecto al crear animaciones 2D mediante la cámara y la función de profundidad de la capa. Puede crear efecto de paralaje en los objetos cambiando la profundidad de las capas en el panel Profundidad de la capa. Para utilizar la profundidad de la capa, haga clic en Ventana > Profundidad de la capa.

Haga clic aquí para obtener más información sobre la profundidad de la capa. 

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.
• Cuando la capa de la cámara tiene el valor 0, los objetos más cercanos a la cámara tienen un valor inferior positivo. Los objetos muy alejados de la cámara tienen un numero positivo muy alto. Las capas que se encuentran detrás de la cámara tienen números negativos. 

Vídeo que muestra el efecto de paralaje y la profundidad z de la cámara

Anclaje de una capa a la cámara

Como animador o diseñador de juegos, querrá que algunos objetos de la animación se ciñan a la vista de la cámara. Por ejemplo, un botón de acción, un visor que muestra un cronómetro, o un arma. En estos casos, debe mantener el recurso vinculado al movimiento de la cámara. La función Adjuntar a cámara de Animate le permite lograr este efecto.

Cuando adjunte una capa a la cámara, los objetos de esa capa se anclan con la cámara y siempre se moverán con la cámara. Por lo tanto, no se verán afectados por los movimientos de cámara en la salida.

Puede adjuntar una sola capa a la cámara haciendo clic en el punto en la columna del icono de adjuntar a cámara. Si la capa se asocia con la cámara, aparece un icono representativo junto al nombre de la capa.  

Las ilustraciones siguientes muestran el comportamiento de la capa antes y después de adjuntarla a la cámara: 

Ilustración que muestra una animación cuando la capa no está adjunta a la cámara:

Ilustración que muestra una animación cuando la capa está adjunta a la cámara:

También puede adjuntar o separar todas las capas de la cámara haciendo clic en el icono de adjuntar a cámara en la línea de tiempo. 

Uso de la cámara interactiva en tiempo de ejecución

Puede introducir o gestionar la cámara (o acceder a ella) en tiempo de ejecución utilizando las API de cámara para los tipos de documento AS3, WebGL y HTML Canvas. La lista de API de tiempo de ejecución de la cámara para los tipos de documento AS3, WebGL y HTML Canvas, es el siguiente:

 Todos los métodos son aplicables al tipo de documento AS3. Algunos de los métodos no están disponibles para los tipos WebGL y HTML Canvas. En las dos últimas columnas de la tabla se indica qué métodos son aplicables y cuáles no para WebGL y HTML Canvas.

Métodos de cámara virtual

Accede a la cámara como objeto de clip de película

Aplicar máscaras a objetos en el tiempo de ejecución (para el documento AS3)

Puede aplicar máscaras a los objetos en el tiempo de ejecución con el siguiente código de API de cámara:

import fl.VirtualCamera;
fl.VirtualCamera.getCamera(root).setCameraMask(torch);

Una captura de pantalla de muestra de la animación, si utiliza una máscara con forma ovalada, aparece de la siguiente manera:

Crear animaciones a partir de una cámara interactiva con el asistente de código de acciones

En el sigueinte diagrama de flujo se muestra un enfoque paso a paso para crear animaciones con una cámara interactiva. Puede utilizar el asistente de código de acciones en un documento HTML Canvas. 

A continuación, encontrará un vídeo de muestra, que le enseñará a usar la cámara interactiva. Puede observar cómo puede variar el enfoque durante el tiempo de ejecución en el paracaídas, la mochila propulsora y el paisaje urbano en diferentes intervalos.

Vídeo que enseña el uso de la cámara en tiempo de ejecución

Recorte de un objeto en el escenario

Adobe XD permite apilar o superponer el contenido encima de otra mesa de trabajo para simular efectos interactivos de la diapositiva. Por ejemplo, listas desplegables, teclados que se deslizan hacia arriba o efectos de la caja de luz. Con las superposiciones, también puede reutilizar una mesa de trabajo varias veces sin necesidad de duplicar el contenido de superposición para cada mesa de trabajo. 

Haga clic en el botón Recortar contenido fuera del escenario para recortar el contenido que se encuentra fuera del escenario .  Junto a la vista de la cámara y del escenario, podrá ver el contenido dentro de los límites de la cámara.