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

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

by
Difficulty:AdvancedLength:LongLanguages:

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

Final product image
What You'll Be Creating

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:

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.

Guides Grids Slices

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.

Curvature Pen Tool

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.

Add Guidelines

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.

Create Alternating Peaks and Troughs

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.

Add Corner Points

Paso 6

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

Finish the Wave Shape

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.

Free Transform Mode

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.

Duplicate the Wave Shape

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.

Add More Shapes

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.

Color and Save the Pattern Image

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.

Solid Color

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.

Add a Rectangle Shape

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.

Create the Text

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.

Create a 3D Layer

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.

3D Ground Plane

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.

Move Tool 3D Modes

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.

Extrusion Depth

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

Cap Settings

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

Material Settings

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.

Load Texture

Paso 3

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

Edit UV Properties

Paso 4

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

UV Properties Values

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.

Extrusion Material

Paso 6

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

Texture Mapping

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.

Edit UV Properties

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.

Duplicate Object

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.

Edit Source

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.

Change the Text

Esto actualizará la malla en el documento original.

Updated Text

Paso 4

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

Add the Remaining Letters

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.

3D Axis

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.

Coordinates Values

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.

Group Objects

Paso 4

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

Rename the Group

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.

Create Polygon

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.

Create Ellipse

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.

New 3D Extrusion from Selected Path

Paso 4

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

Extrusion Depth

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

Cap Settings

Paso 6

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

Extrusion Depth

Paso 7

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

X Rotation Angle

Paso 8

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

Move Object to Ground Plane

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.

Remove Texture

Paso 2

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

Material Settings

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.

New Material

Paso 4

Pon el Nombre a Formas y da clic en OK.

Type a Name

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.

Reapply Material

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.

Change the Camera View

Paso 2

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

Merge 3D Layers

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.

Uniform Scaling

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.

Duplicate and Transform the 3D Shapes

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.

Change the Diffuse Color

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.

Color the 3D Shapes

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.

Scene Settings

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.

Current View Settings

Paso 3

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

Infinite Light Settings

Paso 4

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

Move the Infinite Light

Paso 5

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

Environment Settings

Paso 6

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

Edit Texture

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.

Levels

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.

Render 3D Layer

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.

Levels

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.

Vibrance

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
Selective Color Reds and Yellows

Cyan

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

Magentas

  • Cyan: -100
  • Magenta: 100
  • Amarillo: -10
  • Negro: 6
Selective Color Cyans and Magentas

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.

Add Background Shapes

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.

Select the Leaf

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.

Select And Mask

Paso 4

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

Convert to a Smart Object

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.

Add the Leaves

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.

High Pass Layer

Paso 2

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

High Pass Filter

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.

Noise Layer

Paso 4

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

Noise Layer Settings

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.

Noise Filter

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

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.