Cómo renderizar una espectacular copa de madera 3D en Photoshop

En este tutorial básico, aprenderás a crear una taza 3D desde cero en Illustrator, a aplicarle algo de textura en Photoshop y también a usar el filtro Punto de fuga para crear una maqueta de un escenario y aplicar sombras realistas.

Vista previa de la imagen final

Antes de empezar, echemos un vistazo a la imagen que vamos a crear. Haz clic en la captura de pantalla a continuación para ver la imagen a tamaño completo. Como siempre, el archivo de Photoshop en capas está disponible a través de nuestra membresía Psdtuts+ Plus. Puedes ver la vista previa de la imagen final a continuación o ver una versión más grande aquí.

Paso 1

Este es un tutorial para principiantes, para esto vamos a usar dos de los filtros más populares Displace y Vanishing Point. También usaremos Illustrator para renderizar la copa 3D.

Empecemos. En primer lugar abrir Illustrator, estoy usando Illustrator CS3 para renderizar la copa. Crea un nuevo documento Web de 1024 píxeles por 768 píxeles. A continuación, dibuja una forma con la herramienta de la pluma, como en la imagen de abajo. Asegúrate de que el color de primer plano sea gris claro (#E6E6E6) y establece el color del trazo como ninguno.

Paso 2

Gira nuestra forma para que gire desde el lado izquierdo o derecho, puedes ver un tutorial detallado sobre el uso de esta técnica en VECTORTUTS: Trabajar con objetos 3D y transparencias para hacer un diseño de botella de Vector Cola, pero como este es un tutorial de Photoshop, lo mantendré simple.

Ve a Efecto > 3D > Revolver, en el cuadro de diálogo emergente haz clic en más opciones y establece los siguientes valores: ángulo a 360º, desplazamiento 0px desde el borde derecho, superficie de sombreado de plástico y pasos de fusión establecidos en 100. Utiliza la siguiente imagen como guía. Después de hacer clic en aceptar, verás cómo nuestra fea forma 2D se convierte en una bonita taza 3D.

El orificio de la copa debe tener el mismo diámetro que la base de la copa. Cuando hayas terminado la copa, copia (Comando + C) la forma vectorial.

Paso 3

A continuación, abre Photoshop, crea un nuevo documento de 1024 píxeles por 768 píxeles establecido en RGB 72 ppp y pega el portapapeles en una nueva capa (asegúrate de pegar la copa como un objeto inteligente). Haz el objeto un poco más grande y presiona Enter.

Paso 4

Duplica el objeto vectorial arrastrando la miniatura de la capa sobre el mini botón de nueva capa y ve a Capa > Procesar > objeto inteligente para representar la copia.

Paso 5

Ahora vamos a crear un mapa de desplazamiento usando los niveles profundos de la copa. Selecciona la capa "Copia de copa" y haz clic con el botón derecho (Alt+clic) sobre ella, luego selecciona duplicar capa. En el cuadro de diálogo emergente, en la opción de documento, selecciona nuevo en el menú desplegable y escribe un nombre como "mapa". Guarda el nuevo documento en algún lugar.

Paso 6

Crea un nuevo documento de 1024 píxeles por 768 píxeles y pega esta imagen en una nueva capa. Puedes crear una textura desde cero si lo deseas. Estoy usando stock esta vez.

Paso 7

Ve a Filtro > Licuar para hacer algunas curvas en los vanos de la textura de la madera, como se muestra a continuación.

Paso 8

Para aplicar el Mapa de desplazamiento, ve a Filtros > Distorsionar > Desplazar, establece la escala horizontal y vertical en 10 y, a continuación, selecciona estirar para ajustar y repetir píxeles de borde. Selecciona todo (Comando + A) y Copia (Comando + C) la selección.

Paso 9

Pega (Comando + V) el documento en una nueva capa por encima de todas las demás capas de nuestro documento principal, luego asígnale el nombre "Wood1". Además, cambia el modo fusión de la capa a Multiplicar. En este punto hay que ver la copa.

Paso 10

Ahora comando + clic en la miniatura de la capa "Copia de la copa", luego Comando + Mayús + I para invertir la selección. Selecciona la capa "Wood1", ve a Capa > Máscara de capa > Revelar todo, y llena la selección de negro usando la herramienta Relleno (G). Por último, añade una nueva capa de relleno como fondo negro.

Paso 11

Crea una nueva capa debajo de la capa "Cup", asígnale el nombre "Floor" y selecciónala. Ve a Filtros > Punto de fuga y dibuja un plano usando la base de la copa como guía, luego expande el plano tanto como desees. Vamos a pegar la textura "Piso" en este plano, tomar esta imagen, o cualquier otra, y pegarla en el plano del punto de fuga.

Paso 12

Hay una bonita superficie de madera para trabajar. Oculta el lado más lejano de la superficie, muestra la regla (Comando + R) y arrastra una guía horizontal. Selecciona la capa "Piso" y agrega una máscara de capa > Revelar todo. Con un pincel negro suave grande, pinta algunas áreas de la máscara de capa ocultando algunas áreas de la superficie. Puedes usar la guía para obtener una línea recta. Además, puedes ocultar un poco de la parte frontal de la superficie.

Paso 13

Ahora vamos a agregar una imagen de fondo, una cortina. Primero, voltea la imagen horizontalmente y pégala en una nueva capa llamada "Cortina". Usando la misma idea que el paso anterior, agrega una Máscara de capa > Revelar todo a la capa "Cortina". Usando el mismo pincel grande dibuja algunas áreas negras en la máscara de capa. Una vez que hayas terminado de ocultar las áreas principales, cambia la opacidad y el flujo del pincel al 50% y oculta más áreas.

Paso 14

¡Ahora para algunos Dodge y Burn! Nuestros dos mejores amigos. Selecciona la capa "Copia de copa", luego, usando la herramienta Grabar (O) establecida en 100px, Dureza 0% y Exposición 20%, graba algunas áreas contra la dirección de la luz. Haz esto dentro de la taza también. Hazlo con mucho cuidado, y si necesitas esquivar algunas áreas de la copa también.

Paso 15

Una punta rápida para quemar solo el interior de la copa. Selecciona la capa "Copia de copa". Realiza una selección elíptica que cubre todo el taladro, selecciona la herramienta grabar y comienza a pintar. Solo se quema dentro de la selección, como puedes ver a continuación. Si deseas esquivar fuera de la selección, Comando + shift + I para invertir la selección, selecciona la herramienta de sobreexponer y comienza a pintar.

Paso 16

¿Duplicar la capa? "Copia de copa", luego colócala encima de la capa "Piso" y debajo de la capa "Copia de copa". Pulsa Comando + O para ajustar el Tono/Saturación y establecer el valor de Luminosidad en 100. Selecciona todo y corta (Comando + X) la copia negra.

Paso 17

Ve a Filtros > Punto de fuga y pega la imagen sobre el plano. Distorsiona la sombra para que se vea como la imagen de abajo. A continuación, usando una máscara de capa o la herramienta del borrador, elimina algunas áreas de la sombra junto a la cortina.

Paso 18

Selecciona la capa "Cup copy 2" (Sombra) y ve a Filtros > Desenfoque > Desenfoque gaussiano, luego establece el valor de Radio en 6px. Establece el modo de fusión de la sombra en Multiplicar y la Opacidad en 85%.

Paso 19

Como puedes ver, hay una pequeña parte sobre la base de la copa sin ninguna sombra. Para solucionar esto, duplica la capa de "sombra" y pégala encima de la capa de "taza", luego elimina todo menos la pequeña sombra de la pierna de la copa.

Paso 20

Pega la copa oscura de nuevo, pero esta vez en una nueva capa debajo de la sombra del suelo. Presiona Comando + F para volver a aplicar el desenfoque gaussiano, luego usando un borrador suave o una máscara de capa, elimina toda la sombra adicional; Solo necesitamos la sombra sobre el telón. Finalmente, cambia el modo de Fusión a Multiplicar y la Opacidad a 75%.

Paso 21

Ahora para un detalle de sombra adicional, duplica la capa de "sombra de piso", hazla más ancha y cambia la Opacidad al 20%.

Paso 22

Ahora, agrega un poco de líquido a nuestro diseño: el vino es perfecto. Muestra las guías y dibuja dos guías horizontales y dos verticales tangentes al agujero de la copa. A continuación, con la herramienta Marco elíptico, dibuja una elipse utilizando las guías tangentes como límites.

Paso 23

Selecciona la herramienta de relleno degradado, establece el modo degradado radial y, a continuación, cambia los colores del primer plano y fondo a #980015 y #4C000F respectivamente. Además, rellena la selección con el degradado.

Paso 24

Mueve la capa "Wine" unos píxeles hacia abajo. Haz la misma selección de nuevo, Comando + shift + I para invertir la selección. Y pulsa eliminar para eliminar la selección. Finalmente, cambia el modo de fusión de la capa a "Superposición".

Paso 25

Ahora puedes agregar más detalles al vino, agrega dos ondulaciones usando una opacidad de pincel blanco suave y flujo por debajo del 50%.

Conclusión

¡Eso es todo! Por supuesto, puedes intentar crear tu propia escena, diseñar diferentes objetos, aplicar otras texturas y obtener resultados sobresalientes. ¡Pruébalo! Puedes ver la imagen final a continuación o ver una versión más grande aquí. Además, regístrate en la fuente RSS Psdtuts+ para mantenerte al día con los últimos tutoriales.