Advertisement
  1. Design & Illustration
  2. Halloween

Cómo crear un efecto de texto de cerebro en Adobe Photoshop

Scroll to top
Read Time: 10 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

¡Ya casi es Halloween! En este tutorial te enseñaré a crear un efecto de texto de cerebro en Adobe Photoshop.

Este efecto forma parte de mis efectos de texto de Halloween en GraphicRiver.

GraphicRiver ItemGraphicRiver ItemGraphicRiver Item

Recursos del tutorial

Durante este tutorial se utilizarán los siguientes recursos:

Antes de empezar, descarga e instala estos recursos. Te ayudará a obtener el mismo resultado.

Introducción

Si eres un principiante y no eres bueno pintando, puedes descargar e instalar el motivo, y saltarte la siguiente parte del tutorial. Para hacerlo, ve a Edición > Preajustes > Gestor de ajustes preestablecidos. Cambia el Tipo de Preajuste a Motivo.

Load PatternLoad PatternLoad Pattern

Después de eso, haz clic en el botón Cargar, busca nuestro archivo de motivos en tu dispositivo y pulsa Cargar. Eso es todo, ahora los motivos se han añadido. Además, puedes arrastrar y soltar el archivo de motivos a Photoshop.

1. Cómo crear el motivo cerebro

Lo primero que tenemos que hacer es crear el motivo del cerebro. Será la base de nuestro efecto de texto.

Paso 1

Abre Photoshop (yo utilizo Photoshop CS6), ve a Archivo > Nuevo, y crea un nuevo documento de 314 x 374 px.

Create New DocumentCreate New DocumentCreate New Document

Paso 2

Renombra la capa como Fondo. Rellena esta usando el color #d88364.

Fill BackgroundFill BackgroundFill Background

Paso 3

Crea una Nueva Capa (Capa > Nueva > Capa) con el nombre Líneas. Muévela por encima del Fondo.

Create Lines LayerCreate Lines LayerCreate Lines Layer

Paso 4

Escoge la herramienta Pincel (B), selecciona un pincel circular definido y ve a Ventana > Pincel para cambiar algunos ajustes:

  • Tamaño: 8 px
  • Espaciado: 7%

Si estás trabajando con una tableta gráfica, comprueba también la Transferencia y asegúrate de que la Fluctuación de Opacidad y la Fluctuación de Flujo están controladas por la Presión de la Pluma.

Brush SettingsBrush SettingsBrush Settings

Paso 5

Establece el color de primer plano en #7f2b16. Asegúrate de que estás en la capa Líneas. Vamos a empezar a dibujar las líneas de las circunvoluciones. Puedes usar la herramienta Borrador (E) para limpiar o borrar parte de la imagen. El resultado es el siguiente:

Simple LinesSimple LinesSimple Lines

Paso 6

Duplica la capa Líneas. Cambia el nombre de la capa a Sombra. Esta capa debe estar entre Fondo y Líneas.

Shadow LayerShadow LayerShadow Layer

Paso 7

Haz clic con el botón derecho del ratón en la capa Líneas y elige Opciones de Fusión para crear el Estilo de Capa.

Añade un resplandor exterior:

  • Modo de fusión: Normal
  • Opacidad: 34%.
  • Ruido: 0%.
  • Color: #7f2b16
  • Técnica: Más suavizado
  • Extender: 0%
  • Tamaño: 4 px
  • Contorno: Lineal
  • Desmarca: Suavizado
  • Rango: 50%
  • Vibración: 0%

Paso 8

Haz clic con el botón derecho del ratón en la capa Sombra y elige Opciones de Fusión para crear el Estilo de Capa.

Añade un resplandor exterior:

  • Modo de fusión: Normal
  • Opacidad: 100%.
  • Ruido: 0%.
  • Color: #c05648
  • Técnica: Más suavizado
  • Extender: 34%
  • Tamaño: 16 px
  • Contorno: Lineal
  • Desmarca: Suavizado
  • Rango: 100%
  • Vibración: 0%
Outer Glow of Shadow LayerOuter Glow of Shadow LayerOuter Glow of Shadow Layer

Paso 9

Crea una Nueva Capa (Capa > Nueva > Capa) con el nombre de Resaltar. Muévela entre las capas Líneas y Sombra. Establece el Modo de Fusión para la capa en Luz Intensa. Elige la herramienta Pincel (B) y dibuja los reflejos utilizando el color #e9a186. Si el resultado no se ve fluido, ve a Filtro > Desenfoque > Desenfoque gaussiano y ajusta el Radio a 3 px.

