Advertisement
  1. Design & Illustration
  2. Adobe Illustrator

Cómo realzar texto en Illustrator

Scroll to top
Read Time: 7 min

Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)

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

En los pasos siguientes, aprenderás a hacer que el texto se vea en relieve en Adobe Illustrator.

Para empezar, aprenderás a crear un fondo simple de tu diseño de texto. A continuación, aprenderás a agregar texto y ajustar fácilmente su apariencia. Continuando, aprenderás a realzar el texto en Illustrator. Finalmente, aprenderás cómo transferir las propiedades de tu texto en relieve a otras piezas de texto.

Para mas inspiración en cómo ajustar o mejorar los efectos de texto finales, puedes encontrar muchos recursos en GraphicRiver.

Lo que necesitarás:

Necesitarás el siguiente recurso para completar este efecto de texto 3D:

1. Cómo crear el fondo

Presiona ctrl-N para crear un nuevo documento. Selecciona píxeles en el menú desplegable unidades, ingresa 850 en el cuadro de anchura y 680 en el cuadro de altura y después da click en el botón más configuraciones Selecciona RGB para el modo de color, establece los efectos ráster en pantalla (72 ppl) y, a continuación, haz clic en crear documento.

Elige la herramienta rectángulo (M) y concéntrate en tu barra de herramientas. Elimina el color del trazo y después selecciona el relleno y establece su color en R=124 G=109 B=254. Crea una forma del tamaño de tu mesa de trabajo (850 x 680 px) y colócala como se muestra en la siguiente imagen. Ahora que el fondo está preparado, aprendamos a hacer que el texto se vea en relieve en Illustrator.

rectangle tool backgroundrectangle tool backgroundrectangle tool background

2. Cómo agregar el texto

Paso 1

Selecciona la herramienta texto (T) y abre el panel carácter (ventana > texto > carácter). Selecciona la fuente Knicknack y ajusta la medida a 130 px.

Haz clic en la mesa de trabajo y escribe la palabra "EMBOSSED". Establece su color en blanco (R=255 G=255 B=255). Colócalo como se muestra en la primera imagen.

Usando la misma herramienta y atributos de texto, agrega las palabras "TEXT" y "EFFECT" y colócalas como se muestran en la segunda imagen.

type tool texttype tool texttype tool text

Paso 2

Selecciona el texto "EMBOSSED", enfócate en el panel muestras (ventana > muestras) y haz clic en esa muestra [ninguna] para eliminar el color blanco del texto.

Ve al panel apariencia (ventana > apariencia) y agrega un nuevo relleno con el botón agregar nuevo relleno. Selecciona el nuevo relleno y configura su color a R=97 G=83 B=242.

text color appearance paneltext color appearance paneltext color appearance panel

3. Cómo resaltar el texto en Illustrator

Paso 1

Asegúrate de que el texto EMBOSSED permanezca seleccionado y sigue centrándote en el panel apariencia.

Agrega un segundo relleno y selecciónalo. Cambia el color a R=104 G=90 B=253 y ve a efecto > distorsionar & transformar > transformar. Introduce los atributos que se muestran a continuación y haz clic en aceptar. No olvides comprobar ese punto de referencia superior-medio (resaltado en la imagen siguiente).

add new fill transform effectadd new fill transform effectadd new fill transform effect

Paso 2

Asegúrate de que el texto EMBOSSED permanezca seleccionado y sigue centrándote en el panel apariencia.

Agrega un tercer relleno y selecciónalo. Cambia el color a R=142 G=127 B=254 y ve a efecto> distorsionar y transformar> transformar. Ingresa los atributos que se muestran a continuación y haz clic en aceptar. Recuerda verificar el punto de referencia superior-medio.

add new fill embossed textadd new fill embossed textadd new fill embossed text

Paso 3

Asegúrate de que el texto EMBOSSED permanezca seleccionado y sigue centrándote en el panel apariencia.

Agrega un cuarto relleno y selecciónalo. Cambia el color a R=136 G=121 B=254 y ve a efecto > distorsionar & transformar > transformar. Introduce los atributos que se muestran a continuación en la ventana izquierda y haz clic en aceptar. Recuerda revisar el punto de referencia superior-medio. Ve de nuevo a efecto > distorsionar & transformar > transformar. Introduce los atributos que se muestran a continuación en la ventana derecha y haz clic en aceptar. Esta vez, recuerda revisar el punto de referencia inferior-medio.

