Share
Este es un tutorial que ilustra técnicas de perspectiva y cómo puede lograr la sensación de profundidad y movimiento. Haremos esto en unos pocos pasos, como colocar el personaje principal, crear el volumen desvaneciéndose y agregar imágenes de primer plano y de fondo. Empecemos!
Echa un vistazo a la imagen que vamos a crear. Puede ver la vista previa de la imagen final a continuación o ver una versión más grande aquí.
Detalles del tutorial:
Antes de comenzar hay algunas cosas que vale la pena mencionar. Todas las fotos en este tutorial pertenecen a la autora, Pirosca Marcel. No fueron reunidos de sitios de stock alrededor de la red. El personaje principal fue filmado en mi estudio fotográfico..
En primer lugar, abrí la imagen original que resultó de los disparos con el propósito principal de aislar al personaje y las sombras en el suelo. Lo primero que noté fue que su rostro no era lo suficientemente expresivo para lo que tenía en mente..
Antes de comenzar a recortar el personaje, necesitaba sustituir su cabeza por una de otra imagen en la que parecía más optimista. Siempre tomo muchas fotos en cada sesión, así que cuando surgen situaciones como esta, tengo muchas otras imágenes para elegir. Lo más importante es que las fuentes de luz deben estar en el mismo lugar para que se integre de forma perfecta y creíble. La luz debe venir de las mismas direcciones. He encontrado que la imagen de abajo es una buena combinación para lo que necesitaba.
Usando la herramienta Lazo poligonal crea una selección alrededor de su cabeza. El fondo contiene solo un color plano, por lo que la selección debe ser muy fácil de hacer. Seleccioné su cabeza como en la imagen de abajo, luego la copié / pegué en la imagen original, en una nueva capa.
Lo escalé y lo giré para que coincidiera con la cabeza anterior..
Como se puede ver, se necesita cierta integración para que la cabeza se mezcle perfectamente. En primer lugar, recorte la cabeza de fondo para que podamos trabajar en nuestro nuevo. Use la herramienta Lazo poligonal para seleccionarlo y eliminarlo. Ahora deberíamos tener algo similar a lo que vemos a continuación..
Observe que la región más importante para trabajar es su cuello. Para obtener una buena transición de una a otra, necesitamos una máscara de transparencia en la nueva cabeza, luego, con un pincel borrador relativamente suave (50%), comience a eliminar algunos de los bordes ásperos del cuello hasta que obtenga un buen resultado. Esta parte está abierta a muchas pruebas y errores, por lo que usar una máscara nos ayudará a recuperar algunas de las partes que pudimos haber eliminado accidentalmente. Finalmente, debes obtener algo similar a la siguiente imagen..
Como podemos ver, necesitamos trabajar en algunos de los detalles. Necesitamos arreglar la iluminación de la camisa y el cuello para que sea creíble. Para el cuello utilicé una combinación de herramienta Dodge / Sponge como se ilustra a continuación..
Para arreglar la camisa copié / pegué una parte de su camisa y luego la mezclé (usando curvas y máscara de transparencia).
Ahora estamos listos para aislar a nuestro hombre y las sombras en el suelo. Como es una superficie de bordes duros contra un fondo plano, debería ser bastante fácil seleccionarlo utilizando la herramienta Lazo poligonal. Personalmente, prefiero esta herramienta en lugar del enfoque de selección de caminos porque no tengo que ajustar ningún punto de control ni tangente, aunque eso signifique muchos más clics. Copiarlo / pegarlo en una nueva capa..
Lo siguiente que queremos es tener la sombra en una capa diferente. Como se puede ver, el fondo del estudio fotográfico estaba un poco sucio, así que para eliminar las manchas apliqué un poco de Desenfoque de superficie. Descubrí que este tipo de desenfoque es el mejor para esta operación, ya que elimina el ruido a la vez que conserva algunos detalles..
Una vez que hayamos llegado a esta etapa, podemos seleccionar la sombra utilizando la Gama de colores y las siguientes configuraciones.
Por supuesto, habrá algunas regiones no deseadas en la selección. Haga clic en Aceptar y, una vez realizada la selección, acceda al modo Máscara rápida. Proceda a borrar las partes innecesarias, como se muestra en la imagen de abajo.
Ahora, para tener la sombra exacta, necesitamos restar el contorno de nuestro tipo de la selección restante. Mientras se encuentra en el modo Máscara rápida, presione Control y haga clic en la miniatura de la capa de caracteres principal en la paleta de capas. Esto cargará la selección para esa capa. Presione Eliminar para borrar la máscara rápida dentro de la selección.
Salir del modo de máscara rápida y tenemos la selección de la sombra. Sólo tienes que copiar / pegar en una nueva capa.
Ahora tenemos el personaje y su sombra aislados y en capas separadas. Estamos listos para comenzar la imagen final..
Esta fue una ENORME Pieza de trabajo, tamaño relacionado. Para lograr la imagen final necesitamos crear una imagen de 3613 por 5000 píxeles. Para tener una idea de lo que realmente quería, primero tomé el personaje principal y lo moví alrededor del lienzo; Finalmente, decidió colocarlo en la mitad inferior de la imagen siguiendo el flujo de su cuerpo. Estar en una capa separada significaba que podía agregar todo tipo de detalles detrás de él. Lo primero que había que hacer era diferenciarlo más del fondo gris..
Usa un pincel blanco y suave con 20% de opacidad para crear un brillo detrás del chico.
Luego es el momento de determinar cómo fluirían las líneas en la imagen. Para esto utilicé mi tableta con el tamaño controlado por la presión del lápiz y la Opacidad establecida en aproximadamente el 30%. Procedí a dibujar las líneas en las que nuestro hombre estaba navegando sosteniendo Shift (para que el pincel dibuje una línea recta) y presionando con más fuerza la tableta (para que la línea sea más gruesa) en sus pies y luego presionando menos a medida que las líneas se desvanecieron lejos.
Esto le dio a las líneas la sensación de perspectiva y también me ayudó a dar una sensación de profundidad. Debo agregar que este es un proceso propenso a muchas pruebas y errores, por lo que puede tomar un tiempo hasta que esté satisfecho con los resultados..
Ahora se pone interesante. Para poder replicar todos los planos desvanecidos y también mantener la perspectiva adecuada, utilicé el filtro de punto de fuga para globo del ojo El avión en el que nuestro hombre está navegando. Aquí hay una discusión completa, porque no puedes definir ese plano exactamente como es en realidad ya que no tienes ninguna referencia. Después de varios intentos me conformé con el de abajo, pensando que funciona. Para ello vaya a Filtro> Punto de fuga..
El acuerdo con el Punto de fuga es que estos planos pueden extenderse a 90 grados o arbitrariamente. Usando este método, construí planos adicionales para ayudarme a hacer un seguimiento de la perspectiva, mientras trataba de hacer coincidir mis líneas de boceto lo más cerca posible.
Con esta configuración en posición, ahora pude agregar elementos que fluirán a lo largo de estos planos. Pero primero tuve un punto para resolver.
En algún punto de la línea, experimenté con variaciones de color, ya que el gris parecía un poco aburrido. Me encanta el color y decidí usar su poder para darle un pequeño toque..
Para obtener los colores adecuados para esta pieza, utilicé tres capas de ajuste y las coloqué encima de la imagen. Dos de ellas afectan solo la piel (con máscaras) y una tercera para establecer el estado de ánimo general. Para la piel, un Nivel y un Balance de color para agregar una mejora de color sutil.
Y luego un balance de color que afecta a toda la imagen para dar un estado de ánimo verdoso general. Los ajustes se muestran a continuación.
Ahora estamos listos para agregar en los detalles..
Abra Illustrator y al copiar / pegar y luego escalar rectángulos verticales puede obtener algo similar al primer volumen digital en la imagen de abajo. Haz una copia y muévela a continuación..
Al agregar rectángulos horizontales y restarlos, es fácil obtener el segundo. Simplemente cree un rectángulo, muévalo verticalmente (manteniendo presionada la tecla Alt para crear una copia) y presione Comando + D repetidamente para multiplicarlo.
Copia el segundo gráfico del volumen y ve a Photoshop..
Ahora pégalo en el filtro de Punto de fuga. Por alguna razón, Photoshop no permite pegar directamente rutas de Illustrator allí. Así que primero debemos pegarlo en una nueva capa como píxeles. Gírelo y amplíelo verticalmente como en la imagen de abajo para tener la mayor resolución posible..
Luego presione Comando y haga clic en la miniatura de la capa en la paleta de capas. Esto hará que aparezca la selección de esa capa. Presione Comando + C para copiarlo en el caché, luego elimine la capa. Ahora podemos pasar al filtro de Punto de fuga..
Ir a Filtro> Punto de fuga y pegar. Deberías tener algo así como se muestra abajo.
Ahora, si arrastra esa selección al plano del piso, Photoshop calculará automáticamente la perspectiva correcta para usted.
Hazlo de nuevo para extender el volumen más atrás..
Ir a las opciones de fusión y agregar los estilos que se muestran a continuación.
Ahora deberías tener algo como este.
Para tener algunos de los cuadrados transparentes, como en la imagen final, cree una máscara de transparencia para esta capa y luego use un gris al 50% (# 7a7a7a) para pintar los cuadrados que desee transparentes. Esto puede ser un proceso tedioso y depende de usted decidir cuáles deja opacos y cuáles no. Voy a ilustrar.
Ahora, para darle un pequeño toque, duplique esa capa, establezca su opacidad al 68%, y aplique las siguientes curvas (Comando + M) a su máscara de transparencia y obtendrá esto. El gris de la máscara debería haberse vuelto negro, por lo que esta capa solo afecta a los cuadrados opacos..
Debería verse algo como esto.
Hemos llegado a una parte delicada que requiere muchos ajustes para hacerlo bien, pero la idea principal es usar una copia del volumen, colocarlo en su lugar y luego usar la herramienta Warp para simular la curvatura. La parte difícil es que algunas de las líneas pueden curvarse de manera incorrecta y tuve que corregirlas personalmente. Debo decirle bastante tiempo, pero no se me ocurrió ninguna otra idea para crear ese rincón..
Usando la misma técnica que antes, crea una máscara de transparencia y bloquea algunos cuadrados transparentes usando un 50% de gris.
De nuevo, use el filtro de punto de fuga, la deformación y una máscara de transparencia para crear la siguiente sección. Tomará algo de trabajo, pero ya he ilustrado las técnicas necesarias..
Procedemos a añadir el resto de las secciones hasta que desaparezcan..
De vuelta a Illustrator. Uso de la herramienta Pluma para crear una ruta a lo largo de las líneas de boceto. Luego redondea las esquinas. La forma más fácil de redondear vértices es usar un script llamado Round Any Corner que se encuentra en este archivo. Leer más aquí.
Rellene la ruta final con blanco, elimine el trazo y cópielo / péguelo en Photoshop debajo de la capa "volumen".
Para mejorar el aspecto, decidí agregar otro volumen, esta vez en blanco, debajo del que creamos. Utilice el filtro de Punto de fuga una vez más, copie el primer volumen creado en Illustrator y extiéndalo en perspectiva, como se muestra a continuación.
Como podemos ver, el rastro se superpone al volumen blanco, por lo que necesitamos una máscara para ocultar parte de él. Deja solo la sección superior izquierda visible.
Solo necesitamos agregar la sombra debajo de nuestro chico y hemos terminado con esta sección. Lo aislamos antes en otro documento, así que simplemente copie / pegue en una nueva capa y alinéela. Configúralo en Color Burn con 50% de opacidad. Ahora parece que realmente está ahí.
Hay varias formas de crear las imágenes voladoras, pero descubrí que la más rápida y sencilla era el enfoque 3D. Básicamente, tomé los planos generados por Vanishing Point y traté de recrearlos en 3D. Teniendo en cuenta que estaban volando en un plano vertical en los costados de los surfistas, eso significaba que tenía que crear solo un plano. Podría extender todo lo demás desde allí. Espera, verás lo que quiero decir.
La aplicación elegida fue Modo, pero esto también se puede hacer fácilmente en otros. Nuevamente, hice esto en 3D porque era mucho más rápido, podía mover los planos a la perspectiva mucho más fácilmente, lo que significa más experimentación y mejores resultados. Podría decirse que también podría haber hecho esto con Vanishing Point, pero hubiera sido un proceso largo.
Además, en mi computadora, Photoshop seguía fallando si trabajaba más de 30 segundos con Vanishing Point, lo cual sucedía unas 100 veces al trabajar en el volumen de la música. Después de eso, supe que 3D era la única opción. Además aprenderás una nueva técnica..
En primer lugar, debemos preparar una placa posterior para el entorno 3D con el plano que necesitamos para coincidir. Utilicé la siguiente imagen. Guárdalo como un JPG separado.
En Modo crear una nueva escena..
Ir al elemento> Crear fondo. Esto crea un plano al que podemos agregar la imagen de arriba como referencia..
A la derecha verá el siguiente menú. En la lista de elementos, elija el elemento de fondo que acaba de crear, luego en Propiedades, vaya a Imagen> Cargar imagen.
Elija la "placa posterior" que guardamos anteriormente.
Como puede ver, el fondo gira a medida que giramos la vista. No queremos eso, queremos que permanezca inmóvil y solo mueva la geometría. Para hacerlo vaya a Tipo de proyección> Cámara. Esto hará que el "telón de fondo" sea invisible para la vista en perspectiva actual, pero actuará como un fondo para la cámara..
Presiona Comando + Espacio. Esto abrirá un menú emergente en el que puede elegir lo que mostrará su ventana gráfica. Seleccionar cámara por supuesto.
Ahora, si giramos la ventana gráfica, la imagen de fondo permanecerá inmóvil. Para asegurarse de que el renderizado tendrá las mismas dimensiones que nuestra pieza, en el lado derecho vaya a Shader Tree> Render y establezca el ancho / alto de la escena en 3613/5000.
Estamos listos ahora para emparejar alguna geometría..
Asegúrese de que Trackball Rotation esté activo en el menú OpenGL avanzado de su cámara. Esto asegurará que la cámara pueda girar en todos los ejes no solo en XZ.
Ahora la parte difícil. Al girar la cámara, intente hacer coincidir nuestro plano 3D con el de la referencia. También escala el plano y hazlo más largo..
Una cosa es obvia, la perspectiva de la cámara no es lo suficientemente dramática como para que coincida con los dos planos. Cuando digo dramático, quiero decir que las líneas paralelas no convergen lo suficientemente rápido. Así que tenemos que aumentarla..
La perspectiva de una cámara depende de qué tan ancho sea el cono de luz que entra. Cuanto más ancho es el cono, mayor es la perspectiva. Cuanto más estrecho es el cono, más bajo. Es por eso que los lentes de cámara amplios tienden a distorsionar las imágenes y enfatizar la perspectiva. Ese ángulo del cono está directamente controlado por la distancia focal. Afortunadamente, el modelo de cámara de Modo es muy similar al del mundo real, por lo que podemos editar ese parámetro.
He encontrado por prueba y error que la distancia focal de 10 mm está cerca de lo que necesitamos.
Por supuesto, los objetos ahora son más pequeños, porque el gran angular cubre más espacio. No te preocupes allí. Solo tenemos que acercarnos a la cámara y girarla. De repente, el avión se ajusta mucho mejor..
No es la combinación perfecta, pero con un poco de ajustar la cámara estamos ahí.
Esto puede ser un proceso tedioso porque la primera vez que creas el avión, debes rotar la cámara y cambiar la distancia focal al mismo tiempo para obtener una buena coincidencia. Lo que puede ser complicado y lento. Pero una vez que tienes la distancia focal determinada, todo lo demás es un pedazo de pastel. A continuación se muestran los ajustes de la cámara para obtener la coincidencia exacta.
Una vez que tengamos ese plano en su lugar, podemos duplicarlo, escalarlo y moverlo para crear diferentes copias. Puedes moverlos paralelos entre sí para dar la sensación de profundidad..
Observe el gran angular de la cámara y la geometría final..
Presione F9 para renderizar la vista de la cámara. No debería tomar mucho tiempo porque es una escena simple. Esto es lo que obtienes. Cambia a la salida alfa y guarda un JPEG.
Volver a Photoshop. A ver que tenemos hasta ahora..
Abra la imagen alfa que guardamos de Modo en Photoshop. Cópialo, luego cambia a nuestro surfista, en la pestaña Canales crea uno nuevo y pega el alfa dentro.
Ahora, si pulsa Comando y pulsa la miniatura del canal, obtiene una selección.
Cree una nueva capa y rellénela con naranja (# ff8f00).
Corte y pegue las imágenes que se supone que están detrás de él en una nueva capa y muévalas debajo de la capa "surfista digital" en la Paleta de capas. De esta manera parecerán estar detrás de él en el espacio..
Hay muchos de ellos volando en este momento, hacinados en la escena, así que borran algunos para mantener el equilibrio. La mayoría son de la esquina inferior izquierda.
Ahora redondearemos las esquinas de las imágenes, para que se vean un poco menos puntiagudas. Para hacerlo, cargue la selección de capa haciendo clic en Comando en su miniatura en la Paleta de capas. Primero redondearemos los rectángulos pequeños, ya que necesitan un radio más pequeño, y luego haremos progresivamente los otros. Resta partes de la selección para obtener la siguiente..
Vaya a Seleccionar> Modificar> Suavizar y establezca el radio en 10 píxeles. Luego presione Comando + Mayús + I para invertir la selección y eliminar. Hay que ir Ahora tienes esquinas redondeadas..
Necesitamos aplicar la misma técnica a las imágenes más grandes. Esta vez con un radio de 20 píxeles ya que están más cerca de la cámara. Haga esto para la próxima selección..
Obtendrás este resultado.
Y ahora el paso final de este proceso es redondear las esquinas de las imágenes de primer plano. Repita los pasos anteriores utilizando el radio en la imagen..
Proceda a aplicar el siguiente estilo a las capas de imagen. Necesitamos darle un poco de profundidad..
La diferencia es muy sutil alrededor de los bordes pero sigue ahí..
Ahora asignaremos diferentes opacidades a varias imágenes dependiendo de lo lejos que estén de la cámara. Necesito que copie y pegue lo siguiente en una nueva capa y asígnele 25% de opacidad.
Copie y pegue en una nueva capa la siguiente selección y asígnele una opacidad del 65%.
Copie y pegue la siguiente selección en una nueva capa y asígnele una opacidad del 44%.
Copie y pegue la siguiente selección en una nueva capa y asígnele una opacidad del 75%.
Después de todos estos pasos, deberías estar viendo algo como esto..
Lo siguiente a agregar son algunos puntos destacados sobre los rectángulos voladores. Seleccione todos ellos, luego con un 20% de opacidad, un cepillo suave, pinte algunos reflejos en ellos. Echa un vistazo a la segunda imagen de abajo para tener una idea.
Lo único que queda por hacer ahora es agregar algunas texturas encima de ellas. Demostraré la técnica utilizada para una de las imágenes y luego, repitiéndola mucho, todos los demás rectángulos también se pueden rellenar. Usaremos una de mis fotos para hacer esto. Puede encontrar el resto de las imágenes utilizadas aquí: xn3ctz.deviantart.com/gallery/. Este es mi portafolio de fotografía de stock. Siéntete libre de usarlos.
De todos modos, copia y pega esta imagen en una nueva capa en Photoshop.
Uso de la herramienta Transformar Comando y arrastre las esquinas para ajustar uno de los rectángulos que queremos texturizar.
Luego configure la capa en el modo de fusión de superposición y use una máscara para redondear las esquinas. La opacidad puede depender de la distancia a la cámara, lo que significa que las imágenes en el fondo pueden ser un poco transparentes para dar una sensación de profundidad..
Después de hacer esto con todas las otras imágenes, deberías terminar con algo bastante bueno. De todos modos, lleva mucho tiempo, así que saltaré directamente al resultado final.
Comencé creando estas formas bastante simples en Illustrator. Actuarán como texturas para las piezas de interfaz..
Copie la forma inferior izquierda en Photoshop y colóquela en posición.
Establézcalo en Multiplicar con 35% de opacidad y aplique los siguientes estilos de capa.
Use la misma configuración y las rutas de Illustrator que creamos por primera vez para agregar las siguientes formas.
Agrega un poco de textura usando las otras formas. Deben estar configurados en blanco en el modo de fusión de luz suave a 100% de opacidad. Colóquelos utilizando la Herramienta de transformación (Comando + T) y ajústelos a las piezas de la interfaz.
Y ahora FINALMENTE el último paso. Cree una nueva capa, cargue la selección de la interfaz y, con un 20% de opacidad, un pincel suave y blanco pinte algunas luces del mismo modo que hicimos con los rectángulos.
ESO ES! Solo alejar el zoom para activar la visibilidad de todas las capas y disfrutar!
Con este tutorial hemos explorado varias formas de crear la sensación de profundidad y espacio mientras mantenemos la perspectiva. Todo desde una simple foto, agregando capas y capas de detalles, todos trabajando juntos en una pieza perfecta.
Espero que te haya gustado y que hayas aprendido algunas nuevas técnicas de este tutorial. Nos vemos en linea Aclamaciones!
Accentsconagua