¿Cómo Crear un Efecto de Texto de Rosa de Salto en Adobe Photoshop?

La combinación de mármol/rosa de salto es una de las tendencias minimalista populares, y se encuentra casi en todos lados, desde decoraciones de casas a papelería, en cocina, etc. Este tutorial te mostrará cómo usar las formas de Photoshop, con las herramientas 3D y las configuraciones de material y luz, para crear un efecto de texto de rosa de salto. ¡Comencemos!

Este efecto de texto fue inspirado por los muchos Estilos de Capas disponibles en GraphicRiver.

Elementos del Tutorial

Los siguientes elementos fueron usados durante la producción de este tutorial:

• fuente Kaiju
• mármol por austrich
• Textura de Salto sin Costura por O-O-O-o-0-o-O-O-O
• Diseño de Interior por millivanilly
• NaturePlants0086 Imagen 1 - Masked (Pequeña)

1. Crea el Fondo y la Forma de Texto

Paso 1

Crea un documento nuevo de 1000 x 750 px.

Da clic en el icono de Crear nuevo relleno o capa de ajuste en la parte inferior del panel de Capas, escoge un Color Sólido, y usa el Color #e8e4e1.

Paso 2

Crea el texto usando la fuente Kaiju y pon el Tamaño a 250 pt.

Paso 3

Da clic-derecho en la capa de texto, y escoge Convertir a Forma.

2. ¿Cómo Crear las Capas de Sustraer Forma?

Paso 1

Renombra las capas de forma de texto que quieras hacer Mármol, duplícala y renombra la copia Rosa de Salto.

Paso 2

Coge la Herramienta Pluma, pon el Color Frontal a Rojo, y coge la opción Forma en la barra de Opciones.

Luego, dibuja una forma que cura la parte de texto que quieras que sea rosa de salto.

Mantén presionada la tecla Opción para añadir cada forma nueva a la misma capa de forma cuando la crees.

Paso 3

Duplica la forma roja, y pon la original encima de la capa de Mármol y la copia encima de la capa de Rosa de Salto.

Luego, oculta las capas Mármol y la forma roja original dando clic en los iconos con forma de ojo.

3. ¿Cómo Mover los Puntos de Ancla de la Forma?

Paso 1

Con la copia de la forma roja seleccionada, coge la Herramienta Selección Directa.

Lo que necesitas hacer luego es hacer que las formas rojas cubran la otra parte del texto.

Para hacerlo, presiona Mayus-Clic los puntos de ancla en la parte externa de la forma, lo que significa que las que no están en el eje quieres que se volteen sobre la forma.

Paso 2

Da clic-arrastra uno de los puntos de ancla seleccionados al lado opuesto, para cubrir la otra parte de la forma de texto.

Paso 3

Puedes dar clic-arrastrar los puntos de ancla individuales para ajustar la forma resultante.

Paso 4

Repite eso para el resto de las letras que tengas.

4. ¿Cómo Sustraer las Formas?

Paso 1

Haz todas las capas de forma visible, y selecciona la Rosa de Salto y la capa de forma roja encima de ella.

Paso 2

Ve a Capa > Combinar todas las Formas > Sustraer Forma Frontal, y renombra la capa resultante a Rosa de Salto.

Paso 3

Con la Herramienta Selección Directa activa, da clic en el icono de Operaciones de Trazado en la barra de Opciones, y escoge Combinar Componentes de Forma.

Paso 4

Repite eso para la capa de Mármol y su forma roja.

5. ¿Cómo Crear las Capas 3D?

Paso 1

Para cada una de las capas de forma que tengas, selecciónala y ve a 3D > Nuevo Extrusión 3D a Partir de Trazado Seleccionado.

Paso 2

Selecciona ambas capas 3D y ve a 3D > Combinar Capas 3D.

6. ¿Cómo Trabajar con la Escena 3D?

Paso 1

Para acceder a la configuración de la malla 3D y las propiedades, necesitarás abrir dos paneles: el panel 3D y el panel Propiedades (ambos encontrados debajo del menú Ventana).

El panel 3D tiene todos los componentes de la escena 3D, y cuando das clic en el nombre de alguno de ellos, serás capaz de acceder a su configuración en el panel Propiedades. Así que asegúrate de seleccionar la pestaña del elemento que quieres modificar en el panel 3D antes de cambiar su configuración en el panel Propiedades.

Paso 2

Si seleccionas la Herramienta Mover, encontrarás un grupo de Modos 3D para ello en la derecha de la barra de Opciones. Cuando escojas uno de ellos, puedes dar clic y arrastrar para hacer los cambios (en el elemento seleccionado en el panel 3D).

Usa estos modos para cambiar la Vista Actual en un ángulo que te guste.

7. ¿Cómo Modificar la Configuración de la Malla 3D?

Paso 1

Selecciona las dos mallas 3D en el panel 3D, y cambia la Profundidad de Extrusión en el panel de Propiedades a 50 px.

Paso 2

Selecciona la pestaña malla Mármol, y da clic en el icono de Tapa encima del panel Propiedades. Cambia los Lados a Frontal y Atrás, Anchura de Bisel a 2%, y el Contorno a Semi-Redondo.

8. ¿Cómo Crear un Material de Mármol?

Paso 1

Selecciona todas las pestañas de Material Mármol, y usa esta configuración:

Los valores de color usados en RGB son:

• Especular: 217, 217, 217
• Brillo: 30%
• Reflejo: 10%
• Relieve: 10%

