¿Cómo Crear un Efecto de Texto de Pastel Abstracto en Adobe Photoshop?

La tipografía 3D de pastel es una de las tendencias de este año, y es un estilo adecuado para crear e incluirlo en proyectos. Este tutorial te mostrará cómo usar la forma de Photoshop y las herramientas y configuraciones 3D para crear este efecto de pastel abstracto. ¡Comencemos!

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

Elementos del Tutorial

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

• fuente Montserrat Black
• Tropical leaf Monstera por magone

1. ¿Cómo Crear una Forma de Onda?

Paso 1

Crea un nuevo documento de 500 x 500 px, y ve a Edición > Preferencias > Guías, Cuadros y Sectores.

Cambia el valor de Cuadro Cada: a 50 px, y la Subdivisión a 5.

Paso 2

Ve a Vista > Mostrar > Cuadrícula.

Coge la Herramienta Pluma de Forma Libre, y asegúrate de escoger la opción Forma en la barra de Opciones.

Paso 3

Crearemos la forma sobre 10 subdivisiones verticales y 25 horizontales.

Arrastra las guías hacia la parte inferior de la segunda subdivisión de la parte superior, y arrastra otro a la parte superior de la segunda subdivisión de la parte inferior.

Paso 4

Da clic una vez en las intersecciones de la guía superior  con la cuadrícula izquierda del área en la cual quieres crear la forma.

Luego de eso, necesitarás dar clic una vez para crear picos y abrevaderos en la cuadrícula que tienes.

Los puntos de pico deben intersecar con la línea de cuadrícula superior, mientras los puntos de abrevadero debe intersecar con la línea de guía superior.

Paso 5

Una vez que alcances el final horizontal del área de la forma, da doble-clic para añadir los puntos de vértice y crear una línea recta que termine en la parte inferior de la guía de línea.

Paso 6

Repite los pasos para crear la parte inferior de la forma de onda.

2. ¿Cómo Crear un Motivo Simple?

Paso 1

Crea un nuevo documento de 500 x 500 px, y copia la forma de onda a ello.

Presiona Comando-T para acceder al Modo de Transformación Libre, y cambia de tamaño, rota y mueve la forma de onda para comenzar a crear el motivo.

Presiona la tecla de Regresar cuando termines de hacer los cambios.

Paso 2

Coge la Herramienta Mover, mantén presionada la tecla Opción, y da clic-arrastra la forma de onda para duplicarla.

Luego, presiona Comando-T para transformar la forma duplicada como sea necesario.

Paso 3

Una vez que tengas un par de formas de onda sobre todo el documento, puedes añadir otras formas también—¡tan solo diviértete creándolas!

Asegúrate de mantener suficiente espacio cerca de los bordes del documento, porque esto será usado como un motivo luego.

Paso 4

Una vez hechas las formas, escoge un color pastel de la paleta de colores que te guste, y cambia el Color de Relleno de las formas.

Los colores usados aquí son #ffd8c9, #fff4e3, #dcf7f3, y #c9d7ff.

Cuando estés feliz con el resultado, guárdalo como una imagen con el nombre de Motivo.

3. ¿Cómo Crear un Fondo Simple?

Paso 1

Crea un documento de 1400 x 1400 px, da clic en en el icono de Crear nuevo relleno o ajuste de capa en la parte inferior del panel de Capas; escoge Color Sólido, y pon el Color de Relleno a #ffd8c9.

Paso 2

Usa la Herramienta Rectángulo para crear una forma de rectángulo que cubre dos tercios del documento, y rellena con el Color #9891f5.

Luego, escoge la Herramienta Selección Directa; selecciona el punto de vértice izquierdo del rectángulo, y arrastra a la derecha para crear una línea diagonal.

4. ¿Cómo Crear y Trabajar con una Capa de Textura 3D?

Paso 1

Crea la primera letra de texto (que querrás en Mayúsculas) usando la fuente Montserrat Black, y pon el Tamaño a 350 pt.

Paso 2

Ve a 3D > Nueva Extrusión 3D a Partir de Capa Seleccionada convertir la capa de texto en una capa de 3D editable.

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

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

Paso 3

Renombra la capa 3D a Texto.

Si es necesario, puedes mostrar/ocultar el plano de tierra 3D yendo a Vista > Mostrar > Plano de Suelo 3D.

Paso 4

Selecciona la Herramienta Mover para acceder a los Modos 3D a la derecha de la barra de Opciones.

Cuando escojas una de esas, puedes dar clic y arrastrar para hacer cambios (en el elemento seleccionado en el panel 3D).

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

5. ¿Cómo Ajustar la Malla 3D y la Configuración de Tapa?

Paso 1

Selecciona la pestaña de la malla de las letras en el panel 3D, y cambia su Profundidad de Extrusión en el Panel Propiedades a 70.

Paso 2

Da clic en el icono de Tapa encima del panel Propiedades; cambia los Lados a Frente y Atrás, y pon la Anchura de Bisel a 1%.

6. ¿Cómo Crear un Material 3D Simple?

Paso 1

Selecciona todos las Pestañas de Material de la malla de texto, y cambia el Brillo a 80%.

Paso 2

Selecciona la pestaña de Material de Inflación Frontal; da clic en el icono de carpeta de Difusión, y escoge Cargar Textura para abrir la imagen de Motivo que guardaste anteriormente.

Paso 3

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

Paso 4

Cambia los valores de Desplazamiento a 0, y ajusta los valores de Escala hasta que el motivo se ajuste dentro del texto.

Paso 5

Selecciona la pestaña de Material de Extrusión; da clic en el icono de la carpeta de Difusión, y selecciona el nombre del Motivo a partir de la lista.

Paso 6

Selecciona la malla de 3D, y cambia el Mapeo de Textura a Escala.

Paso 7

Selecciona la pestaña de Material de Extrusión y edita sus Propiedades UV.

Aplica el mismo motivo al Material de Inflación Posterior, y ajusta sus propiedades UV para igualar a los de Inflación Frontal.

7. ¿Cómo Duplicar y Editar las Mallas de Texto 3D?

Paso 1

Selecciona la pestaña de malla 3D, y da clic en el icono de menú del panel 2D, y escoge Duplicar Objeto.

Paso 2

Renombra la malla duplicada a la letra que quieres crear luego, y da clic en el botón Editar Origen en el panel Propiedades.

Paso 3

Una vez que el archivo de texto se abre, cambia el texto a la letra que quieres añadir, y guarda y cierra el archivo.

Esto actualizará la malla en el documento original.

Paso 4

Repite los mismos pasos para crear las letras restantes que necesitas para tu texto.

8. ¿Cómo Transformar las Mallas 3D?

Paso 1

Selecciona la primera pestaña de la malla letra; escoge la Herramienta Mover y usa el Eje 3D y rota como te guste.

Las flechas al final del eje mueven la malla; la parte debajo es usada para rotación; y los cubos son usados para escalar. El cubo en el centro es usado para escalar el objeto uniformemente. Todo lo que necesitas hacer es dar clic y arrastrar la parte que quieres usar.

Paso 2

Puedes también dar clic en la pestaña Coordinadas en el panel de Propiedades para usar valores numéricos. Asegúrate de hacer los cambios luego de decidir la vista que quieras.

Paso 3

Cuando termines de colocar las mallas en la escena, selecciona todas sus pestañas; da clic en el icono del menú panel 3D; y escoge Agrupar Objetos.

Paso 4

Renombra el grupo a Texto. Esto mantendrá las cosas organizadas.

9. ¿Cómo Crear y Añadir Formas 3D?

Puedes crear cualquier forma que quieras, pero añadiremos un triángulo y un círculo para este tutorial.

Paso 1

Escoge la Herramienta Polígono y da clic en cualquier parte del documento para obtener la casilla Crear Polígono.

Pon los valores de Anchura y la Altura a 100; cambia el Número de Lados a 3 y asegúrate de que ninguna casilla esté marcada.

Da clic en OK para crear un rectángulo.

Paso 2

Escoge la Herramienta Elipse; da clic en cualquier parte del documento para obtener la casilla Crear Elipse; cambia los valores de Anchura y Altura a 50, y da clic en OK.

Paso 3

Mueve ambas formas al centro del documento y oculta la capa de Texto 3D temporalmente sobre las formas.

Para cad capa de forma que tengas; selecciona y ve a 3D > Nueva Extrusión 3D a partir de Trazado Seleccionado.

Paso 4

Selecciona la capa Polígono, y selecciona la pestaña de malla 3D para cambiar la Profundidad de Extrusión a 15.

Paso 5

Da clic en el icono de Tapa, y cambia los Lados a Frente y Atrás y la Anchura de Bisel a 1%.

Paso 6

Selecciona la capa Elipse y selecciona la pestaña de malla 3D para cambiar la Profundidad de Extrusión a 300.

Paso 7

Da clic en el icono Coordenadas y cambia el Ángulo de Rotación X a 90.

Paso 8

Da clic en el icono del menú panel 3D y escoge Mover Objeto a Plano de Tierra.

10. ¿Cómo Crear, Guardar y Re-Aplicar un Material 3D Básico?

Paso 1

Selecciona la capa Polígono; selecciona todas las pestañas de Material; da clic en el icono de textura de Difusión; y escoge Borrar Textura.

Paso 2

Cambia el color Especular a (80, 80, 80) y el valor Brillo a 15.

Paso 3

Selecciona el Material de Inflación Frontal; da clic la casilla de Escoger Material; da clic en el icono desplegable y escoge Nuevo Material.

Paso 4

Pon el Nombre a Formas y da clic en OK.

Paso 5

Selecciona la capa Elipse; selecciona todas las pestañas de Material y escoge el material de Formas a partir del Escogedor de Material para aplicarlo.

11. ¿Cómo Añadir Formas 3D a la Escena 3D?

Paso 1

Para cada capa de forma 3D que tengas; selecciónala, selecciona su pestaña de Vista Actual, y escoge Texto desde el menú Vista para igualar la vista de cámara con la original del Texto 3D.

Paso 2

Selecciona todas las capas 3D que tengas y ve a 3D > Combinar Capas 3D.

Paso 3

Una vez que tengas todos los elementos 3D en la misma escena, puedes cambiar el tamaño de las formas como quieras.

Si estás usando los valores Coordenadas, asegúrate de dar clic en el icono Escala y desmarca la opción Escalar Uniformemente si no quieres escalar las formas uniformemente.

Paso 4

Duplica y coloca las formas alrededor del texto para obtener el resultado que quieras.

Asegúrate de agrupar los objetos duplicados para mantener las cosas organizadas.

Paso 5

Una vez que los elementos están en su lugar, puedes comenzar a colorearlos ahora.

Para hacerlo, selecciona todas las pestañas de material que quieras tener del mismo color y asigna un color a Difusión.

Paso 6

Los colores usados aquí son: (255, 139, 95), (255, 238, 120) y (100, 255, 25).

Siéntete libre de cambiar el color Especular para hacerlo más oscuro o más brillante para que obtengas los mejores resultados con el color Difusión que apliques.

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

Paso 1

Selecciona la pestaña Escena; cambia el Estilo de Superficie a Solo Iluminación, y marca la casilla de Linealizar Colores así como las casillas  Borrar Ocultos.

Paso 2

Selecciona la pestaña de Vista Actual, y da clic en el icono Ortográfico.

Haz los cambios finales a la escena antes de ajustar la iluminación.

Paso 3

Da clic en la pestaña Luz Infinita; cambia la Intensidad a 60% y desmarca la casilla Sombras.

Paso 4

Usa la Herramienta Mover o los valores de Coordinadas para mover la luz hasta que tengas el resultado deseado.

Paso 5

Selecciona la pestaña Ambiente, y cambia la Opacidad de la Sombras del Plano de Tierra a 0%.

