X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Acceso Premium gratis

Acceso a toda nuestra biblioteca de artículos Hub Premium, los archivos del proyecto y el primer 10% de cada uno-Video Tutorial de la Biblioteca Tutorial en línea .

Crea tu cuenta gratis!

Crear entornos 3D en Photoshop y After Effects
Traducido por Google Translate

Check out our Photoshop: Drawing Objects In Photoshop CS4 course!

El artículo de David Smith MPVHub " Perspectiva 3D: Punto de fuga en Photoshop CS5 "es una buena introducción al filtro Punto de fuga en Photoshop. Pero ¿sabía usted que en Photoshop CS3 Extended o posterior puede exportar Vanishing Point imágenes que se crean con el filtro en After Effects como escenas 3D completas que se puede volar a través de? En este tutorial de funciones, le mostraremos cómo hacerlo. Vamos a empezar.


Paso 1 - Buscar una imagen adecuada

En primer lugar, por supuesto, necesitamos una imagen para trabajar con ellos. En la elección de una imagen que va a funcionar bien con el filtro Punto de fuga, que ayuda a entender un poco cómo funciona el punto de fuga en sí. En esencia, cuando se aplica el punto de fuga a una imagen, a continuación, es necesario definir los principales planos de perspectiva en la imagen - el suelo, las paredes, el techo, y todo lo demás objetos planos grandes podría estar en la imagen. Esto no quiere decir que, literalmente, tiene que utilizar una imagen que tiene un piso y un techo y así sucesivamente, pero ayuda si usted tiene bien definidos los planos de perspectiva en la imagen, junto con un fuerte sentido de la perspectiva de género en la escena misma. En mi caso, voy a utilizar esta vacuna de las vacaciones recientes de mi esposa de un callejón antiguo de Edimburgo, Escocia:

Source image


Como puedes ver, tenemos una estrategia bien definida, si se estrecha, el suelo de un callejón con paredes paralelas a ambos lados, y un nuevo "muro" que empieza donde los pasos se caen. No podemos ver la cabeza, por lo que no tendrá que preocuparse por el "techo" en este caso.

Una vez que hemos definido los planos de perspectiva en la imagen, la exportación de todo el asunto a After Effects creará una composición que contiene un objeto 3D que consta de los planos que ha definido, junto con los archivos de imagen de las áreas que se asignarán a los aviones y una cámara 3D correctamente (más o menos) orientadas en la escena. Entonces, podemos animar la cámara a "caminar" por el callejón, mientras que After Effects automáticamente distorsiona los mapas de imagen con la paralaje para crear la ilusión de un espacio 3D - todo desde una imagen plana en 2D.

