Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cómo crear un efecto de texto concreto caliente en Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Iván Gómez (you can also view the original English article)

Final product image
What You'll Be Creating

En este tutorial, usted aprenderá cómo crear un efecto de texto concreto caliente usando dos capas para conseguir un punto de fuga central en Adobe Photoshop. Vamos a empezar!

Archivos para el tutorial:

Los siguientes archivos fueron utilizados durante la producción de este tutorial.

1. Crear el fondo

Paso 1

Instale el archivo de Motivo concrete01.pat haciendo doble clic en él.

Paso 2

Cree un Nuevo documento (Archivo > Nuevo). Establezca el ancho a 600 px y la altura a 500 px. La resolución debe ser de 72 ppi.

Create a new document

Paso 3

Seleccione el fondo y duplíquelo (Vaya a Capa > Duplicar capa > OK). Cambie el nombre de la nueva capa a Background Pattern.

Layer Background Pattern

Paso 4

Para añadir la textura, vaya a Capa y abra la ventana Estilo de capa. Active la casilla de Superposición de motivo, seleccione concrete01.pat de la lista y pulse OK.

Pattern Overlay

Background Pattern

Paso 5

Vaya a Superposición de Color en el panel de Estilo de capa y aplique la siguiente configuración.

Color Overlay

Dark Background Pattern

Paso 6

Ahora vamos a añadir la luz roja brillante para crear el efecto reflejo caliente en el fondo. Vaya a Estilo de capa > Bisel y relieve y establezca estos valores:

Red Bevel Emboss


2. Crear el texto

Paso 1

Escriba la palabra Saint o cualquier texto de su elección utilizando la fuente Stonecross. Establezca el Tamaño de fuente a 130 pt, Interlineado en Auto y el Tracking a 20 pt. Para mejor calidad, cambie el modo de suavizado a Enfocado. Cambie el nombre de la capa 'SAINT a'.

Paso 2

Duplique el texto y cambie el nombre de la nueva capa 'SAINT b' como se muestra a continuación. Oculte la capa  'SAINT b' para trabajar más cómodamente, porque no vamos a utilizar esta capa aún.

Duplicate the text layer

Paso 3

Con la herramienta Mover, seleccione las dos capas de texto y la capa de fondo y haga clic en los comandos Alinear centros horizontales y Alinear centros verticales desde el menú superior.

Plain text WIP

3. Aplicar estilo a la capa principal

Paso 1

Seleccione la capa SAINT y vaya a Capa > Estilo de capa >  Superposición de motivo. Haga clic en el cuadro de Motivo, elija concrete01 de la lista (estamos utilizando el mismo patrón de fondo) y ajuste la Escala al 50%. Ahora se ve un poco más como concreto real.

Text Pattern Overlay

Text Pattern Overlay

Paso 2

Para obtener el aspecto biselado, vaya a la ventana Estilo de capa y cambie los ajustes de Bisel y relieve y Contorno como se muestra a continuación.

Necesitará crear dos curvas de Contorno de resplandor personalizadas para obtener el efecto de volumen. Revise cuidadosamente las imágenes y utilice los valores indicados en la columna de la derecha.

Bevel and Emboss
Contour of Bevel and Emboss
Beveled text

Paso 3

Para iluminar las letras vamos a utilizar un degradado como base. Seleccione Superposición de degradado en la ventana Estilo de capa y establezca los valores como se muestra a continuación.

Consejo: Para crear un nuevo punto en el degradado  haga clic debajo de la barra de degradado. Hacer clic en cada parada de color le permite modificar la ubicación y el Color.

Gradient Overlay to light on the letters
Hot Concrete

Paso 4

Vaya a Estilo de capa > Satinado y utilice la siguiente configuración para aclarar el texto.
El contorno por defecto es la curva denominada Desnivel profundo.

Brighten up the text by Satin
Brighten up the text

Paso 5

Ahora vamos a mejorar el efecto añadiendo un resplandor brillante. Vaya a Estilo de capa > Resplandor interior y establezca los valores siguientes.

Shiny glow with Inner Glow
Concrete even more hot

Paso 6

Necesitamos añadir algunas sombras para separar el texto del fondo. Vaya a Estilo de capa > Resplandor exterior y utilice la configuración que se muestra a continuación.

Some shadows
Outer Glow as a shadow

4. Aplicar un estilo a la segunda capa

Paso 1

Ahora vamos a trabajar con la segunda capa llamada 'SAINT b', así que asegúrese de que habilitar su visibilidad! En este paso tenemos que lograr una perspectiva con un punto de fuga central. Vaya a la ventana Carácter y cambie el valor de la Escala horizontal a 97% como se muestra a continuación.

The second layer

Paso 2

Vaya a Capa > Estilo de capa > Superposición de motivo y seleccione el motivo concrete01 para igualar la textura de ambas capas. Ajuste la Escala al 50%.

Pattern Overlay

Second layer now with pattern

Paso 3

Para lograr el color de los bordes ardientes tiene que ir a Estilo de capa y modificar Superposición de color con los siguientes valores.

Turn red the second layer
3D look

Paso 4

Seleccione Trazo en la ventana Estilo de capa y establezca la Posición a Exterior y Tipo de relleno: Color, con el valor que se muestra a continuación.

Add some color stroke
Shiny stroke

Paso 5

Vamos a añadir algunas sombras para separar el texto del fondo. Vaya a Estilo de capa > Sombra paralela y utilice los valores mostrados en la siguiente imagen.

Separate the text from the background
Close to the end

Paso 6

En este último paso vamos a destacar los bordes calientes agregando un resplandor exterior. Vaya a Estilo de capa > Resplandor exterior y modifique los siguientes ajustes. El Contorno es una curva por defecto llamada Cono.

Hot edges
Final step

Gran trabajo, ¡listo!

En este tutorial mostré cómo crear un efecto de texto de concreto caliente usando una textura real y dos capas para lograr un punto de fuga central.

Espero que haya disfrutado de este tutorial y puede usar lo que ha aprendido de sus propios proyectos. No dude en comentar y mostrar sus resultados.

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.