Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Blend Tool

Cómo usar la herramienta fusión para hacer lettering in Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

¿Alguna vez te has preguntado qué herramientas puedes usar para hacer que el lettering sea más atractivo de lo que ya es? ¡La Herramienta fusión es fácil de usar y puedes darle más vida a las letras script de forma rápida!

¿Buscas increíbles recursos vectoriales y complementos de Illustrator? Ingresa a GraphicRiver.

Lo que necesitarás

Necesitarás acceder a Adobe Illustrator; si no tienes el software, puedes descargar una versión de prueba desde el sitio web de Adobe. También necesitarás lo siguiente:

1. Abre el archivo de código fuente proporcionado

Abre el archivo de código de fuente de Adobe Illustrator. Este archivo ya está establecido como un documento de 1080 px x 1080 px en RGB a 72 ppp.

Open the file provided with the lined script word hi

2. Cómo crear el trazo inicial para el lettering

Paso 1

Ve a la barra de herramientas y haz clic en la Herramienta rectángulo. Haz clic y mantén presionado para expandir las opciones y selecciona la Herramienta elipse (L). Mantén pulsada la tecla Opción + Shift para dibujar un círculo uniforme que se expande desde el centro; estoy eligiendo un tamaño de 64 px. Este círculo determinará el tamaño del trazo.

Create a circle using the Ellipse Tool

Paso 2

Queremos añadir un degradado a la nueva forma que hemos creado. Selecciona la forma y ve a la barra de herramientas. Selecciona la muestra de contorno y haz clic en ninguno. Selecciona la muestra Relleno y selecciona Degradado.

Change the Fill of the circle to a gradient and no stroke

Paso 3

Queremos dar color a este degradado, así que abramos nuestro panel Degradado yendo a Ventana > Degradado. Selecciona un lado del regulador de degradado y en la barra de Color selecciona el color que deseas utilizar. Cualquier color que te gustaría usar está bien, solo asegúrate de que un lado del regulador esté claro y el otro lado esté oscuro. Esto dará más dimensión al trabajo. Elegí azul, con el código de color #3CD9FF para el regulador izquierdo y #0000FF para el regulador derecho.

Change the gradient to a blue color

Paso 4

Multiplicaremos la forma presionando Opción + Shift y arrastrándola hacia la derecha. Elegí un color púrpura para esta otra forma con los siguientes códigos: #FF9BFF y #7900FF.

Duplicate the circle element and add another color to the new circle

3. Cómo utilizar la herramienta fusión

Paso 1

Selecciona ambas formas y selecciona la Herramienta fusión (W). Haz clic en el punto izquierdo de ambos círculos, comenzando con el azul y luego el círculo púrpura.

Using the blend tool blend both circles

Paso 2

Todo el mundo obtendrá algo diferente, pero queremos hacer una transición suave. Al seleccionar la forma, haz doble clic en la Herramienta fusión en la barra de herramientas para abrir la ventana Opciones de fusión. En Espaciado, selecciona Distancia establecida y marca la casilla Vista previa. Cambia la Distancia establecida a 1 px para obtener una transición suave. Haz clic en Aceptar.

Open the Blend Options and change the Specified Distance to 1px

Paso 3

Selecciona la forma y el tipo de línea. Ve a Objeto > Fusión > Reemplazar 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 final de la palabra. En el lado derecho hay una vista previa (Comando +Y) de los elementos.

Replace the spine of the main lettering with the blended element

Paso 4

Con la Herramienta selección directa (A), podemos duplicar un punto para la "i". Selecciona el círculo a la derecha y presione Comando + C seguido de Comando + V y coloca el círculo recién creado sobre la "i".

Create a dot by copying and pasting a circle with the Direct Selection Tool

Paso 5

Añadamos color al fondo. Selecciona la Herramienta rectángulo (M) y crea un cuadrado negro en la mesa de trabajo. Presiona Shift + Comando + [ para mover el cuadrado a la parte posterior y acoplar el elemento presionando Comando + 2.

Add a black square background

Paso 6

Añadiremos un poco de texto serif para que el trabajo se vea elaborado. Usando la Herramienta texto (T), haz clic en la mesa de trabajo y escribe “BYE”. Estoy eligiendo Playfair Display de 445 pt en blanco.

Using the text tool add the word bye

Paso 7

Al seleccionar el elemento de texto, presiona Shift + Comando + O para crear contornos en el texto, seguido de Shift + Comando + G para desagrupar la palabra.

Transform the text into outlines

4. Cómo utilizar la herramienta borrador

Queremos crear la ilusión del elemento de script entrelazado con la fuente serif. Traigamos la B hacia adelante seleccionándola y presionando Mayúsculas + Comando +].

Para la "Y", podemos crear más dimensión ya que tenemos la "h" alrededor de la letra. Selecciona la "Y" y presiona Shift + Comando + V para duplicar el elemento en el mismo lugar. Esto lo duplicará sobre el elemento de script. En la barra de herramientas, selecciona la Herramienta borrador (Mayúsculas + E) y comienza a pincelar los segmentos de la "Y" que deseas que estén adelante. Asegúrate de que el elemento "Y" que estás seleccionando es el que está delante. Intenta seguir el mismo esquema de la parte frontal del script para borrar el resto de la letra.

La Herramienta borrador borra los elementos que se están seleccionando; si no seleccionamos nada, la Herramienta borrador funcionará de la misma manera que funciona en Adobe Photoshop. Hice lo mismo con la letra "E" para que se vea como la siguiente imagen. ¡Depende de ti decidir qué partes quieres que estén adelante y que otras quieres que estén atrás!

En la siguiente imagen puedes ver que el lado izquierdo tiene las letras sobre el script y las formas en el lado derecho en amarillo son en donde usé la Herramienta borrador.

Duplicate the letters over the hi word and using the Eraser Tool erase parts of the word that you want to display forward

5. Cómo añadir sombra paralela

Démosle más dimensión a este trabajo. Selecciona el elemento de script y ve a Efecto > Estilizar > Sombra paralela. Marca la casilla Vista previa y utiliza los siguientes ajustes:

Add Drop Shadow to the hi script element

6. Cómo guardar el archivo

Para guardar el archivo, ve a Archivo > Guardar como ... para guardar el archivo como un archivo de Adobe Illustrator. Si deseas guardarlo como JPEG u otro formato de archivo de imagen, ve a Archivo > Exportar y elige el formato. Siéntete libre de marcar la casilla de Usar mesas de trabajo si has colocado elementos fuera de tu mesa de trabajo en el documento. Haz clic en Exportar.

Save the file as AI or export it for JPEG

¡Felicitaciones! ¡Has terminado este tutorial!

En este tutorial, hemos combinado una herramienta fácil de usar con el lettering para crear un aspecto entrelazado. Hoy hemos aprendido a:

  • Usar la Herramienta fusión para crear un trazo de pluma de estilo degradado.
  • Reemplazar el lomo de un objeto por un elemento fusionado.
  • Añadir sombra para crear una sensación de dimensión en el trabajo.
End result

Si te gustó este tutorial también te podría gustar:

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.