Cómo diseñar una tarjeta de letras Love en Adobe Illustrator

Lo que vas a crear

¡El amor está en el aire! ¡El amor esta en todas partes! En este tutorial pasaremos por un proceso inspirador y crearemos una postal intrincada de letras. Combinaremos varias técnicas, comenzando con el trabajo con formas y herramientas geométricas básicas y pasando a la escritura a mano alzada, ¡utilizando las herramientas de dibujo de Adobe Illustrator! Terminaremos trabajando con colores y agregando algunos detalles ornamentales..

Al final de este tutorial, tendrá una elegante postal con letras que puede convertirse en un hermoso regalo para una persona querida. Además, puede aplicar las mismas técnicas para hacer cualquier otra tarjeta o póster con letras a mano, ya sea una postal de felicitación de cumpleaños original, una tarjeta de felicitación o una elegante invitación de boda. Si sientes que no tienes más ideas, te recomiendo que hagas un recorrido por Envato Market para encontrar tu inspiración para las letras. Y si estás listo, saltemos al proceso!

1. Forma las cartas de amor

Paso 1

Comience haciendo un Nuevo documento de 450 x 450 px tamaño.

Por lo general, comienzo a crear mis tarjetas de letras a partir de bocetos, buscando ideas y composiciones equilibradas. Tu boceto no tiene que estar perfectamente alineado y ordenado. Aquí está el que he hecho; se ve bastante peculiar y desigual, porque lo he hecho muy rápido para arreglar mi idea en papel. Usaré este boceto solo como referencia para mi futura tarjeta. Lo coloco en una capa separada., haga doble clic la capa, y marque la Modelo casilla para hacer la capa 50% Transparente y para bloquearlo..

Paso 2

Comencemos a dar forma a la palabra “amoroso” de la letra L. Use la Herramienta Rectangular (M) para hacer un 8 x 50 px Forma de color amarillo claro. Haz otra franja en la parte superior, estableciendo su tamaño en 10 x 25 px y llenándolo con turquesa.

Paso 3

Ahora vamos a representar los elementos decorativos de la letra, que también se utilizarán para todas las demás letras. Tomar el Herramienta Elipse (L), hacer dos 12.5 x 12.5 px círculos superpuestos, y colóquelos en el lado izquierdo de la franja turquesa, como se muestra en la captura de pantalla a continuación. El color de los círculos no importa, solo los estoy haciendo contrastantes y visibles. Seleccione ambos círculos y haga clic Frente menos en el Pionero panel para cortar el círculo superior.

Etapa 4

Ahora que tenemos la forma de la media luna, hagamos que se ajuste a la raya turquesa. Seleccione tanto la banda como la media luna, tome la Herramienta de creación de forma (Shift-M), sostener Alt y haga clic en la parte inferior de la media luna para eliminarlo.

Paso 5

Utilizar el Herramienta de cuentagotas (I) Escoger el color de la raya y aplicarlo al elemento decorativo.. Haga doble clic la Herramienta de reflexión (O) y voltear la forma sobre el Eje vertical. Haga clic en el Dupdo Botón para agregar una forma reflejada y adjuntarla al lado opuesto de la raya turquesa. De esta manera creamos un look floral retro para nuestra carta..

Paso 6

Vamos a seleccionar todas las piezas de turquesa y Unir ellos en el Pionero en una sola forma. Utilizar el Eliminar herramienta de puntos de anclaje (-) para deshacerse de los puntos innecesarios en los bordes de la forma combinada. Si la forma se ve deformada o no simétrica, use la Herramienta de selección directa (A) Para fijar los puntos de anclaje y los mangos de anclaje. Recuerda mantener Cambio Si quieres colocar los mangos rectos horizontal o verticalmente..

Paso 7

Ahora agregue un 30 x 10 px rectángulo para la parte horizontal de la letra L. Crear otro pequeño 6 x 7.5 px Rectángulo y colóquelo en el lado derecho de la forma..

