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 letras colegiales en Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

Aprende a crear un estilo gráfico que se puede aplicar tipo en vivo a cualquier objeto vectorial. El resultado es un recuerdo de los parches en las chamarras deportivas de la escuela, y se puede lograr con unos simples trazos y efectos en Adobe Illustrator.

Esto es solo una de las muchas cosas que aprenderás en mi curso de Tuts+, Efectos a fondo en Illustrator.

1. Configura el documento

Paso 1

Crea un documento nuevo utilizando el ajuste preestablecido RGB básico. Ahora crea un conjunto de cuatro muestras: uno en rojo claro y oscuro, y otro en un azul claro y oscuro. Obviamente, puedes usar cualquier combinación de colores que quieras, pero para hacerlo más simple, me referiré al rojo y al azul a lo largo del tutorial. Aquí está el desglose RGB de las muestras que voy a utilizar:

set up the color palette

Dibuja un rectángulo del mismo tamaño que la mesa de trabajo y rellénalo con el azul marino. Bloquea este rectángulo yendo a Objeto > Bloquear > Selección.

Asegúrate de tener el menú de Apariencia abierto, ya que este será el centro de comandos de este tutorial.

Paso 2

Estoy usando la fuente "Ballpark Wiener", la cual puedes encontrar aquí. Otra buena fuente retro es Mascot. Escribe cualquier palabra y ponla en 200 pt. Al igual que con muchas fuentes, es posible que tengas que ajustar el espacio entre ciertos pares de letras, para que las letras se conecten.

type a word

Paso 3

Mantén el texto seleccionado y elimina el relleno. Es lo mismo que ponerle [Sin Relleno].

remove the fill
Elimina el relleno del tipo

2. Agrega trazos y efectos

Paso 1

Con el texto aún seleccionado, ve al menú de Apariencia y haz clic en el icono Agregar nuevo relleno en la parte inferior. En el menú desplegable de Muestras, escoge el azul medio en la paleta.

Add fill
Agrega el relleno al texto a través del menú de Apariencia

Paso 2

Haz clic otra vez en Agregar nuevo relleno, esta vez usando un degradado lineal de negro a blanco.

add gradient fill
Agrega un segundo relleno, usando un degradado de negro a blanco

Paso 3

Abre el menú de Degradado y ajusta el ángulo para que vaya de negro en la parte de abajo a blanco en la parte de arriba.

adjust gradient angle
Cambia el ángulo del degradado

Paso 4

Selecciona el relleno de degradado en el menú de Apariencia. Ve al menú de Efecto y escoge Pixelizar > Puntillismo. Pon el Tamaño de celda en 4.

pointilize effect
Agrega un efecto de Puntillismo al relleno degradado

Checa dos veces la configuración de Efectos ráster de documento en el menú Efecto. Deben estar en Medio o Alto.

Paso 5

Haz clic en la Opacidad del relleno degradado en el menú de Apariencia y cambia el Modo de fusión a Superponer. Establece la Opacidad en 30%.

Cambia la Opacidad y el Modo de Fusión del relleno degradado

Paso 6

Mantén el tipo seleccionado y haz clic en el icono Añadir nuevo trazo en el menú de Apariencia. Pon el color en blanco y el tamaño del punto entre 20 y 30.

add stroke

Dependiendo de las letras y la fuente que estés usando, es posible que tengas que aumentar el tamaño del punto. Quieres que el blanco rellene todos los espacios entre las letras, así como los contadores de letras individuales.

fill in the gaps
Aumenta el tamaño del punto para que no haya huecos en el trazo blanco
increase stroke weight
Sin huecos

Paso 7

Agrega un nuevo trazo y pon el color en Rojo. Cambia el grueso del trazo a unos 8 pts.

Add a new stroke
Agrega otro trazo y hazlo rojo

Paso 8

Mantén el nuevo trazo rojo seleccionado en el menú de Apariencia y ve a Efecto > Trazado > Desplazamiento de trazado.

offset effect

Pon el tamaño de Desplazamiento para que el trazo rojo se sitúe justo en el borde del trazo blanco.

offset the stroke
Usa la tecla de flecha arriba para aumentar el desplazamiento

Paso 9

No queremos que los trazos rojos se encimen, así que para arreglar esto, vuelve al menú Efecto a Buscatrazos >Añadir. Esto aplicará la función Añadir como un efecto en vivo, que es diferente a usar el menú Buscatrazos, que altera los trazados y los hace ineditables.

pathfinder effect

Ahora deberías ver el efecto Desplazamiento de trazado y el efecto Añadir en el menú de Apariencia.

appearance panel
Ambos efectos se muestran en el menú de Apariencia

Paso 10

Mantén el trazo rojo seleccionado en el menú de Apariencia y haz clic en el icono Duplicar elemento seleccionado en la parte de abajo del menú.

duplicate selected item
Duplica el trazo rojo

Paso 11

Selecciona el nuevo trazo (el de arriba) y cambia el tamaño de punto a 1 y el color a blanco.

new white stroke
Cambia el nuevo trazo a blanco y hazlo de 1 punto

Paso 12

Haz clic para abrir el menú de Trazo dentro del menú de Apariencia. Cambia el estilo de la Tapa a redondeada y marca la opción de Línea discontinua. Pon el punteado en 2 y el espacio en 2. Esto hará que el trazo blanco parezca costura. No es necesario llenar el resto de los campos, porque el punteado y el espacio se repetirán.

create a dashed line
Agrega una línea discontinua al trazo blanco

Paso 13

Duplica el trazo rojo seleccionándolo y haciendo clic en el icono Duplicar elemento seleccionado en la parte de abajo del menú de Apariencia. Cambia el color a Rojo Oscuro, y cambia el grosor de trazo a 3 pts.

duplicate stroke
Cambia el color del nuevo trazo a rojo oscuro y su grosor a 3 puntos

Paso 14

Haz clic en el triángulo desplegable del trazo rojo oscuro en el menú de Apariencia si no ves los efectos aplicados. Haz clic en Desplazamiento de trazado para cambiar la configuración. Cambia el desplazamiento a 23 pts.

offset dark red path
Haz clic en la palabra Desplazamiento para ajustar la configuración

Paso 15

Haz clic para abrir el menú de Trazo del trazo rojo oscuro. Agrega una línea discontinua con un punteado y un espacio de 0.5 pt. Esta será la costura que pega el parche a la chamarra.

dashed line
Agrega una línea discontinua para coser

Paso 16

Para agregar algo de dimensión al relleno azul, selecciónalo y ve a Efecto > Estilizar > Resplandor interior. Establece el Modo de Fusión en Pantalla, la Opacidad en 90% y el Desenfocar en 2 pts. Marca la opción de Borde.

inner glow
Agrega dimensión usando un efecto de resplandor interior

¡Felicidades, ya terminaste!

Ahora puedes abrir el menú de Estilos gráficos y hacer clic en el nuevo icono de estilo para crear un Estilo Gráfico. Ahora puedes usar este estilo en cualquier tipo en vivo u objeto vectorial.

graphic style
Crea un estilo gráfico para usarlo en cualquier tipo en vivo u otro objeto vectorial.
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.