(No vamos a entrar en detalles aquí, pero usted puede aprender más acerca de paralaje en mi artículo MPVHub " Parallax Tutorial: 2D a 3D con Photoshop

Así, para recapitular, una imagen de buena fuente para Vanishing Point de trabajo entre Photoshop y After Effects tienen un fuerte sentido de la perspectiva y las paredes bien definidas, suelos y techos, o su equivalente.


Paso 2 - Aplicar el filtro Punto de fuga

A continuación, después de haber abierto su imagen en Photoshop (tenga en cuenta que usted tiene que tener la versión Extended de Photoshop para utilizar Punto de fuga), aplicar el filtro Punto de fuga (Filtro

Vanishing Point window


Paso 3 - Crear el primer plano de perspectiva

Es importante que su plano de perspectiva primero colocarse con precisión, ya que todos los otros planos de la imagen se deriva de que - si los ángulos o esquinas del primer avión están apagados, el resto de los aviones será también, y usted ganó ' t obtener la perspectiva correcta cuando nos animan nuestra cámara posterior.

Por lo tanto, asegúrese de que la herramienta Crear plano es activo, que será por defecto (es el segundo de la parte superior de la barra de herramientas).

Create Plane Tool


Haga clic con él en la imagen en el rincón más alejado de la parte de la imagen que definirá a uno de sus aviones - el plano del piso o el fondo de la imagen suele ser un buen lugar para empezar, si está bien definido. Una vez que el primer punto se encuentra, mueva el cursor hasta la siguiente esquina adyacente (no hacer clic y arrastrar, mover solo), y verá una línea azul sigue el cursor. Línea de esa línea azul con el borde del plano de perspectiva en su imagen, y haga clic de nuevo para colocar el segundo punto:

Placing points


NOTA: Está bien colocar el segundo punto más allá del borde de la imagen, de hecho, puede ser útil hacerlo para asegurarse de que sus líneas de plano alinear correctamente con el plano de perspectiva en la imagen.

Siguiendo el mismo procedimiento, coloque el tercer punto en la próxima esquina adyacente plano de perspectiva, y terminar con el cuarto punto en la última curva - a diferencia de una selección, no es necesario hacer clic sobre el primer punto para cerrar el plano de . Si usted ha puesto sus puntos correctamente, verá una cuadrícula azul que define su primer avión:

The third point


Si usted ve un contorno de color rojo en lugar del azul ceñirá, quiere decir que Photoshop no es capaz de igualar el plano al plano de la perspectiva de la imagen. Por lo general, sin embargo, usted puede fijar fácilmente que, al arrastrar un poco en uno de los puntos blancos en la esquina de la línea roja


Paso 4 - Crear el plano de perspectiva Segunda

El siguiente paso es definir el plano de la segunda perspectiva, lo que hará que una de las paredes. Por lo tanto, mantenga pulsada la tecla Comando, haga clic en uno de los puntos medios en el plano que acaba de crear, y arrastre hacia arriba a lo largo del plano de la pared - como usted lo hace, verá otro avión completo (sin necesidad de colocar las esquinas en este punto) que sigue la línea de la pared, como figuras de Photoshop la alineación correcta perspectiva basada en su plano primera cuadrícula:

Getting the correct perspective alignment


Mantenga arrastrando el nuevo avión hacia arriba hasta que llegue al borde de la imagen - verás que la esquina superior del avión va muy lejos de la imagen, que está bien. También verá que el nuevo avión no va todo el camino hasta la parte frontal de la pared, lo que vamos a arreglar la próxima.


Paso 5 - Ajustar el plano de perspectiva Segunda

A continuación, tenemos que arrastra el borde delantero del segundo plano de modo que se alinea con el borde frontal de la pared visible. Para ello, sólo tienes que tomar el blanco punto de edición en el borde delantero (el cursor se ha cambiado automáticamente a la herramienta Editar plano) y arrastrarlo para que el avión va justo al lado del borde de la imagen:

Working with the white edit point


También tenemos que hacer esto con la parte superior del segundo avión, así que coge uno de los puntos blancos hacia atrás y se arrastra hacia arriba para que el avión cubre por completo la pared:

Covering the wall with the plane


Paso 6 - Creación de los restantes planos de perspectiva

Tras los mismos pasos, Comando y arrastrar en la primera red (haga clic en ella para mostrar primero los blancos los puntos de edición) para crear el plano de la pared opuesta, y luego ajustar lo que cubre la pared (puede que necesites alejar el zoom para arrastrarlo hasta suficiente para cubrir la pared, que se puede hacer con comandos de menos; comandos de zoom más nuevo, como era de esperar):

Covering the opposite wall


Por último, Comando y haga clic en el punto de edición en el extremo del primer avión que arrastrar por la parte trasera "muro" avión. Es posible que deba ajustar su anchura un poco para que cumpla con los bordes de los planos laterales de la pared - para hacer eso, sólo tienes que arrastrar en uno de los blancos los puntos de edición a lo largo del borde vertical

Four planes should now cover all parts of the image


Paso 7 - exportar los archivos de After Effects

Nuestro último paso aquí en Photoshop es exportar nuestra imagen como un punto de fuga de After Effects. VPE (Vanishing Point Bolsa) de archivos. Para ello, haga clic en la configuración de pequeñas y comandos de menú en la parte superior izquierda de la ventana y seleccione Exportar para After Effects (VPE). ...:

Save as a .vpe


Usted querrá guardar esta en una subcarpeta de sí mismo, como que va a crear un After Effects. Vpe, un archivo de .3 ds objeto 3D, y un archivo. Png de la imagen para cada uno de los aviones que ha creado aquí . Una vez que hayas creado tu sub-carpeta y dada la exportación de un nombre apropiado, haga clic en Aceptar en la ventana de Punto de fuga y poner en marcha After Effects.


Paso 8 - Importación de los archivos de VPE.

En After Effects, seleccione Archivo

Una vez que lo haces, verás una carpeta con los archivos PNG. Para cada plano de la red se crea, y un archivo de Composición. VPE. Haga doble clic en él para abrirlo y ver cómo todo resultó:

PNGs for each grid created


Paso 9 - Ajuste el VPE Comp.

¿Qué ...? Como puedes ver, toda la imagen se gira, lo que obviamente no es lo que queremos. Esta es una de las peculiaridades del filtro Vanishing Point - a menudo se tiene una escena gira al importarlo a After Effects. Pero eso es bastante fácil de arreglar.

Busque en la ventana de su capa, y verás una capa de Padres de la cual todas las capas. PNG y sus asociados objetos 3D son niños. (Observe también la cámara que se crea automáticamente durante la importación.) Para solucionar el problema de rotación, seleccione la capa de Padres y tipo R en solitario de su propiedad de rotación. Se dará cuenta de que la rotación Z está ajustado a un valor impar:

The image rotated


Se podría pensar que usted podría ponerlo de nuevo a cero y todo estaría bien, pero desafortunadamente eso no es a menudo el caso. Para mí, que tuve que arrastrar el valor de rotación Z a -17 para conseguir que se ven bien - su kilometraje puede variar, sin duda:

manually adjust the Z value


Paso 10 - Animación de un Tutorial

Ahora, por fin, después de todo eso, tenemos que hacer algo fresco - un pequeño paseo por el callejón. Los importados VPE borrador por defecto de 30 segundos, lo que es posible que desee para acortar - He hecho mis 10 segundos de duración. A continuación, abra las propiedades de transformación de la cámara en la competición, y establecer un fotograma clave de posición a las 0:00 en la línea de tiempo. A continuación, desplazarse hasta el punto de 10 segundos, y arrastre el valor de la posición Z de la cámara en la dirección positiva para mover la cámara por el callejón.

¿Hasta dónde vas es a usted, por supuesto - se dará cuenta que con el tiempo usted comenzará a ver algunas imágenes borrosas y distorsión de las imágenes de la pared lateral, ya que hay una menor resolución y menos disponible en la imagen de la aún más en ir, pero aún así es bastante milagroso cómo convencer el efecto puede ser. Para finalizar, aplicar el Asistente de fotogramas clave de Fácil a sus fotogramas clave de posición de la cámara Z, y previsualizar el resultado:

[Video ID = "9018"]


Y así es como se crean entornos navegables 3D a partir de imágenes planas usando Photoshop y After Effects. Como siempre, experimentar y divertirse.


Check out our Photoshop: Drawing Objects In Photoshop CS4 course!

Richard Lainhart

Richard Lainhart | Articles by this author

Richard Lainhart is an award-winning composer, filmmaker, and author. His compositions have been performed in the US, Europe Asia, and Australia, and recordings of his music have appeared on the Periodic Music, Vacant Lot, XI Records, Airglow Music, Tobira Records, Infrequency, VICMOD, and ExOvo labels. His animations and short films have been shown in festivals in the US, Europe, and Asia, and online at ResFest, The New Venue, The Bitscreen, and Streaming Cinema 2.0. He has authored over a dozen technical manuals for music and video hardware and software, served as Contributing Editor for Interactivity and 3D Design Magazines, and contributed to books on digital media production published by IDG, Peachpit Press, McGraw Hill, and Miller Freeman Books. Previously an Adobe Certified Expert in After Effects and Premiere, a demo artist for Adobe Systems, and co-founder of the official New York City After Effects User Group, he was, from 2000-2009, Technical Director for Total Training Productions, an innovative digital media training company based in New York and California.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link