Paso 8

Seleccione la esquina superior derecha de nuestro pequeño rectángulo con el Herramienta de selección directa (A) y usar el Esquinas vivas característica para hacerla completamente redondeada.

Vamos a usar el Alinear Panel para colocar las formas correctamente. Seleccione tanto la franja horizontal como el rectángulo redondeado y luego haga clic en la franja horizontal una vez más para que sea una Objeto clave (Se marcará con una selección más gruesa). Hacer clic Alinear horizontalmente a la derecha en el Alinear Panel para alinear las formas a la derecha..

Alinee todas las otras partes de la carta, si es necesario.

Paso 9

Ahora vamos a decorar la parte superior de la carta. Hacer una 7 x 7 px Círculo amarillo y colóquelo en el lado izquierdo de la raya vertical amarilla. Sostener Alt-Shift y arrastre el círculo hacia la derecha, haciendo una copia. Ahora nuestra letra L tiene un aspecto más suave y redondeado.. 

Paso 10

Vamos a añadir algunos elementos más decorativos. Utilizar el Herramienta de segmento de línea (\) o la Herramienta Pluma (P), sostener Cambio y haz una raya vertical en el centro de la letra. Selecciona el Carrera Color a amarillo más oscuro. Dirígete a la Carrera panel y establecer el Peso a 1 pt. Selecciona el Perfil a Perfil de ancho 1 en el fondo de la Carrera Panel, haciendo la línea más gruesa en el medio y delgada en los extremos..

Selecciona la línea y presiona Controlar-[ Varias veces para colocarlo debajo de la forma turquesa..

Paso 11

Agregue una línea de esquina en la parte superior de la forma turquesa y haga que Carrera color turquesa claro. Y aquí está la forma más fácil de hacer la línea de puntos: en el Carrera panel, marque el Linea discontinua casilla de verificación, establecer la guión a 0 px y el brecha a 4 puntos. Selecciona el Peso a 1.5 pt, Y aquí lo tienes!

Paso 12

Ahora vamos a hacer la letra O. Toma la Herramienta de rectángulo redondeado y hacer un 30 x 52.5 px forma. Puedes ajustar el Radio de esquina a su gusto desde el panel de control superior.

Utilizar el Guías para alinear las letras a la parte superior. Puedes arrastrar el Guías a la derecha en su Artboard desde el Reglas (Control-R).

Haz otro rectángulo redondeado encima del primero. Utilizo la franja vertical de nuestra carta anterior para asegurarme de que el contorno de la letra O tenga el mismo ancho. Esto me ayuda a ajustar el tamaño de la forma interior.. 

Cuando haya ajustado el tamaño del rectángulo interior, selecciónelos y use la tecla Frente menos función de la Pionero Cortar la forma, haciendo un agujero..

Paso 13

Selecciona la letra O y ve a Objeto> Ruta> Ruta compensada. Selecciona el Compensar valor para 1.5 px, formando un borde fuera de la letra. Rellena la nueva forma con color turquesa y Alinear a la fondo de la letra L, usando la franja horizontal de la L como una Objeto clave.

Paso 14

Seleccione el elemento turquesa de la O y tome la Herramienta de borrador (Shift-E). Sostener Alt y eliminar la mitad superior de la forma. 

Usa la horizontal Guía Hacer los elementos de las letras de la misma altura.. 

Dupdola raya vertical turquesa de la letra L y use la Herramienta de borrador (Shift-E) Para borrar la franja, solo queda la “cola” decorativa. Une las colas a la letra O, haciendo que se ajusten a la forma turquesa de la O.

Selecciona todos los elementos turquesas de la O y presiona Shift-Control-] a Traer ellos al frente.

Paso 15

Crea otro rectángulo redondeado sobre la O, cambiándolo a Carrera color. Utilizar el Herramienta Tijeras (C) y haga clic en los puntos de anclaje marcados para dividir las formas en dos partes. Cambia la apariencia de las partes, aplicando la misma configuración de las partes. Carrera Como tenemos para la letra L.