Paso 2

Selecciona la pestaña Mármol Material de Inflación Frontal,  y da clic en su textura de Difusión, y escoge Reemplazar Textura para abrir la imagen mármol.

Paso 3

Para ver las cosas más claramente, da clic en la pestaña Luz Infinita 1 en el panel 3D y cambia su Intensidad a 35% y su Suavidad de Sombra a 30%. Luego usa la Herramienta Mover y da clic-arrastra la luz y muévela hasta que puedas ver la textura.

Paso 4

Da clic en el icono de la textura de Difusión de nuevo, y escoge Editar Propiedades UV.

Paso 5

Cambia los valores de Escala hasta que te guste como se mira la textura.

9. ¿Cómo Re-Aplicar una Textura de Material?

Paso 1

Selecciona las pestañas de Mármol Material restantes, da clic en el icono de textura de Difusión, y escoge la textura mármol de la lista.

Paso 2

Selecciona la pestaña Mármol Malla, y cambia su Mapeo de Textura a Escala.

Paso 3

Después de eso, puedes modificar las Propiedades UV para cada material separadamente para obtener el resultado que quieres.

10. ¿Cómo Crear un Material Rosa de Salto?

Paso 1

Selecciona todas las pestañas de Rosa de Salto Material, da click en el icono de la textura de Difusión, y escoge Borrar Textura.

Paso 2

Usa estas configuraciones del material:

Los valores de color usados en RGB son:

• Difusión: 238, 107, 77.
• Especular: 217, 157, 143
• Brillo: 70%
• Reflejo: 35%
• Relieve: 1%

Paso 3

Selecciona la pestaña de malla Rosa de Salto, y cambia su Mapeo de Textura a Escala.

Paso 4

Selecciona la pestaña Rosa de Salto Material de Extrusión, da clic en el icono de Relieve y escoge Cargar Textura para abrir la imagen Textura de Salto sin Costura.

Paso 5

Puedes incrementar temporalmente el valor de Relieve para ver la textura más claramente. Edita las Propiedades UV de la textura de Relieve para obtener el resultado que quieres.

11. ¿Como Editar la Textura de Relieve?

Paso 1

Da clic en el icono de la textura de Relieve y escoge Editar Textura.

Paso 2

Esto abrirá el archivo de textura.

Añade una capa de ajuste de Blanco Negro y usa esta configuración:

• Rojos: 40
• Amarillos: 60
• Verdes: 40
• Cyan: 60
• Azules: 20
• Magentas: 80

Paso 3

Añade una capa de ajuste de Brillo/Contraste, marca la casilla de Usar Legado, y cambia el Contraste a -50.

Guarda y cierra el archivo.

Paso 4

Cambia el valor de Relieve de nuevo a 1%.

12. ¿Cómo Ajustar la Iluminación de la Escena 3D?

Paso 1

Selecciona la pestaña Luz Infinita 1, y muevelo al frente de las mallas 3D. Puedes dar clic en el icono de las Coordinadas encima del panel Propiedades para usar los valores numéricos.

Paso 2

Da clic en el icono Añadir Nueva Luz a la Escena en la parte inferior del panel 3D, y escoge Nueva Luz Puntual.

Paso 3

Cambia los valores de Intensidad y la Suavidad de Sombra de la Luz Puntual a 30%, marca la casilla Difuminación de Luz, y cambia el valor Interior a 350 y el Exterior a 500.

Paso 4

Pon la Luz Puntual encima del texto, y muevelo un poco a la derecha.

Paso 5

Selecciona la pestaña Entorno, da clic en el icono de textura IBL, y escoge Reemplazar Textura para abrir la imagen Diseño de Interior.

Paso 6

Cambia la Intensidad a 35% y la Opacidad de las Sombras de Plano de Suelo a 30%.

Paso 7

Escoge la vista de cámara final, y usa el la Herramienta Mover para dar clic-arrastrar la textura de Entorno alrededor.

Este es un paso importante porque determinar cómo el resultado final se mirará en término del reflejo y la iluminación en general.

13. ¿Cómo Interpretar y Ajustar una Escena 3D Renderizada?

Paso 1

Ve a 3D > Interpretar Capa 3D. La interpretación puede tomar algo de tiempo, pero puedes parar en cualquier momento presionando la tecla Escape.

Paso 2

Añade una capa de ajuste de Niveles, únela a la capa 3D, y cambia el valor de Sombras a 5, el Gamma a 1.10, y la Iluminación a 237.

14. ¿Cómo Añadir una Planta a la Imagen?

Paso 1

Ve a Archivo > Colocar... para abrir la Imagen NaturePlants0086 y cambiar el tamaño como sea necesario.

Cambia la capa a Planta, y mueve la imagen al lado derecho del documento para que sea solo una parte de las hojas que se están mostrando.

Paso 2

Ve a Filtro > Desenfoque > Desenfoque Gaussiano, y cambia el Radio a 5.

¡Felicidades! ¡Terminaste!

En este tutorial, creamos un par de capas de forma que se separan del texto en dos partes. Luego, convertimos las capas de forma en mallas 3D y ajustamos sus configuraciones. Luego de eso, creamos los materiales de mármol y rosa de salto y ajustamos la iluminación de la escena. Finalmente, interpretamos el resultado final y añadimos una imagen de planta simple para terminar el efecto.

Por favor, siéntete libre de dejar tus comentarios, sugerencias y resultados debajo.