Paso 6

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

Paso 7

Añade capa de ajuste de Niveles y cambia el valor de Sombras de Niveles de Salida a 50.

Guarda y Cierra el archivo.

13. ¿Cómo Renderizar y Ajustar la Escena?

Paso 1

Ve a 3D > Renderizar Capa 3D y espera para que la escena esté completamente renderizada, lo cual no debería tomar mucho tiempo.

Una vez el renderizado esté terminado, da clic-derecho en la capa Texto 3D y escoge Convertir a Objeto Inteligente para evitar cambios accidentales.

Paso 2

Añade un ajuste de capa de Niveles; unela a la capa Texto 3D y cambia el calor de Gamma a 0.90.

Paso 3

Añade una capa de ajusta de Intensidad, unela a la capa de Texto 3D y cambia la Intensidad a 55 y la Saturación a -10.

Paso 4

Añade un ajuste de capa de Color Selectivo, unela a la capa de Texto 3D y usa la configuración de abajo:

Rojos

• Cyan: -30
• Magenta: 50
• Amarillo: -35
• Negro: -10

Amarillos

• Cyan: -60
• Magenta: -85
• Amarillo: 70
• Negro: 50

Cyan

• Cyan: 50
• Magenta: -10
• Amarillo: -60
• Negro: -11

Magentas

• Cyan: -100
• Magenta: 100
• Amarillo: -10
• Negro: 6

14. ¿Cómo Añadir Elementos de Fondo?

Paso 1

Usa las herramientas de forma para añadir un par de formas de colores pastel detrás del texto y ponlos en grupo con el nombre Formas BG.

Los colores usados aquí son: #ffffbc, #ffd8c9, #dcf7f3, #9ff8f7, y #989lf5.

Paso 2

Abre la imagen "Tropical leaf of Monstera plant".  Escoge la Herramienta Varita Mágica, da clic en el icono de Añadir a la Selección en la barra Opciones y marca la casilla Contiguo.

Da clic en cada área blanca para seleccionarla y ve a Selección > Invertir.

Paso 3

Ve a Selección > Seleccionar y Enmascarar y cambia la Vista a En Negro y su Opacidad a 100%. Incrementa el valor de Suavidad para suavizar los bordes y disminuir Desplazar Bordes para mover la selección hacia dentro un poco.

Marca la casilla Descontaminar Colores y da clic en OK.

Paso 4

Convierte la capa resultante a Objeto Inteligente, y copia al documento Texto 3D.

Paso 5

Duplica y transforma la hoja como sea necesario y añade detrás del texto y pon las capas de hojas que tengas en un grupo con el nombre Hojas.

15. ¿Cómo Crear Ajustes Globales?

Paso 1

Crea una nueva capa encima de todas las capas; nómbrala Paso Alto, y presiona Comando-Opción-Mayus-E para crear una estampa.

Convierte la capa a Objeto Inteligente y cambia su Modo de Fusión a Luz Suave.

Paso 2

Ve a Filtro > Otro > Paso Alto, y cambia el valor de Radio a 1.

Paso 3

Crea otra capa encima de todas las cambias y nómbrala Ruido.

Ve a Edición > Relleno; cambia Contenidos a 50% Gris, y da clic en OK.

Paso 4

Convierte la capa a Objeto Inteligente y cambia su Modo de Fusión a Luz Suave.

Paso 5

Ve a Filtro > Ruido > Añadir Ruido; cambia la Cantidad a 3 y la Distribución a Uniforme y marca la casilla Monocromático.

¡Felicidades! ¡Terminaste!

En este tutorial, creamos un motivo simple y un fondo básico.

Luego, creamos una capa de texto; lo convertimos a una malla 3D, ajustado su configuración y creado su material para duplicarlo y crear más letras.

Luego de eso, creamos y añadimos más formas 3D, ajustado la configuración de la escena y la iluminación y la renderizamos.

Finalmente, añadimos más elementos de fondo y hecho ajustes globales finales para terminar el efecto.

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