add new fill embossed textadd new fill embossed textadd new fill embossed text

Paso 4

Asegúrate de que el texto EMBOSSED permanezca seleccionado y sigue centrándote en el panel apariencia.

Agrega una quinta capa y selecciónala. Cambia el color a R=124 G=109 B=254 y ve a efecto > distorsionar & transformar > transformar. Introduce los atributos mostrados a continuación en la parte izquierda de la ventana y haz clic en aceptar. Recuerda comprobar el punto de referencia superior-medio. Ve de nuevo a efecto > distorsionar & transformar > transformar. Introduce los atributos que se muestran a continuación en la ventana derecha y haz clic en aceptar. Esta vez, recuerda comprobar el punto de referencia inferior-medio.

add new fill embossed textadd new fill embossed textadd new fill embossed text

Paso 5

Asegúrate de que el texto EMBOSSED permanezca seleccionado y sigue centrándote en el panel apariencia.

Asegúrate de que el relleno superior todavía está seleccionado y ve a efecto > estilizar > resplandor interior. Introduce los atributos que se muestran a continuación y haz clic en aceptar.

add new fill embossed textadd new fill embossed textadd new fill embossed text

Paso 6

Asegúrate de que el texto EMBOSSED permanezca seleccionado y sigue centrándote en el panel apariencia.

Agrega un nuevo relleno y arrástralo a la parte inferior del panel. Selecciónalo, ajusta el color a R=97 G=83 B=252 y ve a efecto > estilizar > sombra paralela. Ingresa los atributos mostrados en la ventana superior-izquierda (en la siguiente imagen) haz clic en aceptar y aplica los otros dos efectos de sombra paralela mostrados abajo.

drop shadow embossed textdrop shadow embossed textdrop shadow embossed text

Paso 7

Asegúrate de que el texto EMBOSSED permanezca seleccionado y sigue centrándote en el panel apariencia.

Agrega un nuevo relleno y suéltalo en el panel inferior. Selecciónalo, define el color en R=97 G=83 B=252 y ve a efecto > estilizar > sombra paralela. Introduce los atributos mostrados en la siguiente imagen y haz clic en aceptar.

drop shadow embossed textdrop shadow embossed textdrop shadow embossed text

Paso 8

Asegúrate de que el texto EMBOSSED permanezca seleccionado y sigue centrándote en el panel apariencia.

Agrega un nuevo relleno y suéltalo en el panel inferior. Selecciónalo y configura el color en R=97 G=83 B=252 y ve a efecto > estilizar > sombra paralela. Introduce los atributos que se muestran en la siguiente imagen y haz clic en aceptar.

drop shadow embossed textdrop shadow embossed textdrop shadow embossed text

Paso 9

Asegúrate de que el texto EMBOSSED permanezca seleccionado y sigue centrándote en el panel apariencia.

Agraga un nuevo relleno y suéltalo en el panel inferior. Selecciónalo, define el color en R=97 G=83 B=252 y ve a efecto > estilizar > sombra paralela. Introduce los atributos mostrados en la siguiente imagen, haz clic en aceptar, y este será tu texto en relieve.

drop shadow embossed textdrop shadow embossed textdrop shadow embossed text

Paso 10

Céntrate en el panel capas, expande tu capa y utiliza esos iconos de destino para aplicar fácilmente los atributos de apariencia utilizados para el texto EMBOSSED a las otras dos piezas de texto. Los iconos de destino son pequeños iconos redondos que se muestran en el extremo derecho de cada capa individual o forma.

Mantén presionado el botón Alt en el teclado, haz clic en el icono de destino que representa tu fragmento de texto EMBOSSED y, a continuación, arrástralo al icono de destino que representa tus fragmentos de texto TEXT y EFFECT.

copy paste embossed text effectcopy paste embossed text effectcopy paste embossed text effect

¡Felicidades! ¡Tu Texto en Relieve Está Listo!

Así es como debe verse tu texto en relieve. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos. No dudes en compartir tu texto 3D en la sección de comentarios.

Siéntete libre de ajustar el diseño de texto final y hacerlo tuyo. Puedes encontrar grandes fuentes de inspiración en GraphicRiver, con interesantes soluciones para mejorar tu texto en relieve.

how to make text look embossed in illustratorhow to make text look embossed in illustratorhow to make text look embossed in illustrator

¿Quieres aprender más?

Echa un vistazo a los siguientes efectos de texto:

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
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.