Advertisement
  1. Design & Illustration
  2. Adobe Illustrator

Tutorial de Illustrator para resaltar texto

Scroll to top
Read Time: 9 min

() translation by (you can also view the original English article)

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

En este tutorial aprenderás cómo resaltar texto en Illustrator.

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

Pero, ¿Qué pasa si no tienes tiempo para aprender a crear un efecto de texto en relieve en Illustrator? ¿Y si necesitas una variedad de efectos de texto en Illustrator ya preparados para tus diseños?

En ese caso Envato Elements es tu mejor opción. ¡Esta plataforma basada en las suscripciones te ofrece ilimitados efectos de texto en Illustrator y mucho más! Crea fácilmente un diseño de texto resaltado con este estilo de capa disponible en Envato Elements:

Efecto de texto resaltado para IllustratorEfecto de texto resaltado para IllustratorEfecto de texto resaltado para Illustrator

¿Prefieres videotutoriales a las guías escritas? ¡No olvides visitar el canal en YouTube de Envato Tuts+! Allí podrás ver un montón de videotutoriales, como este nuevo vídeo sobre cómo resaltar texto en Illustrator:

Lo que aprenderás en este tutorial de Illustrator para resaltar texto

  • Cómo crear el fondo
  • Cómo añadir el texto
  • Cómo crear texto resaltado en Illustrator

Lo que necesitarás

Necesitarás la siguiente fuente para completar este tutorial de Illustrator para resaltar texto:

1. Cómo crear el fondo

Para crear un efecto de texto resaltado en Illustrator, empezaremos con un fondo. Presiona Control-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 haz clic en el botón Más ajustes. Selecciona RGB para el Modo de color, establece los Efectos de rasterizado en Pantalla (72 ppl) y, a continuación, haz clic en Crear documento.

Selecciona 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 cómo resaltar texto en Illustrator.

Crear un fondo con la herramienta rectánguloCrear un fondo con la herramienta rectánguloCrear un fondo con la herramienta rectángulo

2. Cómo añadir texto en Illustrator

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). Coloca el texto en Illustrator como se muestra en la primera imagen.

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

Herramienta texto de IllustratorHerramienta texto de IllustratorHerramienta texto de Illustrator
Herramienta texto de Illustrator

Paso 2

Selecciona el texto "EMBOSSED", céntrate en el panel Muestras (Ventana > Muestras) y haz clic en esa muestra [ninguno] para eliminar el color blanco del texto.

Ve al panel Apariencia (Ventana > Apariencia) y añade un nuevo relleno con el botón Añadir nuevo relleno. Selecciona el nuevo relleno y configura su color a R=97 G=83 B=242.

Panel apariencia para el color del texto en IllustratorPanel apariencia para el color del texto en IllustratorPanel apariencia para el color del texto en Illustrator
Panel apariencia para el color del texto en Illustrator

3. Cómo resaltar texto en Illustrator

Paso 1

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

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

Adición de un nuevo releno y aplicación de un efecto de transformaciónAdición de un nuevo releno y aplicación de un efecto de transformaciónAdición de un nuevo releno y aplicación de un efecto de transformación

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. Aplica los atributos que se muestran a continuación y haz clic en Ok. Recuerda verificar el punto de referencia superior-medio.

Adición de un nuevo relleno al texto resaltadoAdición de un nuevo relleno al texto resaltadoAdición de un nuevo relleno al texto resaltado

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 y transformar > Transformar. Introduce los atributos que se muestran a continuación en la ventana izquierda y haz clic en Ok. Recuerda revisar el punto de referencia superior-medio. Ve de nuevo a Efecto > Distorsionar y transformar > Transformar. Introduce los atributos que se muestran a continuación en la ventana derecha y haz clic en Ok. Esta vez, recuerda revisar el punto de referencia inferior-medio.

Adición de un nuevo relleno al texto resaltadoAdición de un nuevo relleno al texto resaltadoAdición de un nuevo relleno al texto resaltado

Paso 4

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

Agrega un quinto relleno y selecciónalo. Cambia el color a R=124 G=109 B=254 y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los atributos mostrados a continuación en la parte izquierda de la ventana y haz clic en Ok. Recuerda comprobar el punto de referencia superior-medio. Ve de nuevo a Efecto > Distorsionar y transformar > Transformar. Introduce los atributos que se muestran a continuación en la ventana derecha y haz clic en Ok. Esta vez, recuerda comprobar el punto de referencia inferior-medio.

Adición de un quinto relleno al texto resaltadoAdición de un quinto relleno al texto resaltadoAdición de un quinto relleno al texto resaltado
Adición de un quinto relleno al texto resaltado

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

Adición de un nuevo relleno al texto en IllustratorAdición de un nuevo relleno al texto en IllustratorAdición de un nuevo relleno al texto en Illustrator

Paso 6

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

Añade 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. Aplica los atributos mostrados en la ventana superior-izquierda (en la siguiente imagen) haz clic en Ok y aplica los otros dos efectos de Sombra paralela mostrados abajo.

Efecto de sombra paralela sobre el texto resaltadoEfecto de sombra paralela sobre el texto resaltadoEfecto de sombra paralela sobre el texto resaltado
Efecto de sombra paralela sobre el texto resaltado

Paso 7

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

Añade un nuevo relleno y suéltalo en la parte inferior del panel. 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 Ok.

Efecto de sombra paralela sobre el texto de IllustratorEfecto de sombra paralela sobre el texto de IllustratorEfecto de sombra paralela sobre el texto de Illustrator
Efecto de sombra paralela sobre el texto de Illustrator

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

Efecto de sombra paralela sobre el texto resaltadoEfecto de sombra paralela sobre el texto resaltadoEfecto de sombra paralela sobre el texto resaltado
Efecto de sombra paralela sobre el texto resaltado

Paso 9

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, haz clic en Ok, y este será tu texto resaltado.

Efecto de sombra paralela sobre el texto de IllustratorEfecto de sombra paralela sobre el texto de IllustratorEfecto de sombra paralela sobre el texto de Illustrator

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

Copia y pega el efecto de texto resaltadoCopia y pega el efecto de texto resaltadoCopia y pega el efecto de texto resaltado
Copia y pega el efecto de texto resaltado

¡Felicidades! ¡Tu texto resaltado está listo!

Así es como debería verse tu texto resaltado. Espero que hayas disfrutado de este tutorial de Illustrator y puedas aplicar estas técnicas en tus futuros proyectos. ¡No dudes en ajustar el diseño final de tu texto en Illustrator y hacerlo tuyo!

Cómo resaltar texto en IllustratorCómo resaltar texto en IllustratorCómo resaltar texto en Illustrator
Cómo resaltar texto en Illustrator

5 mejores efectos de texto en 3D para Illustrator disponibles en Envato Elements

Ahora que sabes cómo resaltar texto en Illustrator, podrías estar buscando recursos para agilizar tu proceso de diseño. A cambio de una tarifa plana mensual, puedes descargar tantos efectos de texto en 3D como quieras en Envato Elements.

Aquí tienes una selección con algunos de mis favoritos efectos de texto en Illustrator:

1. Complemento de texto resaltado para Illustrator (EPS)

Complemento de texto resaltado para Illustrator (EPS)Complemento de texto resaltado para Illustrator (EPS)Complemento de texto resaltado para Illustrator (EPS)
Complemento de texto resaltado para Illustrator (EPS)

ste complemento para crear un efecto de texto resaltado es la forma más sencilla de crear un diseño de fuente en relieve. Es fácil de editar y viene con capas bien organizadas. ¡Pruébalo en tu próximo proyecto!

2. Efecto para resaltar texto en 3D y colores neón (EPS)

Efecto para resaltar texto en 3D y colores neón (EPS)Efecto para resaltar texto en 3D y colores neón (EPS)Efecto para resaltar texto en 3D y colores neón (EPS)
Efecto para resaltar texto en 3D y colores neón

¿Prefieres un diseño de texto resaltado más brillante? ¿Por qué no pruebas este efecto de texto para Illustrator en 3D? Si te gustan los colores neón y los diseños atractivos, ¡esta es una forma genial de resaltar texto en Illustrator! 

3. Efecto de texto en Illustrator con titular resaltado en 3D (AI)

Efecto de texto en Illustrator con titular resaltado en 3D (AI)Efecto de texto en Illustrator con titular resaltado en 3D (AI)Efecto de texto en Illustrator con titular resaltado en 3D (AI)
Efecto de texto en Illustrator con titular resaltado en 3D (AI)

Ofrece a tus diseños de texto resaltado una fantástica apariencia con este efecto de texto para Illustrator. Con tan solo unos clics, tu texto se transformará en este diseño de efecto de texto en Illustrator resaltado.

4. Levitation - Efecto 3D para resaltar texto en Illustrator (AI, EPS)

Levitation - Efecto 3D para resaltar texto en Illustrator (AI, EPS)Levitation - Efecto 3D para resaltar texto en Illustrator (AI, EPS)Levitation - Efecto 3D para resaltar texto en Illustrator (AI, EPS)
Levitation - Efecto 3D para resaltar texto en Illustrator (AI, EPS)

Utiliza este complemento para resaltar texto en Illustrator y obtener una apariencia única. Este efecto de texto para Illustrator hará que tu texto parezca flotar sobre papel. Es una genial interpretación de un efecto de texto resaltado en Illustrator.

5. Efecto retro futurista de texto resaltado en 3D para Illustrator (EPS)

Efecto retro futurista de texto resaltado en 3D para Illustrator (EPS)Efecto retro futurista de texto resaltado en 3D para Illustrator (EPS)Efecto retro futurista de texto resaltado en 3D para Illustrator (EPS)
Efecto retro futurista de texto resaltado en 3D para Illustrator (EPS)

Aquí tienes un efecto de texto en Illustrator en 3D que puedes probar para crear un genial diseño. Si prefieres efectos de texto de estilo retro, deberías probar este. ¡Crearás un estupendo diseño de texto en Illustrator con relieve!

¿Quieres aprender más?

Echa un vistazo a estos tutoriales sobre cómo crear 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
One subscription. Unlimited Downloads.
Get unlimited downloads