Diseño gráfico: Crea una ilustración con tipografía

 

Ilustración con letras a mano

Hacer ilustraciones con letras a mano puede ser un proceso muy largo, especialmente cuando no eres un ilustrador profesional. Normalmente, este tipo de ilustraciones se hacen con papel y lápiz para darle un aspecto auténtico. Pero con este tutorial, aprenderás cómo crear una ilustración parecida en Illustrator.

Preparativos

Paso 1

Elige una imagen que te gustaría utilizar, en este caso, yo he elegido el antílope negro, por sus cuernos en espiral, de esta página ( http://vintageprintable.com/vintage-printable-animal/animal-deer/animal-range-antelope-haekel-3/) donde se pueden utilizar las imágenes gratuitamente. Pero también puedes usar imágenes vectorizadas y ahorrarte un poco de tiempo, por ejemplo, esta es una buena opción también ( http://www.freepik.com/free-vector/grungy-animal-silhouettes-with-lettering_799642.htm). Combinaré estas imágenes con la cita "Take the risk or loose the chance", que significa "Acepta el riesgo o pierde la oportunidad".

Pega la imagen en la primera capa y reduce la opacidad al 50% haciendo doble click en la capa y marcando el cuadro de plantilla.

Paso 2

Añade una segunda capa, aquí es donde vamos a trabajar. Vamos a dibujar el contorno de la imagen grosso modo, pulsa P para seleccionar la herramienta Pluma. Asegúrate de que el trazo es negro y el relleno está desactivado. Cierra la figura y ya habrás creado la silueta. No tiene que ser perfecta porque tiene que tener un aspecto de boceto, así que no te preocupes por los pequeños detalles.

Paso 3

Ahora que tenemos el contorno, no necesitamos la imagen del fondo. Desbloquea la primera capa y elimínala. Escribe la cita y comprueba tu colección de fuentes en busca de una con estilo de dibujo a mano, en este caso, yo voy a utilizar "Luna". No obstante, si buscas en internet, encontrarás muchas más opciones. Comprueba si prefieres minúsculas o mayúsculas, es este caso, yo solo he utilizado mayúsculas. Después, crea elementos de texto separados de forma que cada palabra esté en un cuadro delimitador separado.

Paso 4

Cambia el color del texto por blanco y colócalo sobre la imagen de la silueta y empieza a modificar su escala y a rotar los elementos del texto a tu gusto. Haz las palabras importantes más grandes para un mejor contraste y legibilidad. Para hacer que tu diseño sea más divertido, rota las palabras en un ángulo leve, de forma que no haya ninguna palabra en línea recta.

Ajustar el texto

Paso 1

Ahora es el momento de ajustar las palabras a la forma de la figura, esto le dará a la ilustración un aspecto más orgánico y de dibujo a mano, es algo que siempre se ve en la tipografía dibujada a mano. Para crear este efecto, vamos a utilizar la herramienta Distorsión de envolvente, con la que podremos manipular las figuras dentro de la figura que queramos. Selecciona la palabra que quieras ajustar y haz click en Objeto > Distorsión de envolvente > Crear con malla.

Paso 2

Yo he elegido usar solo una fila y 4 columnas. Lo mejor es usar el mismo número de columnas que de letras. De modo que si solo tienes 2 letras, utiliza 2 columnas. Pero cuando la letra no ocupa demasiado espacio (como la letra i), es mejor usar menos columnas. En ese caso, no hace falta modificar la forma de la palabra demasiado y quedará más suave. Cuanto más columnas tengas en un espacio estrecho, mayor es el riego de que se vea desorganizado.

Paso 3

Ahora, podemos modificar la forma de las palabras ajustando el punto de ancla del cuadro delimitador. Usa la herramienta Selección directa o la atajo de teclado A, haz click en un punto de ancla y arrastra. Utiliza los controladores para ajustar la curva.

Paso 4

Experimenta con las formas hasta que estés contento con el diseño. Asegúrate de que cada palabra fluye naturalmente con las otras. Siempre puedes usar elementos extra para rellenar espacios vacíos entre palabras. En este caso, yo he hecho una onda simple con la herramienta Pluma y la he colocado encima y debajo de las palabras "or" y "the". Pero ten cuidado al añadir cosas a tu diseño. Si añades demasiadas, se verá desordenado.

Recorte y textura

Paso 1

Ahora, vamos a recortar la frase de la silueta de forma que, cuando pongamos un fondo detrás de esta ilustración, las letras no tendrán un relleno blanco. El primer paso es seleccionar los elementos con la herramienta Selección o usando el atajo de teclado V y haciendo click en Objeto > Expandir. Asegúrate de que los cuadros, el objeto y el relleno están seleccionados y haz click en OK. Las palabras ya no funcionan como un grupo porque todas las letras tienen sus propios puntos de ancla.

Selecciona todos los elementos y ve al Buscatrazos en la barra lateral o, si no puedes encontrarlo, en Ventana. Haz click en el segundo icono, Menos Frente, con lo que las letras quedarán recortadas de la silueta. Si no estás seguro de si ha funcionado correctamente, puedes comprobarlo colocando una forma de un color distinto detrás de la ilustración.

Paso 2

Ahora que tenemos el recorte, es el momento de añadir una textura para darle una sensación más auténtica. Puedes descargar la textura en la sección de adjuntos. Yo he usado la segunda, pero tú puedes usar cualquier otra para conseguir un efecto diferente. Copia la textura, selecciona la silueta y haz click en el panel Transparencia. Haz click en "Crear máscara de opacidad" en el menú desplegable.

 

Haz click en el cuadrado negro y pega la textura en esta capa. Mueve y modifica la escala de la textura hasta que cubra toda la figura. Deselecciona el recorte e invierte la máscara y haz click en el cuadrado de la izquierda para seleccionar la silueta completa. Este era el último paso para crear completamente la figura vectorizada.

Colocar la forma sobre una foto

Paso 1

Lo único que tenemos que hacer ahora es colocar la figura encima de una foto. Elige la foto que quieras utilizar y ajústala a tu gusto. La foto que he utilizado aquí también esta disponible en la sección de adjuntos. Abre Photoshop y coloca la foto que quieras utilizar como fondo. Copia y pega la figura de la silueta encima como objeto inteligente.

Paso 2

Si tu foto tiene muchos elementos claros, es mejor utilizar una figura oscura porque el contraste hará que el texto sea más fácil de leer. Pero, si prefieres cambiar el color al blanco, tendrás que rasterizar la capa. Para hacer esto, hay que hacer click con el botón derecho en el Objeto Inteligente y seleccionar Rasterizar capa, lo que nos permite ajustar el objeto. Para invertir el blanco por el negro, haz click en Imagen > Ajustes > Invertir o pulsa Comando + I. Si el color sigue siendo un poco gris (porque el negro por defecto de Illustrator no es negro puro), modifica el brillo yendo a Imagen > Ajustes > Brillo/Contraste > 100% > OK. ¡Y ya está!