Cómo crear una hoja en 3D a partir de una fotografía con textura

En este tutorial de nivel principiante, aprenderás a crear una vibrante colección de hojas en 3D a partir de una única fotografía en 2D. Podrás manipular el objeto como prefieras. ¡Vamos a divertirnos con este despliegue de verdor!

Vista previa de la imagen final

Echa un vistazo a la imagen que vamos a crear. Puedes ver la versión grande aquí.

Video Tutorial

Nuestro editor de video Gavin Steele ha creado este video tutorial para complementar este tutorial de texto + imagen.

Paso 1

Para empezar, tendrás que encontrar una textura de fotografía de una hoja. He elegido esta de lostandtaken.com por un fotógrafo llamado Caleb Kimbrough.

Paso 2

Carga la nueva textura encontrada en un nuevo proyecto. Con la herramienta Marco Rectangular (M) seleccionado, haga clic con el botón derecho en la capa de la mesa de trabajo y seleccione Transformación Libre. Una vez hecho esto, haz clic con el botón derecho del ratón en la textura y selecciona Deformar. He etiquetado cada esquina respectivamente ya que las moveremos bastante.

Paso 3

Ahora que tienes la capa en modo Derformar, haz clic y arrastra la esquina (a) hacia abajo 1/3 de la cuadrícula.

Paso 4

Ahora haz clic y arrastra la esquina (punto c) hacia arriba 1/3 de tu cuadrícula. Nuestra hoja ya empieza a tomar la forma natural.

Paso 5

Cada esquina tiene 2 brazos que puedes mover para manipular aún más tu capa. Tira del brazo izquierdo de la esquina (punto a) hacia abajo como se muestra a continuación.

Paso 6

Deberías darle un borde más afilado a tu hoja. Algo así. Presione Enter para finalizar la deformación.

Paso 7

Deberías tener una punta afilada en la hoja después de los últimos pasos. Sin embargo, el punto puede estar un poco doblado debido al curvado de la Herramienta Deformación. Arregla esto usando la Herramienta Laso Poligonal (L), seleccionando el exceso de curvatura y presionando la tecla Suprimir.

Paso 8

Ahora vamos a centrarnos en el otro extremo de la hoja. Utiliza de nuevo la Herramienta Deformar (ver Paso 2) y arrastra el punto d como se muestra en la imagen de abajo. Deberás conseguir que ambos brazos del punto d sean paralelos.

Paso 9

Ahora haz lo mismo con la esquina superior derecha (punto b). Además, si quieres puedes ajustar la hoja en la posición que quieras manteniendo el ratón pulsado y arrastrando la rejilla interior, así como los otros puntos.

Paso 10

Para añadir un poco de perspectiva adicional Haz clic con el botón derecho del ratón en tu hoja y selecciona Transformación libre. Ahora mantén Alt + Shift y arrastra la esquina superior derecha, luego muévela un poco hacia la izquierda. Esto le dará a la hoja un poco de perspectiva de distancia.

Paso 11

Si quieres que la hoja caiga en su punto, utiliza la Herramienta Marco Rectangular (M) y selecciona sólo la mitad izquierda de la hoja. A continuación, ve a Transformación libre > Deformación. Esto te permitirá mover esa mitad de la hoja sin deformar la mitad derecha. Asegúrate de no mover los puntos que están en contacto con la hoja que no está seleccionada, ya que esto provocará un corte entre las dos piezas.

Paso 12

A continuación, duplica la capa con tu hoja en ella, arrastra esa capa por debajo de tu capa original de la hoja. Deforma un poco para mostrar alguna diferencia. Repite este proceso tantas veces como quieras. Juega con ello y diviértete.

Paso 13

En cada capa puedes añadir una simple sombra paralela haciendo doble clic en la capa y marcando la casilla Sombra paralela. Para dar a las hojas aún más profundidad, asegúrate de ajustar la Distancia, el Tamaño y la Opacidad según corresponda. La hoja más grande tiene una Opacidad de 63%, una Distancia de 299px, y un Tamaño de 84px (esto es en una mesa de trabajo con un tamaño de 2590px por 1943px a 72px por pulgada). Si tienes una hoja que está directamente encima de otra, querrás que la distancia sea significativamente menor, así como el tamaño. Debe ser más nítida y definida.

Paso 14

A continuación, añadí un rápido y fácil Bisel y Relieve. A menudo es mal visto usar esto, pero hace el trabajo con rapidez. Puedes pintar la luz del sol golpeando la hoja si lo deseas, pero esto es sólo un tutorial intermedio.

Haz doble clic en la capa deseada y marca la casilla Bisel y relieve. Cambia la Profundidad a 100%, el Tamaño a 65px y el Suavizado a 0px. También es posible que quieras bajar la Opacidad del Modo de Resaltar así como el Modo de Sombra.

Paso 15

Es posible que quieras añadir algo de profundidad de campo. Para hacerlo te recomiendo que utilices un simple Desenfoque Gaussiano. Selecciona la hoja que está debajo del resto. Haz clic con el botón derecho del ratón sobre la capa en la ventana de capas y selecciona Convertir en objeto inteligente. Ahora selecciona Filtro > Desenfoque > Desenfoque gaussiano y ajústalo a 2,6 píxeles.

Un objeto inteligente te permitirá cambiar la configuración de los filtros aplicados de forma no destructiva. Si eres realmente considerado, podrías hacer esto con la Sombra Paralela y el Bisel y Relieve en las hojas... repite este proceso con las otras hojas, pero baja el desenfoque a medida que las hojas se acercan a la hoja más grande. Queremos que sea el foco de atención.

También puedes utilizar el pincel para ocultar el filtro inteligente en el objeto inteligente. Si seleccionas el filtro inteligente en la capa del objeto inteligente, elige el color negro y pinta en la mesa de trabajo con la herramienta Pincel. Verás que quita el Desenfoque Gaussiano (o cualquier otro filtro que hayas aplicado al Objeto Inteligente) en el área que pintes de negro. Hice esto con la hoja más grande y dejé sólo los bordes ligeramente desenfocados.

Imagen final

Ahí lo tienes. Una muestra rápida y sencilla de vegetación. Se puede jugar con esto y hacer un montón de diferentes tipos de hojas y posicionamiento. Espero que hayas disfrutado de este tutorial. La mitad de la diversión es jugar con la herramienta Deformar. La imagen final está abajo. Puedes verla más grande aquí.

Otros usos

Esta técnica se puede utilizar en muchos proyectos diferentes. Yo la he utilizado específicamente en el concurso de fondos de pantalla de Audio Jungle varias veces y aumentó el tráfico de mi sitio de Flickr de manera significativa.