Cómo crear texto 3D realista con la función Repujado de Photoshop

Noticias de Nathan Brown30 de junio deeste año

No hay nada más atractivo que un buen diseño en 3D. El uso de elementos en 3D puede hacer que un póster, una portada de libro o un anuncio de revista destaquen en la página. En el pasado, teníamos que recurrir a software de terceros para exportar elementos en 3D y poder incorporarlos a nuestro mundo de diseño en 2D dentro de Photoshop. Pero todo eso ha cambiado. Si utiliza Photoshop CS5, entonces ya está experimentando en el ámbito del diseño en 3D. En el siguiente tutorial, le mostraré cómo experimentar un poco con las herramientas 3D integradas de Photoshop. Como siempre, mi trabajo de diseño se inclina un poco hacia el lado experimental de las cosas, así que si conoce una mejor manera de lograr la tarea que he propuesto a continuación... Agregue sus ideas utilizando los campos de comentarios en la parte inferior de la página.

Avance

Paso 1

En primer lugar, tendremos que conseguir una bonita textura de hormigón para utilizarla como fondo. Resulta que tiene una configuración increíble para elegir . Elegí la número 5 de esta configuración.

Paso 2

Necesitaremos agregar un poco de perspectiva a la textura. Hice esto usando la herramienta Editar | Transformar | Distorsionar. También puedes lograr algo similar usando la herramienta Perspectiva... la que prefieras. Transforma la textura hasta que obtengas algo similar a lo que tengo a continuación. Nota: Tendrás que alejar el lienzo para ver los puntos de edición. El cambio aquí es sutil, pero comienza a adquirir el aspecto de perspectiva que buscamos.

Paso 3

A continuación, agregaremos un poco más de profundidad agregando algo de desenfoque. Pero vamos a hacerlo de la manera "inteligente". Vaya a Filtro | Convertir a filtros inteligentes. Notará que aparecerá un pequeño ícono sobre la miniatura de la capa en la paleta de capas. Ahora aplique un Desenfoque gaussiano yendo a Filtros | Desenfocar | Desenfoque gaussiano. Al aplicar filtros inteligentes, en realidad no afecta la capa original. Una ventaja es que puede editar a qué parte de la capa se aplica el efecto coloreando la máscara de capa que crea el filtro cuando se aplica. Coloree el efecto de manera similar a lo que hice a continuación para que el centro de la textura esté enfocado y los bordes estén borrosos.

Paso 4

Bien, dejaremos el fondo en paz por un momento y nos concentraremos en nuestra capa de texto. Elige un color de la textura del fondo y crea una nueva capa de texto eligiendo la herramienta de texto y escribiendo algo en el lienzo.

Paso 5

Y aquí es donde empieza la diversión. Con la capa de texto seleccionada, ve a 3D | Repujado | Capa de texto para abrir la ventana Repujado. Ahora tienes una gran cantidad de herramientas de edición 3D ante ti, pero ten cuidado, la sutileza es la clave aquí. Cambié la Profundidad a 0,2 para que la extrusión 3D del texto fuera menor que la configuración predeterminada. También agregué una textura sutil a los lados del texto. El último elemento es inclinar el texto para que coincida con el ángulo que establecimos para nuestro fondo. El truco aquí es calcular a ojo lo que se ve bien dado el ángulo de la textura del fondo. Eso es todo, ahora cierra la ventana Repujado haciendo clic en Aceptar.

Paso 6

Ahora notarás que el texto se ve un poco irregular. Esto se debe a que aún no lo hemos renderizado. Abre el panel 3D Ventana | 3D y selecciona "Trazado de rayos final" en el menú desplegable Calidad. Nota: el renderizado tardará un poco, así que ahora es un buen momento para ir a tomar un café o ir al baño. Te veo de nuevo aquí en un momento.

Paso 7

Bien, volvemos y tienes una capa de texto 3D completamente renderizada que se ve suave y agradable. Ahora, vamos a experimentar un poco en estos últimos pasos para lograr el aspecto de profundidad y luz que buscamos. Comienza rasterizando tu capa de texto 3D. Ctrl+clic en la capa y elige Rasterizar 3D. Ahora deberías tener una capa 2D normal... pero no te preocupes, todavía hay diversión en estos últimos pasos 😉 Ahora necesitamos oscurecer los bordes y aplicar un poco de ese Desenfoque gaussiano de antes a nuestra capa de texto 3D. Oscurecí los bordes usando la herramienta Subexponer (muy sutilmente) al texto, y luego apliqué el desenfoque usando el mismo método que antes usando Filtro inteligente.

Paso 8

A continuación, seleccione la capa de textura de fondo y, a continuación, presione Comando+Clic en la miniatura de la capa de texto 3D. Esto creará una selección del fondo con la forma del texto. Copie y pegue esta selección en una nueva capa sobre la capa de texto 3D. Establezca el modo de fusión en superposición y la opacidad de la capa en 50 %.

Paso 9

Está empezando a verse bastante bien, pero quiero agregar un poco de luz a la escena. Crea una nueva capa y rellénala de negro. Crea una nueva máscara de capa para esta capa y colorea el centro de la máscara como se muestra a continuación. Esto creará las sombras que necesitamos alrededor del borde de la escena.

Paso 10

Ahora necesitamos luz... Quiero crear algunos rayos de luz como si estuvieran siendo filtrados por algo externo a la escena. Para ello, voy a crear una nueva capa con varias barras blancas. Con la herramienta Editar | Transformar | Distorsionar, les daré forma en ángulo y estableceré el modo de fusión de capas en Superponer.

Paso 11

El último paso es aplicar algunas sombras debajo del texto siguiente. No hay ningún truco ni nada particularmente sofisticado aquí. Simplemente tomé un pincel negro suave y bajé la opacidad a alrededor del 40% y comencé a pintar las sombras debajo del texto. Pinta las sombras hasta que se vean bien a simple vista, pero recuerda ser sutil y no exagerar. Ahora deberías tener algo similar a la imagen de abajo.

Conclusión

En caso de que no hayas prestado atención, aquí cubrimos algunos temas muy buenos. La herramienta Repujado es increíble y solo hemos arañado la superficie. ¡Y también hemos añadido un par de filtros inteligentes por si acaso! Espero que hayas aprendido algunas habilidades útiles en este tutorial y que puedas ponerlas en práctica en tu próximo diseño. ¡Gracias por leer!