Paso 16

Ahora hagamos la letra V. Duplique la raya vertical amarilla de la letra L dos veces y gire las rayas, haciendo que se superpongan en la parte inferior y formen una forma de V.

Seleccione ambas franjas y use el Herramienta de creación de forma (Shift-M) mientras lo esté agarrando Alt para borrar las piezas innecesarias.

Paso 17

Utilizar el Ruta de desvío funcionar con Desplazamiento de 1.5 px Valorar y rellenar la forma creada con turquesa.. Alinear la nueva forma a la fondo de la carta anterior.

Paso 18

Borre la parte superior de la forma turquesa y adhiera elementos decorativos florales. Termina la carta añadiendo pinceladas decorativas..

Paso 19

Forme las siguientes dos letras, I y N, a partir de las partes verticales de la letra L. Use las copias de estas partes y combínelas entre sí, formando letras del mismo estilo..

Paso 20

Y, finalmente, la letra G. Haga una copia de la letra O y use la Herramienta de borrador (Shift-E) Para borrar una pieza de su lado derecho. Repare los trazos decorativos o haga nuevos si se ven deformados después de la transformación..

Duplica los círculos amarillos y un pequeño rectángulo redondeado de la letra L, y termina con la letra G.

¡Buen trabajo! ¡La primera palabra de nuestra tarjeta está lista! Sigamos adelante y hagamos un poco de letra.!

2. Utilice la herramienta de pincel de manchas para la escritura a mano

Paso 1

Ahora vamos a escribir la palabra "usted" a mano alzada. Puede usar su propia escritura a mano o seleccionar una buena fuente escrita a mano a su gusto como referencia y dibujar sobre ella..

Haga doble clic la Herramienta Pincel Blob (Shift-B) para abrir el Opciones ventana. Puedes ver mi configuración en la captura de pantalla de abajo. Estoy usando una tableta gráfica para hacer que el proceso sea más cómodo y suave, y cambio el tamaño del pincel con el El y ] llaves. Si estás usando un ratón, mueve el Fidelidad deslizador a Suave con el fin de obtener líneas fluidas.

Paso 2

los Herramienta Pincel Blob (Shift-B) nos permite dibujar con formas, por lo que no podemos editar las líneas como trazos. Sin embargo, podemos usar el Herramienta de selección directa (A) para mover los puntos de anclaje y ajustar la posición de los mangos de anclaje. De esta manera podemos variar el grosor de la letra, haciendo que algunas de sus partes sean más gruesas y otras más delgadas, imitando la escritura de la vida real en papel..

Así es como se ve mi palabra. Estaba trazando las letras justo encima del boceto y las edité para que las letras se vieran suaves y fluidas.

Paso 3

Ahora vamos a imitar una fuente de máquina de escribir. Podríamos usar algunas de las fuentes incorporadas y simplemente escribir la palabra, pero mantengámonos en el estilo general de nuestra imagen y le demos una apariencia manuscrita.

En primer lugar, seleccionemos una buena fuente de máquina de escribir, como Courier, Consolas o cualquier otra que le guste. Estoy usando el Prestige Elite Std fuente para escribir la frase "es como", estableciendo el tamaño en 12 puntos Y el color a un ligero tinte de gris..

Bloquea el objeto en el Capas panel, armate con el Herramienta Pincel Blob (Shift-B) y empezar a dibujar las letras. Los hago parecer un poco diferente al original..

Finalmente, grupo (Control-G) Cada letra y acercarlas un poco más.

Etapa 4

Ahora vamos a pasar a la palabra "magia". Estoy usando mi boceto como referencia para formar las letras de dibujos animados. Utilizar el Herramienta de lápiz (N) para dibujar una letra curva y rellenarla de color azul oscuro. Mi carta vectorial no se parece exactamente a la del boceto, porque el boceto es bastante tosco.