Highlight LayerHighlight LayerHighlight Layer

Paso 10

Ahora tenemos que asegurarnos de que nuestra imagen funciona como motivo. Para hacerlo, debes permanecer en la capa Líneas, ir a Seleccionar > Todo (Control-A) para seleccionar la imagen, ir a Edición > Copiar Combinado para copiar todas las capas como una sola, e ir a Edición > Pegar (Control-V) para pegar esta capa como una nueva. Cambia el nombre a Motivo. Ahora seleccione esta capa y ve a Capa > Objetos inteligentes > Convertir en objeto inteligente (o haz clic con el botón derecho en la capa y elige Convertir en objeto inteligente).

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Paso 11

Elige el objeto inteligente, ve a Filtro > Otros > Desplazamiento, y establece estos valores:

OffsetOffsetOffset

Paso 12

Como puedes ver, nuestro futuro motivo tiene algunos problemas. Para arreglarlo, crea una Nueva Capa (Capa > Nueva > Capa), escoge la herramienta Pincel (B), cambia la Dureza a 30%, y pinta sobre ella usando la herramienta Cuentagotas (I) para escoger los colores. Resultado:

Fix IssuesFix IssuesFix Issues

Paso 13

Crea una nueva capa de ajuste Tono/Saturación y reduce la Saturación en -20.

Change SaturationChange SaturationChange Saturation

Paso 14

Nuestra imagen está lista, y todo lo que necesita hacer es crear un motivo. ve a Editar > Definir motivo. Escriba Motivo cerebro en el campo Nombre.

New PatternNew PatternNew Pattern

2. Cómo crear el objeto inteligente de texto

El objetivo principal de esta parte es crear un objeto inteligente con una capa de texto en su interior. Te ayudará a realizar cambios rápidos en el futuro.

Paso 1

Ajuste el color de primer plano a #454545. A continuación, selecciona Cambiar colores de primer plano y de fondo (X).

Crea un nuevo documento de 4000 x 1420 px con una resolución de 300 píxeles/pulgada. Establece el contenido de fondo como color de fondo.

New DocumentNew DocumentNew Document

Paso 2

Elige la herramienta Texto (T) y selecciona la fuente "Rounds Black". Establece el tamaño de la fuente alrededor de 250 pt y el color de la fuente #ffa81f. Escribe "CEREBRO" en letras mayúsculas.

Brain TextBrain TextBrain Text

Paso 3

Selecciona la capa Cerebro, pulsa Control-A, elige la herramienta Mover y pulsa Alinear centro vertical y Alinear centro horizontal para mover la capa al centro del documento.

Align TextAlign TextAlign Text

Paso 4

Ve a Capa > Objetos inteligentes > Convertir en objeto inteligente para convertir la capa de texto en un objeto inteligente (o haz clic con el botón derecho del ratón en la capa y elige Convertir en objeto inteligente).

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Paso 5

Haz doble clic con el ratón en el icono de la capa para abrir el objeto inteligente.

Ve a Edición > Transformar trayectoria libre (Control-T) y cambia algunos ajustes de la capa de texto:

  • X: 2012 px
  • Y: 483 px
  • W: 93%
  • H: 111%
Transform TextTransform TextTransform Text

Paso 6

Crea el efecto de mancha del texto utilizando la herramienta Pluma (P). Como puedes ver, he rellenado el fondo con color gris para diferenciarlo mejor. Esta capa es temporal y se borrará antes de cerrar. Mi resultado:

Create ShapesCreate ShapesCreate Shapes

Ahora tienes que guardarlo. Ve a Archivo > Guardar (o presiona Control-S) para hacerlo y Archivo > Cerrar para cerrar este archivo. Después de eso, obtendrás un Objeto Inteligente actualizado con una nueva palabra.

Paso 7

Elige este Objeto Inteligente y duplícalo cuatro veces. Como resultado, habrán cinco copias del Objeto Inteligente. Te sugiero que cambies el nombre de cada capa de arriba a abajo utilizando los siguientes nombres:

  • Volumen
  • Motivo 
  • Trazo
  • Sombra
  • Trazo exterior
List of LayersList of LayersList of Layers

Te ayudará a navegar por el documento durante los siguientes pasos.

3. Cómo crear el estilo de capa de volumen

Paso 1

