Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:IntermediateLength:MediumLanguages:

Spanish (Español) translation by Cristian Marroquin (you can also view the original English article)

Final product image
What You'll Be Creating

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:

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.

Solid Color

Paso 2

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

Create the Text

Paso 3

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

Convert to Shape

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.

Duplicate and Rename the Layers

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.

Create the Top Shapes

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.

Duplicate and Hide Layers

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.

Select the Anchor Points

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.

Drag the Anchor Points

Paso 3

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

Adjust the Shape

Paso 4

Repite eso para el resto de las letras que tengas.

Repeat for the Remaining Letters

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.

Select Layers

Paso 2

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

Subtract Front Shape

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.

Merge Shape Components

Paso 4

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

Repeat for the Marble Layer

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.

New 3D Extrusion from Selected Path

Paso 2

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

Merge 3D Layers

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.

3D and Properties Panels

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.

Move Tool 3D Modes

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.

Extrusion Depth

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.

Mesh Cap Settings

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%
Marble Material Settings

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.

Replace Texture

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.

Infinite Light Settings

Paso 4

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

Edit UV Properties

Paso 5

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

Change the Tile Values

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.

Reapply the Marble Texture

Paso 2

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

Texture Mapping

Paso 3

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

Edit UV Properties

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.

Remove Texture

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%
Rose Gold Material Settings

Paso 3

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

Texture Mapping

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.

Load Texture

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.

Edit UV Properties

11. ¿Como Editar la Textura de Relieve?

Paso 1

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

Edit Texture

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
Black White Settings

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.

Brightness Contrast Settings

Paso 4

Cambia el valor de Relieve de nuevo a 1%.

Bump Value

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.

Coordinates Values

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.

New Point Light

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.

Point Light Settings

Paso 4

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

Move the Point

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.

Replace Texture

Paso 6

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

Environment Settings

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.

Move the Environment Texture

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.

Render 3D Layer

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.

Levels Settings

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.

Add the Plant Image

Paso 2

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

Gaussian Blur

¡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.

Final Result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.