Si te sientes incómodo dibujando con el Herramienta de lápiz (N) sin un boceto adecuado, puede hacer un boceto limpio con letras suaves, colocarlo en Adobe Illustrator y luego rastrear arriba con la Herramienta de lápiz (N). Esto te ayudará a controlar las líneas y facilitará el proceso de dibujo.. 

Estoy usando el Herramienta de selección directa (A) para mover y editar cualquier punto de la letra que no se vea bien. Trate de hacer que los remolinos de la letra se vean más o menos simétricos.

Paso 5

Ahora dibujemos la letra A. Observe cómo el lado izquierdo de la A encaja perfectamente con el remolino de la letra M. Esto ayuda a construir una cierta conexión entre las letras..

Dibuja una forma pequeña en la parte superior de la A y usa la Frente menos función de la Pionero Cortarlo, formando un agujero redondeado.. 

Paso 6

Continuar usando el Herramienta de lápiz (N) y dibuja la siguiente letra. Coloque la G por encima de la A y gírela un poco hacia la izquierda, haciendo que encaje en el arco de la A. 

Agrega una letra recta I con un punto remolino juguetón encima de ella. 

Termine dibujando una C redondeada, girándola hacia el lado opuesto, hacia la derecha. Edita las letras, si es necesario, haciéndolas suaves..

Paso 7

Ajusta la posición de las letras, haciéndolas corresponder entre sí, colocando algunas de ellas más altas y otras más bajas, girándolas en direcciones opuestas para dar a la palabra un aspecto de dibujos animados lúdico.

Paso 8

Utilizar el Herramienta de lápiz (N) de nuevo, pero esta vez cambia el Llenar color a ninguno y el Carrera color a azul oscuro. Haz trazos suaves y redondeados alrededor de las letras. En el Carrera panel, establecer el Peso a 1 pt y el Perfil a Perfil de ancho 1.

Ahora la palabra parece detallada. Sigamos adelante y combinemos las palabras en una tarjeta romántica.!

3. Combina las palabras en una postal de amor

Paso 1

