All Articles After Effects
Parallax Tutorial: 2D a 3D con Photoshop
Richard Lainhart on Sun, April 10th 0 comments
In Part 1 of our tutorial, we began the process of turning a static 2D image into a 3D animation by opening the image and isolating each major section of the image onto its own layer in Photoshop. In

En la Parte 1 de nuestra clase , que comenzó el proceso de convertir una imagen en 2D estáticas en una animación en 3D mediante la apertura de la imagen y el aislamiento de cada sección principal de la imagen en su propia capa en Photoshop .

In Part 2, we're going to continue in Photoshop to fill in the empty areas in the image left by isolating the sections. Then we'll move over to After Effects to put the layers into 3D space and complete the animation.

Paso 6 - Rellene los huecos

Ahora viene la parte difícil, si lo que había antes no era complicado lo suficiente para ti. Es posible que haya descubierto ahora que si tuviéramos que llevar esta imagen de Photoshop en su estado actual en After Effects, por separado cada capa en el espacio en su propia capa 3D, y comienzan a moverse alrededor de las capas con una cámara, inmediatamente me ver los espacios vacíos en las capas de atrás donde cortar las capas adelante. Y estarían en lo cierto.

Entonces, ¿qué tenemos que hacer es trabajar un poco de fantasía Photoshop para rellenar las partes faltantes de la imagen con píxeles de manera que no hay espacios en blanco. Por eso, vamos a utilizar la herramienta Tampón de clonar. Con el Tampón de clonar, vamos a recoger píxeles de otras partes de la imagen y la pintura en las áreas que faltan para crear la ilusión de una imagen continua en cada capa. No será perfecto, pero será lo suficientemente bueno para engañar al ojo.

No necesita preocuparse por la capa de los marineros, ya que se encuentra al frente. Pero vamos a tener que llenar los huecos en las capas de agua y la ciudad. Vamos a empezar con el agua. Desactivar la visibilidad de las otras capas, asegúrese de que la capa de agua es seleccionado, desactive cualquier selección de píxeles de la capa (Seleccionar

A continuación, la opción-clic en algún lugar en el agua para establecer el punto de clonar, y comienza a pintar en las áreas vacías de la imagen con píxeles de agua:

Afortunadamente, debido a que esta agua es bastante indiferenciado, no hay que preocuparse demasiado acerca de la repetición o clonación de píxeles obvio. Sólo recuerde Opción + clic regularmente en los píxeles de agua existentes para clonar desde una perspectiva diferente, y cuidado con los bordes de la imagen que puede golpear. Si usted golpea algunas aristas, simplemente clonar con píxeles de otra parte. Su objetivo es rellenar toda la zona de corte con razonables de futuro del agua:

Nota: He clonado en el agua muy por encima del punto de corte de la línea de flotación, verás qué pronto.

Pero por ahora, hemos terminado con el agua.

Paso 7 - Pintura en la Ciudad

Este será un poco más complicado, ya que los edificios de la ciudad son más familiares, formas regulares, pero no hay tanto para pintar, y tenemos una buena reserva de otros edificios en la imagen para clonar a partir de. Debido a que estamos pintando con más detalle, comenzar con un cepillo más pequeño, de unos 25 píxeles más o menos, y elegir un punto de clonar y fuera de la zona de vacío. Esta capa estará bien en el fondo, y vamos a aprovechar la falta de claridad general y alto nivel de detalle de esta zona de la imagen para llenar los huecos con secciones de construcción. Me permito sugerir la pintura con trazos horizontales, puesto que los edificios tienen como líneas horizontales fuertes, pero no hay nada malo con la combinación de piezas de la construcción de varios edificios en nuestro nuevo clonados:

Al igual que antes, seguir la clonación hasta que todo el área de corte está llena de in A diferencia de antes, sin embargo, no es necesario para clonar por debajo de la línea de flotación:

Si te fijas bien, verás algunos de los edificios de aspecto extraño en el área rellenada, pero nada que sea demasiado molesto - este será sin duda el trabajo para nuestros propósitos.

Guarde los cambios, y hemos acabado en Photoshop! Los pasos finales en After Effects no tendrá casi el mismo tiempo. Por lo tanto, vamos a botar a AE y terminar con esto.

Paso 8 - Importar el archivo de Photoshop

Queremos asegurarnos de que no se pierde ninguna de nuestro duro trabajo al traer este complejo archivo de Photoshop a After Effects, así que elige Archivo

Paso 9 - Configurar la composición 3D

Ya casi llegamos. Hemos importado el archivo de Photoshop como una composición, lo que significa que cada capa en el archivo original de Photoshop será ahora una capa separada en la nueva composición, incluyendo la información de transparencia de las capas originales e incluso su orden en la paleta de capas.

Por lo tanto, haga doble clic en la nueva composición, y arrastre las capas (si no están ya en este orden) para que los marineros están en la parte superior, el agua en el medio, y la ciudad en la parte inferior. (Si alguna de las capas no eran visibles debido a su orden, esto debe solucionarlo. El agua, sin embargo, es probable que todavía cubren la ciudad, a causa de los píxeles extra que pintó en la anterior.) Usted puede dejar el fondo original de referencia, si

En este punto, todavía se ve como los marineros se pierden en el mar, porque todavía no puede ver la ciudad, pero lo arreglaremos en breve:

A continuación, añadir una cámara a la competición por la elección de la capa

Ahora estamos listos para establecer las capas en el espacio. Seleccione la capa de marineros, de tipo "P" a solas sus propiedades de posición, y observe que ahora tiene tres propiedades de posición - X, Y y Z. Z es la profundidad, así que vamos a mover la capa marineros hacia adelante arrastrando el valor de posición en Z el rango negativo - en mi caso, de -340. Esto moverá la capa de marineros bien delante de los otros dos.

Posición en solitario al lado de la capa de la Ciudad, y establecer su posición de Z a 200. Esto moverá de nuevo que la capa en el espacio, aunque todavía no podemos ver la mayor parte por el agua:

Con la capa de la Ciudad seleccionado, tipo Shift-S para añadir la escala de sus propiedades solista, y la escala de hasta 120% más o menos, lo que llena el cuadro. Ahora, seleccione la capa de agua, y el tipo "P" a la posición en solitario, Shift-R para añadir rotación de las propiedades 'solo', y Shift-S para añadir escala también. Establecer su rotación X a -45 grados, lo que hará girar el agua lejos de la cámara y darle una perspectiva de retroceso. (El agua es un plano que conecta a primer plano al fondo, de manera rotativa gusta esto le ayudará a poner de relieve la distancia entre los ejes delantero y la espalda cuando nos animan a la cámara.) A continuación, establezca su posición Y (el del medio) a alrededor de 1120 para revelar el de la ciudad, al fin y obtener los marineros del agua, y establecer su escala de alrededor de 120, por lo que llena el cuadro. El agua debe estar colocado de manera que sólo se cruza la ciudad en la línea de flotación. Todos los inmuebles en las tres capas debería ser algo como esto:

Y el borrador debería ser algo como esto:

Paso 10 - Animar la cámara

Nuestro último paso es animar a nuestra cámara a añadir un poco de movimiento a la escena y establecer paralaje para trabajar. También vamos a aprovechar la oportunidad para ajustar la configuración de la capa. Por lo tanto, con la cámara seleccionada, el tipo "P" a solas sus propiedades de posición, y permitir a los fotogramas clave en el fotograma 0 para la posición. Mover la cámara hacia la derecha mediante el aumento de su posición X a 530 o menos, se mueven hacia abajo en el cuadro (que se dispara desde una posición más baja y se mueve a los marineros en el marco) al aumentar su posición Y a 780 o menos, y captura en un poco por la disminución de su posición a la Z -775 más o menos como se muestra, que reunirá a los marineros mucho más cercano:

Mover la línea de tiempo hasta el punto de 10 segundos, y la animación de la cámara arriba, hacia adentro y hacia la izquierda mediante el establecimiento de los ejes X, Y, Z y los valores de posición a cerca de 420, 600 y -700, respectivamente:

Por último, seleccionar tanto a los fotogramas clave de posición y se aplican de Fácil para ellos (animación

Es posible que necesite ajustar la escala o la posición de las capas en este momento para que usted no ve los bordes una vez que animar la cámara. Cuando se tiene el conjunto de capas a tu gusto, hacer que el borrador (que he escalado y se coloca en otra competición de 720p para la compatibilidad con YouTube), y usted debería ver algo como esto:

Y eso es todo! Tenga en cuenta que la paralaje da una fuerte impresión de capas de imágenes a diferentes distancias de los ojos, mientras la cámara se mueve hacia arriba para revelar la ciudad. Probar diferentes movimientos y posiciones de cámara y la rotación de la capa para ver qué pasa. Por encima de todo, experimentar y divertirse!

Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: