1. Design & Illustration
  2. Add-Ons
  3. Text Effects

Déjate llevar por la tipografía de globos

Scroll to top
This post is part of a series called Vector Text Effects.
Create a Silky Ribbon Text Effect
Create an Organic Spring Lettering Illustration

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

Si hay globos cerca, probablemente te has divertido o te vas a divertir. ¡Me encantan los globos! Así que en este tutorial voy a explicar el proceso de creación de unas letras ilustradas de globos brillantes. También aprenderás a crear letras de burbuja redondeadas y semitransparentes que constituirán la base para la tipografía de globos. ¡Vamos a divertirnos!

Empezar con bocetos analógicos siempre ha sido una parte de mi proceso, no es completamente necesario pero creo que es extremadamente importante no descuidar el dibujo real. Muchos diseñadores/ilustradores se beneficiarían de desarrollar algunas habilidades de dibujo a mano y no depender tanto del ordenador.


Paso 1a

Siempre me gusta empezar con unos cuantos bocetos rápidos.


Paso 1b

También me gusta experimentar con las zonas brillantes en los bocetos, para poder entender realmente cómo funcionan y qué aspecto tendrán.


Paso 2a

Una vez que tengas una buena idea de cómo dibujar la forma y los brillos de las letras, ve directamente a Illustrator y empieza a dibujar las letras con la herramienta Pluma.


Paso 2b

Intenta mantener cada letra lo más simple que se pueda, una sola forma si es posible. En algunos casos tendrás que añadir una segunda o tercera línea para completar la letra. Sólo recuerda que debes simplificar al máximo. Por ejemplo, la letra "H" no es muy difícil de leer hasta que se añaden las 2 líneas horizontales (rosas). Observa que la forma principal está cerrada, esto es importante hacerlo en todas las letras.


Paso 2c

Sólo quería divertirme un poco; este es el conjunto completo de formas de letras.


Paso 3a

A continuación, dibuja los nudos de los globos. Es un simple círculo con una forma de triángulo redondeado debajo. Dibuja unos cuantos y repite, son un detalle tan pequeño que nadie lo notará.


Paso 3b

Todos los nudos dibujados. Para facilitar el proceso de coloreado, agrupa cada letra con su nudo.


Paso 4a

A continuación, colorea cada globo simplemente seleccionando la forma y utilizando la herramienta Cuentagotas. Me gusta crear un cuadrado para cada color que voy a utilizar en la ilustración. También puedes crear una nueva muestra.


Paso 4b

El color general. Asegúrate de elegir los colores en función de la composición general. Es decir, no tengas agrupaciones repetitivas de un solo color. Yo intento que todos los colores estén distribuidos por igual.


Paso 4c

Además, asegúrate de convertir las líneas interiores (en mi ejemplo son la "H" y la "G") en un trazo blanco de 3 puntos.


Paso 5a

Para hacer los brillos establece una "fuente de luz". Para explicar con claridad, pondré un círculo (el sol) para mostrar la ubicación de mi fuente de luz.


Paso 5b

Como puedes ver, la luz viene de la parte superior izquierda, así que dibuja los brillos con la herramienta Pluma en la parte superior izquierda de todas las letras. Estoy usando una línea blanca de 3pt de grosor.


Paso 5c

Todos los brillos dibujados.


Paso 5d

Además, asegúrate de poner en capas las formas de los brillos y los globos según su posición. Es decir, el globo "I" está detrás del "V" y el "N" está detrás del "I".


Paso 6a

A continuación, tendremos que seleccionar todo excepto las líneas con trazo blanco (brillos y líneas interiores). Una forma fácil de hacerlo es seleccionar una de las líneas con el trazo blanco e ir a Seleccionar > Mismo > Color de trazo. Todas las líneas con ese color de trazo serán seleccionadas.


Paso 6b

Mientras se seleccionan todas las líneas con un trazo blanco (3pt), usando la herramienta Selección (flecha negra estándar) selecciona todo lo blanco manteniendo presionada la tecla Mayúsculas. Todas las formas de globo, incluyendo los nudos, serán seleccionadas.


Paso 6c

Ve a la paleta Transparencia y cambia el Modo de fusión a Multiplicar.


Paso 6d

Todos los globos tienen aplicado el Modo de fusión Multiplicar. ¡Yuju! Parecen globos.


Paso 7

Ahora, para darle a la ilustración un poco más de interés visual, por no mencionar el hecho de que los globos probablemente no flotarían normalmente en alineaciones perfectas (jaja), utiliza la herramienta Selección para simplemente mover los globos de manera que las palabras sean legibles pero un poco más naturales. Asegúrate de que el globo y los brillos están agrupados, lo que facilitará mucho este paso, en lugar de tener que seleccionar los globos y los brillos cada vez, por separado.


Paso 8

Utilizando la herramienta Rectángulo, añade un fondo azul claro muy sutil a la ilustración. (esto será útil para el siguiente paso)


Paso 9a

Para atar todo esto (juego de palabras cursi) tendremos que dibujar los hilos. Con la herramienta Elipse dibuja un pequeño círculo en la parte inferior de la ilustración. Dibujar este nudo primero ayuda porque este será el punto donde todos los hilos se conectan, formando el nudo grande.


Paso 9b

Dibuja una línea fina (trazo de 1 punto) desde el nudo grande hasta cada nudo de globo.


Paso 9c

Selecciona todos los hilos y el nudo grande, agrúpalo (Comando + G) y muévelo hasta justo encima de la forma de fondo (Comando + Corchete izquierdo)


Paso 10a

Para dar el toque final, dibuja unos cuantos hilos con la herramienta Pluma, haz que "cuelguen" por debajo del nudo grande (línea blanca de 3 puntos).


Paso 10b

Para mayor diversión, dibuja a una persona que se deja elevar por los globos. (este extra no es necesario)


Paso 10c

Añade unas cuantas nubes, para darle un toque de estilo, y ¡boom! Terminaste


Conclusión

Esta es una forma muy sencilla, pero muy divertida, de ilustrar tipografía de globos. Espero que te diviertas tanto como yo creando este estilo.