En primer lugar, vamos a crear una 450 x 450 px Rectángulo y rellenarlo con un color violeta-azul muy oscuro.. Enviar el rectángulo hacia atrás (Shift-Control- [), formando el fondo.

Nuestras letras se ven planas en esta etapa, y podemos dejarlas así o intentar aplicar gradientes suaves para darle un poco más de profundidad a nuestra imagen y hacer que las letras se vean complejas.. 

Comience por cambiar los colores de la letra L en la palabra "amar". Selecciona todos los elementos amarillos y rellénalos con un degradado lineal de naranja a amarillo, dándole un toque de oro. Utilizar el Herramienta de gradiente (G) colocar el gradiente verticalmente.

Luego seleccione los elementos turquesas y aplique un degradado lineal vertical de turquesa a azul, haciendo que la letra se vea brillante..

Recolorea también todas las letras restantes de la palabra.

Paso 2

Ahora vamos a trabajar en la palabra "tú". Comience aplicando un degradado lineal de marrón claro a beige claro, estableciendo el degradado en diagonal.

Paso 3

Ahora hagamos que la letra Y se vea tridimensional agregando sombras sutiles en los lugares donde las líneas se superponen. Dupdo la Y y Pegar en el frente (Control-C> Control-F). Rellena la copia con un contraste de color azul.. 

Acércate al bucle de la letra y usa el Herramienta Tijeras (C) para hacer clic en los cuatro puntos de anclaje en la parte superpuesta de la letra, marcada en la captura de pantalla a continuación. Ahora que la forma se divide en varias partes, manténgala seleccionada, tome la Herramienta de borrador (Shift-E), y úselo como se muestra a continuación.

Etapa 4

Ahora seleccione los elementos innecesarios, dejando solo algunas de las piezas, que se convertirán en sombras.

Paso 5

Selecciona el Modo de fusión de la forma a Multiplicar y rellénalo con degradado lineal de marrón claro a blanco. También puede configurar el Opacidad de la punta blanca del gradiente a 0%, haciéndolo totalmente transparente. Utilizar el Herramienta de gradiente (G) posicionar el gradiente en la dirección correcta.

Estas sombras suaves nos ayudan a separar las partes de la carta, haciendo que se vean tridimensionales.

Paso 6

Haz lo mismo con el resto de las letras, formando las piezas que se convertirán en sombras. He marcado estas formas con color negro en la captura de pantalla de abajo.

Cambia estas formas en Multiplicar el modo de fusión y aplicar gradientes lineales, como hicimos en el paso anterior. Ahora nuestra palabra parece bastante tridimensional.!

Paso 7

Pase a la siguiente parte de nuestra tarjeta y llene la frase "es como" con un elegante degradado lineal de color beige dorado seleccionando todas las letras y aplicando un degradado a todas a la vez. Agrega dos líneas horizontales finas por cada lado de la frase.

Paso 8

Y, finalmente, la última palabra de nuestra carta: “magia”. Seleccione todas las letras y aplique un degradado lineal de azul en la parte superior a lila en la parte inferior. 

Colorea los trazos también, haciendo que se ajusten a la paleta de la palabra. Puede dejarlos como trazos y aplicar los colores manualmente o Objeto> Expandir Apariencia y coloréelos junto con las letras seleccionando la palabra completa y aplicando un degradado vertical.

Paso 9

Vamos a hacer las letras un poco más detalladas e intrincadas. Selecciona la letra M y aplica Ruta de desvío con -Desplazamiento de 2.5 px Valor, creando una forma más pequeña dentro. Fije la forma interna, si es necesario, moviendo los puntos de anclaje y las manijas con la Herramienta de selección directa (A).

Rellene la forma creada con un degradado lineal vertical de azul oscuro a violeta oscuro y cambie el Modo de fusión a Pantalla, Haciendo la forma semitransparente y brillante..

Usa la misma técnica para agregar elementos brillantes a cada letra..

Paso 10

Agreguemos algo más de magia a nuestra imagen creando estrellas brillantes. Utilizar el Herramienta estrella (puede encontrarlo en el mismo menú desplegable que otras formas geométricas) para hacer una 4 puntas estrella. Sostener el Controlar llave mientras haces la estrella para ajustar su grosor, haciéndola abultada.

Haz un grupo de estrellas de diferentes tamaños, llenándolas con degradados dorados más claros y más oscuros, y motea las estrellas alrededor de la palabra "magia".

Paso 11

Utilizar el Herramienta de lápiz (N) para dibujar una línea en el lado superior izquierdo de la palabra "amar". Cambiar a Carrera Colorea y aplica un degradado lineal de marrón a beige claro. No puedes editar la dirección de tu Carrera gradiente con el Herramienta de gradiente (G), pero puedes ajustar su Ángulo desde el Gradiente panel.

En el Carrera panel, establecer el Peso a 2 puntos y el Perfil a Perfil de ancho 1.

Paso 12

Agregue más remolinos y giros alrededor de la palabra "amante", formando un marco. Agregue también algunos remolinos en ambos lados de la palabra "usted".

Paso 13

Termine los remolinos agregando trazos finos de color violeta claro y trazos finos de puntos, haciendo que los remolinos se vean adornados.

¡Encantador! Nuestra postal de letras está terminada!

¡Gran trabajo, mis amigos! Hemos terminado nuestra elegante postal de "amor" con letras, que puede imprimir, colocar en un marco y presentar con orgullo a su persona amada. Está hecho por ti y, como sabes, los regalos hechos a mano creados con amor son los mejores.

Espero que hayas disfrutado el proceso de creación de esta tarjeta y que utilices estos consejos y trucos para crear otras tarjetas de letras o carteles..

Por cierto, tengo otro tutorial de letras para ti! Es fácil y divertido, así que échale un vistazo.!

  • Diseña un póster retro loco con letras extravagantes en Adobe Illustrator