Cambia el Relleno de la capa a 0. Haz doble clic con el ratón en la capa Volumen para aplicar los siguientes estilos de capa. Añade un Bisel y Relieve utilizando los siguientes valores:

  • Estilo: Bisel interior
  • Técnica: Suavizado
  • Profundidad: 103%
  • Dirección: Arriba
  • Tamaño: 103 px
  • Suavizar: 16 px
  • Desmarca la casilla Usar luz global antes de establecer un ángulo: 120°
  • Altitud: 60°.
  • Contorno de resplandor: Lineal
  • Desmarca Suavizado
  • Modo de resaltado: Color Dodge
  • Color de Iluminaciones: #ffffff
  • Opacidad: 65%.
  • Modo de Sombra: Sobreexponer Color
  • Color de Sombra: #ffffff
  • Opacidad: 87%.
Part Three - Bevel and EmbossPart Three - Bevel and EmbossPart Three - Bevel and Emboss

Paso 2

Agrega un Contorno:

  • Contorno: Semicircular
  • Desmarca la opción Suavizado
  • Rango: 73%
Part Three - ContourPart Three - ContourPart Three - Contour

Paso 3

Agrega una Sombra Interior con éstos parámetros:

  • Modo de Fusión: Diferencia
  • Color: #7adafa
  • Desmarca la casilla Usar luz global antes de establecer un ángulo: -60°.
  • Profundidad: 29 px
  • Retraer: 20%
  • Tamaño: 125 px
  • Contorno: Lineal
  • Desmarca la opción Suavizado
  • Ruido: 2%
Part Three - Inner ShadowPart Three - Inner ShadowPart Three - Inner Shadow

Paso 4

Ahora agrega un Resplandor Interior:

  • Modo de Fusión: Superponer
  • Opacidad: 52%
  • Ruido: 0%
  • Color: #ffff
  • Técnica: Más suavizado
  • Origen: Borde
  • Retraer: 4%
  • Tamaño: 33 px
  • Desmarca la opción Suavizado
  • Rango: 55%
  • Vibración: 0%
Part Three - Inner GlowPart Three - Inner GlowPart Three - Inner Glow

Paso 5

Agrega un estilo Satinado usando éstos parámetros:

  • Modo de Fusión: Multiplicar
  • Color: #000000
  • Opacidad: 36%
  • Ángulo: 0°.
  • Distancia: 25 px
  • Tamaño: 66 px
  • Contorno: Lineal
  • Desmarca las casillas Suavizado e Invertir
Part Three - SatinPart Three - SatinPart Three - Satin

Paso 6

Agrega un Resplandor Exterior:

  • Modo de Fusión: Multiplicar
  • Opacidad: 57%
  • Ruido: 0%
  • Color: #000000
  • Técnica: Más suavizado
  • Extender: 0%
  • Tamaño: 25 px
  • Contorno: Lineal
  • Desmarca: Suavizado
  • Rango: 100%
  • Vibración: 0%
Part Three - Outer GlowPart Three - Outer GlowPart Three - Outer Glow

Paso 7

No olvides una Sombra Paralela:

  • Modo de Fusión: Multiplicar
  • Color: #000000
  • Opacidad: 41%.
  • Desmarca la casilla Usar luz global antes de establecer un Ángulo: 120°
  • Distancia: 25 px
  • Extender: 0%
  • Tamaño: 25 px
Part Three - Drop ShadowPart Three - Drop ShadowPart Three - Drop Shadow

Como resultado, tendrás la siguiente imagen:

Result of the Part ThreeResult of the Part ThreeResult of the Part Three

4. Cómo crear el estilo de capa del motivo

Paso 1

Haz doble clic en la capa del motivo para aplicar los estilos de capa. Añadir un trazo:

  • Tamaño: 2 px
  • Posición: Exterior
  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Tipo de Relleno: Color
  • Color: #a8262d
Part Four - StrokePart Four - StrokePart Four - Stroke

Paso 2

Ahora agrega un Resplandor Interior:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Ruido: 0%
  • Color: #f15d62
  • Técnica: Más suavizado
  • Origen: Borde
  • Retraer: 100%
  • Tamaño: 10 px
  • Desmarca Suavizado
  • Rango: 100%
  • Vibración: 0%
Part Four - Inner GlowPart Four - Inner GlowPart Four - Inner Glow

Paso 3

También agrega una Superposición de Colores con éstos parámetros:

  • Modo de fusión: Luz suave
  • Color: #f59088
  • Opacidad: 100%
