() translation by (you can also view the original English article)
¿Alguna vez te has preguntado qué herramientas de Illustrator puedes utilizar para hacer el lettering más atractivo de lo que ya está? La herramienta Blend (fusión) es fácil de usar ¡y puedes hacer que las letras manuscritas cobren vida de manera rápida! En este breve tutorial de Illustrator, aprenderemos a usar la herramienta Fusión para crear un diseño fascinante.
¿Buscas sorprendentes gráficos vectoriales y complementos para Illustrator? Dirígete a Envato Elements para descargas ilimitadas de recursos digitales.
Mientras que a unas personas les encantan los tutoriales escritos, otras prefieren videotutoriales para aprender de manera visual. Si tú perteneces a este último grupo, te fascinará el canal de Envato Tuts+ en YouTube. Mira nuestro nuevo video para aprender fácilmente cómo usar la herramienta Fusión Illustrator:
Lo que aprenderás en este tutorial de la herramienta Fusión Illustrator
- Cómo crear el trazo inicial para el lettering Illustrator
- Cómo usar la herramienta Fusión Illustrator
- Cómo fusionar colores con herramientas de Illustrator
- Cómo fusionar texto con Blend Illustrator
- Cómo usar la herramienta Borrador
- Cómo añadir una sombra paralela con herramientas de Illustrator
- Cómo guardar el archivo de letras para Illustrator
Lo que necesitarás para el tutorial de cómo hacer lettering en Illustrator
Necesitarás acceso a Adobe Illustrator; si no tienes el software, puedes descargar una versión de prueba desde el sitio web de Adobe. También requerirás lo siguiente para este tutorial de Illustrator:
- el archivo adjunto Illustrator line
- Playfair Display de Google fonts
1. Abre el archivo proporcionado de lettering Illustrator
Abre el archivo de letras para Illustrator en el software. Ya está configurado como un documento de 1080 px x 1080 px en RGB en 72ppp.
2. Cómo crear el trazo inicial para el lettering Illustrator
Paso 1
Dirígete a la barra de herramientas y haz clic en la herramienta Rectángulo. Haz clic manteniendo la presión para expandir las opciones y selecciona la herramienta Elipse (L). Pulsa Opción-Mayúsculas para dibujar un círculo expandiéndose desde el centro; estoy eligiendo un tamaño de 64 px. Este círculo dictará el tamaño del trazo.
Paso 2
Queremos añadir un degradado a la nueva forma que creamos. Selecciona la forma y dirígete a la barra de herramientas. Selecciona la muestra del contorno y haz clic en ninguno. Selecciona la muestra del Relleno y selecciona Degradado.
Paso 3
Queremos dar color a este degradado, así que abramos nuestro panel Degradado aplicando Ventana > Degradado. Selecciona un lado de la barra del degradado y en la barra Color selecciona el color que deseas usar. Cualquier color que quisieras usar está bien, solo asegúrate de que un lado de la barra sea claro y el otro lado sea oscuro. Esto dará más dimensión a la ilustración. Voy a elegir azul, con el código de color #3CD9FF, para el control deslizante izquierdo y #0000FF para el control deslizante derecho.
Paso 4
Multipliquemos la forma presionando Opción-Mayúsculas y arrastrando hacia la derecha. Voy a elegir un color púrpura para esta otra forma con los siguientes códigos: #FF9BFF y #7900FF. A continuación, veremos cómo fusionar colores en Illustrator.
3. Cómo usar la herramienta Blend Illustrator
Paso 1
Ahora comencemos con la parte divertida en este tutorial de Illustrator sobre fusión 3D. Selecciona ambas formas y selecciona la herramienta Fusión (W) Illustrator. Haz clic en el punto izquierdo de ambos círculos, comenzando con el azul y luego con el círculo púrpura.
Paso 2
Todos obtendrán algo diferente cuando aprenden a fusionar colores en Illustrator, pero queremos hacer una transición fluida. Mientras la forma está seleccionada, haz doble clic en la herramienta Fusión Illustrator en la barra de herramientas para abrir la ventana de Opciones de fusión. En Espaciado, selecciona Distancia especificada y marca la casilla Previsualizar. Cambia la Distancia especificada a 1 px para obtener una transición suave. Haz clic en OK.
Paso 3
Selecciona la forma y selecciona el tipo de línea. Dirígete a Objeto > Fusión > Remplazar lomo. Esta opción sustituirá el trazo por la forma que acabamos de crear mientras mantenemos las dos formas iniciales que usamos al principio y al final de la palabra. En el lado derecho está una previsualización (Comando-Y) de los elementos.
Paso 4
Usando la herramienta Selección directa (A), podemos duplicar un punto para la "i". Selecciona el círculo en la derecha y presiona Comando-C seguido por Comando-V y coloca el círculo creado recientemente sobre la "i". Y así diste los primeros pasos en tu aprendizaje de cómo hacer lettering en Illustrator.
Paso 5
Agreguemos color al fondo. Selecciona la herramienta Rectángulo (M) y crea un cuadrado negro en la mesa de trabajo. Presiona Mayúsculas-Comando-[ para mover el cuadrado atrás y anclar el elemento presionando Comando-2.
Paso 6
Ahora veremos cómo fusionar texto en este tutorial de Illustrator. Agreguemos algún texto con serifa para hacer que la ilustración luzca intrincada. Usando la herramienta Texto (T), haz clic en la mesa de trabajo y escribe "BYE". Voy a elegir Playfair Display en 445 pt en color blanco.
Paso 7
Mientras está seleccionado el elemento de texto, presiona Mayúsculas-Comando-O para crear contornos en el texto, seguido por Mayúsculas-Comando-G para desagrupar la palabra.
4. Cómo usar la herramienta Borrador en las letras para Illustrator
Queremos crear la ilusión del elemento script que se entrelaza con la fuente con serifa en este tutorial de Illustrator. Traigamos hacia adelante la B seleccionándola y presionando Mayúsculas-Comando-].
Para la "Y", podemos crear más dimensión pues tenemos la "h" alrededor de la letra. Selecciona la "Y" y presiona Mayúsculas-Comando-V para duplicar el elemento en el mismo lugar. Esto lo duplicará sobre el elemento script. En la barra de herramientas, selecciona la herramienta Borrador (Mayúsculas-E) y comienza a pasar el pincel sobre los segmentos de la "Y" que quieres estén al frente. Asegúrate de que el elemento "Y" que estás seleccionando esté al frente. Trata de seguir el mismo contorno de la tipografía para borrar el resto de la letra.
La herramienta Borrador elimina los elementos que están siendo seleccionados; si no estamos seleccionando nada, la herramienta Borrador funcionará de la misma manera en que funciona en Adobe Photoshop. Hice lo mismo con la letra "E" para que parezca como se observa en la imagen de abajo. ¡Tu decides qué partes quieres traer hacia adelante y cuáles mantener atrás!
A continuación puedes ver que el del lado izquierdo tiene las letras sobre la tipografía y en el lado derecho las formas en color amarillo son las que usé con la herramienta Borrador.
5. Cómo añadir una sombra paralela usando herramientas de Illustrator
Agreguemos más dimensión a esta ilustración. Selecciona el elemento script y aplica Efecto > Estilizar > Sombra paralela. Marca la casilla Previsualizar y usa los siguientes parámetros:
6. Cómo guardar el archivo del lettering Illustrator
Para guardar el archivo, aplica Archivo > Guardar como… para que quede como un archivo de Adobe Illustrator. Si deseas guardarlo como JPEG u otro formato de archivo de imagen, aplica Archivo > Exportar y elige el formato. Siéntete libre de marcar la opción Usar mesas de trabajo si colocaste elementos afuera de tu mesa de trabajo en el documento. Haz clic en Exportar.
¡Felicidades! ¡Acabaste este tutorial sobre cómo hacer lettering con la herramienta Fusión Illustrator!
En este tutorial de Blend Illustrator, hemos combinado una herramienta fácil de usar con lettering para crear una apariencia de entrelazado. Hoy aprendimos a:
- Usar la herramienta de Illustrator Fusión para crear un trazo de pluma con estilo degradado.
- Remplazar el lomo de un objeto con un elemento fusionado.
- Agregar una sombra para crear un sentido de dimensión en la ilustración.
Si te gustó el tutorial de cómo hacer lettering en Illustrator, también te podrían agradar estos recursos:
Cómo hacer un pincel acuarela en Adobe Illustrator
Cómo hacer un corazón en Illustrator
Cómo crear un pincel en Illustrator (+5 mejores pinceles de punteado)
Cómo crear texturas vectoriales en Adobe Illustrator
Nota editorial: Este artículo se actualizó con la colaboración de Maria Villanueva. Maria es la Editora Asociada del canal Tuts+ Design.