Part Four - Color OverlayPart Four - Color OverlayPart Four - Color Overlay

Paso 4

Añadir una superposición de motivos:

  • Modo de fusión: Normal
  • Opacidad: 80%.
  • Haz clic en Motivo y selecciona el motivo que hemos creado antes
  • Escala: 240%.
Part Four - Pattern OverlayPart Four - Pattern OverlayPart Four - Pattern Overlay

Como resultado, tendrás la siguiente imagen:

Result of the Part FourResult of the Part FourResult of the Part Four

5. Cómo crear el estilo de capa de trazo

Este es un paso muy simple. Todo lo que tienes que hacer es añadir un Trazo con estos ajustes:

  • Tamaño: 20 px
  • Posición: Exterior
  • Modo de fusión: Normal
  • Opacidad: 100%
  • Tipo de relleno: Color
  • Color: #fb705c
Part Five - StrokePart Five - StrokePart Five - Stroke

Como resultado, tienes la siguiente imagen:

Result of the Part FiveResult of the Part FiveResult of the Part Five

6. Cómo crear el estilo de capa de sombra

Paso 1

Haz doble clic en la capa Sombra para aplicar los siguientes estilos de capa. Añade un Bisel y Relieve utilizando los siguientes valores:

  • Estilo: Bisel exterior
  • Técnica: Redondeado
  • Profundidad: 1000%
  • Dirección: Arriba
  • Tamaño: 21 px
  • Suavizar: 0 px
  • Desmarca la casilla Usar luz global antes de establecer un Ángulo: 90°
  • Altitud: 30°
  • Contorno de Resplandor: Lineal
  • Desmarca la opción Suavizado
  • Modo resaltado: Normal
  • Color resaltado: #ffffff
  • Opacidad: 0%.
  • Modo de Sombra: Multiplicar
  • Color de sombra: #000000
  • Opacidad: 50%.
Part Six - Bevel and EmbossPart Six - Bevel and EmbossPart Six - Bevel and Emboss

Paso 2

Añade un Trazo con estos ajustes:

  • Tamaño: 20 px
  • Posición: Exterior
  • Modo de fusión: Normal
  • Opacidad: 100%
  • Tipo de relleno: Degradado
  • Degradado: de #c88206 a #753104
  • Estilo: Lineal
  • Ángulo: -90°
  • Escala: 100%.
  • Desmarca Invertir y Tramado 
  • Marca Alinear con Capa
Part Six - StrokePart Six - StrokePart Six - Stroke

Paso 3

Agrega una Sombra Paralela:

  • Modo de Fusión: Normal
  • Color: #000000
  • Opacidad: 75%
  • Desmarca la casilla Usar luz global antes de establecer un Ángulo: 90°
  • Distancia: 11 px
  • Extender: 47%
  • Tamaño: 38 px
Part Six - Drop ShadowPart Six - Drop ShadowPart Six - Drop Shadow

Como resultado, tendrás la siguiente imagen:

Result of the Part SixResult of the Part SixResult of the Part Six

7. Cómo crear el estilo de capa de trazo exterior

Añade un Trazo con estos ajustes:

  • Tamaño: 30 px
  • Posición: Exterior
  • Modo de fusión: Normal
  • Opacidad: 100%
  • Tipo de relleno: Degradado 
  • Degradado: de #bc1526 a #c72435
  • Estilo: Lineal
  • Ángulo: 90°.
  • Escala: 100%.
  • Desmarca Invertir y Tramado
  • Marca Alinear con Capa
Part Seven - StrokePart Seven - StrokePart Seven - Stroke

Como resultado, tendrás la siguiente imagen:

Result of the Part SevenResult of the Part SevenResult of the Part Seven

Felicidades, ¡ya está listo!

El efecto de texto de cerebro está listo. Aquí está la imagen final. Espero que hayas disfrutado de este tutorial.

Final ResultFinal ResultFinal Result

No olvides compartir tu resultado con nosotros.

De paso, si quieres cambiar el texto, haz doble clic en el icono del objeto inteligente y Photoshop abrirá un nuevo archivo PSB. Cambia el texto, ve a Archivo > Guardar para guardar los cambios y a Archivo > Cerrar para cerrar este archivo. Después, obtendrás un archivo actualizado con una nueva palabra.

Puedes comprar este efecto como parte de mis Efectos de Texto de Halloween en GraphicRiver.

Style PackStyle PackStyle Pack
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads