1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Diseña un patrón del día del espíritu en Adobe Illustrator

Scroll to top
Read Time: 14 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Este año, Spirit Day se celebra el 15 de octubre.

Millones se vuelven morados el Día del Espíritu en una postura contra el acoso y para mostrar su apoyo a los jóvenes lesbianas, homosexuales, bisexuales y transexuales (LGBT).
Observado anualmente desde 2010, individuos, escuelas, organizaciones, corporaciones y figuras públicas visten de color púrpura, lo que simboliza el "espíritu" en la bandera del arco iris.

Siga junto con este tutorial y cree un patrón vivo e impecable con elementos planas de lujo, que simbolicen el amor y la amistad y dedicado al Día del Espíritu de GLAAD. Usaremos formas básicas y efectos warp, crearemos los objetos y luego los combinaremos en una textura intrincada, utilizando la herramienta Motivo y algunas otras herramientas de edición. ¡Empecemos!

1. Haz una taza de café

Paso 1

Para empezar, hagamos un lindo fondo morado para nuestro patrón futuro.

Cree un Nuevo documento de tamaño 400 x 400 px. Tome la herramienta Rectángulo (M) y haga un rectángulo del mismo tamaño que nuestra Mesa de Trabajo (400 x 400 px), llenándolo de un vívido color púrpura.

make a purple backgroundmake a purple backgroundmake a purple background

Paso 2

Comencemos a formar una taza de café de plástico con un rectángulo de 65 x 100 px.

make a rectangle for the cup basemake a rectangle for the cup basemake a rectangle for the cup base

Paso 3

Necesitamos hacer la parte inferior de la copa más estrecha. Tome la herramienta de selección directa(A) y seleccione el punto de anclaje inferior izquierdo. Presione la tecla Enter para abrir la ventana opciones Mover  y establecer el valor Horizontal en 5 px, el valor Vertical en 0 px. Haga clic en Aceptar para mover el punto 5 px a la derecha.

Repita lo mismo para el punto de anclaje inferior derecho, pero esta vez configure el valor de Movimiento horizontal a -5 px, moviendo así el punto hacia la izquierda.

use Move function to form the bottom of the cupuse Move function to form the bottom of the cupuse Move function to form the bottom of the cup

Paso 4

Ahora agreguemos un gorro formando un rectángulo de 80 x 15 píxeles en la parte superior de la taza. Y otro rectángulo arriba, de tamaño 70 x 10 px . Seleccione las tres formas y diríjase al panel Alinear. Seleccione Alinear para Objeto clave y haga clic en HorizontalAlinee el centro para alinear las formas.

add a narrow rectangles for the capadd a narrow rectangles for the capadd a narrow rectangles for the cap

Paso 5

Agreguemos una franja de papel alrededor de la taza. Pon un rectángulo en la base de la taza. Manteniendo la forma seleccionada, vaya a Efecto> Deformación> Arco y establezca el valor de Curvar en -10% moviendo el control deslizante hacia la derecha, haciendo que la forma se doble ligeramente.

add arched paper stripeadd arched paper stripeadd arched paper stripe

Paso 6

Objeto > Expandir Apariencia de la franja de papel para aplicar el efecto Arco. A continuación, seleccione tanto la franja arqueada como la base de copa, tome la Herramienta de creación de formas (Shift-M) y elimine las piezas innecesarias fuera de la taza haciendo clic en ellas, mientras mantiene presionada la tecla Alt. .

use shape builder tool to delete the piecesuse shape builder tool to delete the piecesuse shape builder tool to delete the pieces

Paso 7

Modifiquemos la base de la taza también. Selecciónelo y aplique el efecto Arco con un valor de curva horizontal del 5%. Objeto > Expandir Apariencia de la taza.

apply arc effect to the cup baseapply arc effect to the cup baseapply arc effect to the cup base

Paso 8

Genial, ahora la parte inferior de la copa está ligeramente arqueada, pero necesitamos hacer que su parte superior quede recta otra vez. Seleccione la copa y tomar la herramienta de tijeras (C). Haga clic en los puntos de anclaje superior izquierdo y superior derecho de la base de copa, cortando la línea superior. Luego simplemente borre la línea innecesaria.

use scissors tool to cut off a lineuse scissors tool to cut off a lineuse scissors tool to cut off a line

Paso 9

Agreguemos una etiqueta de café en grano a nuestra taza. Comience haciendo una elipse de 30 x 35 px usando la herramienta Elipse (L). Luego arméate con la herramienta Lápiz (N) y dibuja una línea vertical ondulada sobre la elipse. Seleccione ambas formas y use la función Dividir del panel Buscatrazos para dividir la elipse. Finalmente, seleccione la parte derecha de la forma y muévala algunos píxeles hacia la derecha, usando la tecla con la flecha derecha de su teclado.

form a coffee beanform a coffee beanform a coffee bean

Paso 10

Termine con la taza colocando el grano de café en el centro de la franja de papel para el logotipo.

¡Estupendo! Pasemos al siguiente elemento de nuestro patrón futuro.

place the coffee label on the cupplace the coffee label on the cupplace the coffee label on the cup

2. Crea un sobre de carta de amor

Paso 1

Comience a formar el sobre haciendo un rectángulo de 80 x 55 píxeles y creando una copia encima (Control-C > Control-F).

Seleccione la copia superior e ir a Objeto > Trazado > Agregar puntos de anclaje para crear puntos de ancla adicionales en cada lado del rectángulo.

for the envelope base from a rectanglefor the envelope base from a rectanglefor the envelope base from a rectangle

Paso 2

Tome la herramienta Eliminar punto de anclaje (-) y elimine los puntos de anclaje inferior izquierdo e inferior derecho, dejando el que está en el centro, formando así un triángulo invertido. Seleccione el punto de anclaje inferior del triángulo con la Herramienta de selección directa (A) y arrastre el punto hacia arriba, aplastando la forma.

form an upside down triangleform an upside down triangleform an upside down triangle

Paso 3

Vamos a formar un sello en forma de corazón para nuestro sobre.

Haz un círculo de aproximadamente 20 x 20px, usando la herramienta Elipse (L) y manteniendo presionada la tecla Shift. Seleccione el punto de anclaje inferior con Herramienta de selección directa (A) y Conviértela en vertice con la ayuda de la función Convertir en el panel de control superior, haciendo que la parte inferior de la forma quede apuntada.

Ahora seleccione el punto de anclaje superior con la Herramienta de Selección Directa (A). Cambie a la herramienta de punto de anclaje (Shift-C) y arrastre las asas de anclaje hacia arriba, creando una forma de V. Arrastra el punto de anclaje superior hacia abajo, aplastando la forma y formando así un corazón estilizado.

make a heart from a circlemake a heart from a circlemake a heart from a circle

Paso 4

Selle nuestra carta de amor colocando el sello del corazón en el centro del sobre.

place the heart stamp in the center of the envelopeplace the heart stamp in the center of the envelopeplace the heart stamp in the center of the envelope

Paso 5

Use la misma forma de corazón para hacer elementos adicionales, lo que luego nos ayudará a llenar los espacios en blanco de nuestro motivo. El corazón alado es una combinación simple de la forma creada y un grupo de rectángulos redondeados, realizados con el Herramienta Rectángulo redondeado (se encuentra en el mismo menú desplegable que la herramienta Rectángulo (M) en el panel Herramientas).

make additional heart elementsmake additional heart elementsmake additional heart elements

3. Haz una manzana deliciosa

Paso 1

Toma la elipse Herramienta (L) y comienza a formar la manzana desde un círculo de 75 x 75 px. Seleccione el punto de anclaje superior con la herramienta de selección directa (A) y arrástrelo hacia abajo, haciendo que la parte superior de la forma quede más plana.

form the apple from a circleform the apple from a circleform the apple from a circle

Paso 2

Utilice la Herramienta de punto de anclaje (Shift-C) para colocar los puntos de control del punto de anclaje superior y arrástrelos hacia arriba. Y haga lo mismo con las asas del punto de anclaje inferior, arrastrándolos hacia abajo, para que se vean como una letra V invertida.

Finalmente, seleccione ambos puntos de anclaje laterales y muévalos un poco hacia arriba, usando la tecla de flecha hacia arriba, haciendo que la parte inferior de la aplicación sea más estrecha.

Si desea asegurarse de mover las asas de ancla simétricamente, use las Guías, que lo ayudarán a alinear las puntas de el mango. Encienda las Reglas (Control-R) y simplemente arrastre las Guías hacia su Mesa de trabajo desde la regla superior. Luego puede eliminar fácilmente la guía innecesaria si la selecciona y la elimina, o borrar las guías en Ver > Guías > Borrar guías. .

edit the anchor handles of the apple shapeedit the anchor handles of the apple shapeedit the anchor handles of the apple shape

Paso 3

Ahora formemos la hoja de un círculo pequeño y parejo. Seleccione los puntos de anclaje superior e inferior del círculo y Conviértelos en vertices con la ayuda de la función Convertir en el panel de control superior. Aplaste la forma, haciéndola más delgada, y gire la hoja, colocándola sobre la mitad izquierda de la manzana.

Agregue un hoyuelo estilizado a la manzana haciendo una línea arqueada con la herramienta Lápiz (N). .

make a leaf from a circlemake a leaf from a circlemake a leaf from a circle

Paso 4

Finalmente, agregue un tallo a nuestra manzana.

Forme una pequeña franja vertical con el Rectángulo Herramienta (M) y hacer su parte inferior más estrecha moviendo los puntos de anclaje inferiores más cerca del centro de la forma con la ayuda de las teclas de flecha.

¡Une el tallo a la manzana y prepárate para el próximo elemento de nuestro patrón!

make a stem from rectanglemake a stem from rectanglemake a stem from rectangle

4. Forma un diamante brillante

Paso 1

Haz un rectángulo 75 x 18px. Duplicar la forma (Control-C> Control-F), agarre el borde superior del rectángulo con la herramienta de selección (V) haciendo clic y manteniendo presionado, y arrástrelo hacia abajo, formando un rectángulo más grande debajo del primero.

start forming a diamond from rectanglesstart forming a diamond from rectanglesstart forming a diamond from rectangles

Paso 2

Manteniendo la forma más grande seleccionada, ve a Objecto > Trazado > Agregar Puntos de Anclaje. Seleccione la herramienta Eliminar punto de ancla(-) y elimine los puntos de anclaje inferior izquierdo e inferior derecho, formando un triángulo invertido.

turn the lower rectangle into the triangleturn the lower rectangle into the triangleturn the lower rectangle into the triangle

Paso 3

Ahora modifiquemos la parte superior del diamante. Seleccione el punto de anclaje superior izquierdo con la herramienta Selección directa (A) y presione Entrar para abrir el menú Mover. Mueva el punto 10 px hacia la derecha configurando el valor Horizontal en 10 px y el valor Vertical en 0 px. Haga lo mismo con el punto de anclaje superior derecho, moviéndolo en la dirección opuesta estableciendo el valor Horizontal en -10 px. .

move the upper anchor points closer to each othermove the upper anchor points closer to each othermove the upper anchor points closer to each other

Paso 4

Ahora vamos a representar las facetas del diamante. Tome la herramienta Pluma (P) y haga una línea corta, paralela al lado izquierdo de la forma superior. Continúa la línea, uniéndolo al punto inferior del diamante.

Presione P nuevamente para comenzar una nueva línea y dibujar una línea recta vertical en el centro del diamante, manteniendo presionada la tecla Shift.

Finalmente, seleccione la primera línea de faceta y haga doble clic en la herramienta Reflejar (O). En el menú de opciones de Reflejar, seleccione el eje vertical y haga clic en Copiar para hacer una copia duplicada de la línea. Coloque la copia en la parte derecha del diamante, haciendo una forma simétrica.

add lines with pen tool for the facetsadd lines with pen tool for the facetsadd lines with pen tool for the facets

Paso 5

¡Hagamos que nuestro diamante brille! Dibuja tres líneas verticales encima del diamante y Agrúpalas (Control-G). Alinee las líneas al diamante horizontalmente, usando el panel Alinear.

Seleccione las líneas, tome la herramienta Rotar (R), mantenga presionada la tecla Alt y haga clic en el centro del diamante para colocar un punto de pivote. Suelte la tecla del mouse para abrir el menú Rotar. Desde aquí, establece el ángulo a 360/30. De esta forma, Adobe Illustrator calculará automáticamente el valor de ángulo necesario para 30 copias, por lo que no es necesario establecer el ángulo mediante conjeturas. Haga clic en el botón Copiar para hacer una copia girada.

Y, finalmente, presione Control-D varias veces para crear las 30 copias, que representan un efecto brillante estilizado.

¡Buen trabajo! Sigamos adelante.

add shine to the diamondadd shine to the diamondadd shine to the diamond

5. Dibujar una clave vintage

Paso 1

Comencemos a formar la llave desde su parte decorativa superior. Haz un círculo de 30 x 30px y coloque uno más pequeño dentro, creando un anillo. Seleccione ambas formas y use la función Menos frente de Buscatrazos para recortar el círculo interno, haciendo un agujero en el anillo. No notará ninguna diferencia en este momento, pero verá el resultado de esta operación unos pasos más adelante, cuando colorearemos nuestros objetos.

Haga dos copias más del anillo y combínelas en una composición intrincada, colocando un círculo encima de otros dos y superponiéndolos.

create the top of the key from circlescreate the top of the key from circlescreate the top of the key from circles

Paso 2

Use la herramienta Rectángulo redondeado para hacer un eje largo y angosto para la llave. Agregue dos rectángulos redondeados más pequeños en la parte inferior del eje, colocándolos horizontalmente. A continuación, seleccione todos los rectángulos redondeados y únelos en Buscatrazos, fusionándolos en una sola forma.

¡Y eso es todo por la llave! ¡Hagamos el próximo artículo!

add a key shaftadd a key shaftadd a key shaft

6. Crea una nota de música

Paso 1

Tome la herramienta Rectángulo (M) y comience a formar la nota de un rectángulo de 30 x 10 px para su parte horizontal superior, que se llama "el rayo".

Haga una raya vertical fina para el tallo de la nota. Seleccione ambas formas y haga clic en la viga mientras mantiene presionado Alt para convertirlo en un Objeto clave. Dirígete al panel Alinear y alinea el vástago al lado izquierdo de la viga.

Agregue otro vástago en el lado derecho de la nota, alineándolo al lado derecho de la viga.

Finalmente, conecte dos círculos de 15 x 15 px al fondo de los tallos, formando las llamadas "cabezas" de la nota.

form the note from rectangles and ellipsesform the note from rectangles and ellipsesform the note from rectangles and ellipses

Paso 2

Vamos a sesgar nuestra nota un poco. Tome la Herramienta de selección directa (A) y seleccione todo el lado derecho de la nota haciendo clic y arrastrando el marco de selección sobre la parte necesaria del objeto.

Mantenga presionada la tecla izquierda del mouse y mueva la parte seleccionada de la nota hacia arriba, torciendo la forma.

¡Increíble! ¡Continuemos y coloreemos nuestros objetos!

make the note skewedmake the note skewedmake the note skewed

7. Aplicar colores brillantes a los elementos creados

Paso 1

Usaremos una gama limitada de colores para nuestra paleta, que consiste únicamente en colores morados y amarillos y sus tonos más claros y más oscuros.

Aplica los colores a la taza y hagámoslo un poco más detallado. Seleccione la base de la taza y vaya a Objeto > Trazado > Desplazamiento. Establezca el desplazamiento en -5 px, creando una forma adicional dentro del vaso. Llénalo con un color amarillo más claro, agregando dimensión a nuestra taza plana.

color the cup and add details with offset pathcolor the cup and add details with offset pathcolor the cup and add details with offset path

Paso 2

Ahora coloreemos el sobre, usando la misma técnica para hacerlo más detallado. Utilice la función de desplazamiento para hacer formas adicionales dentro de la base del rectángulo y dentro del sello del corazón.

En cuanto a la parte superior del triángulo de la envolvente, duplicarla (Control-C >Control-F) y mueve la copia un poco. A continuación, seleccione ambos triángulos y utilice la herramienta Creador de formas (Shift-M), manteniendo presionada la tecla Alt para eliminar la pieza no deseada fuera del sobre.

color the envelope and add detailscolor the envelope and add detailscolor the envelope and add details

Paso 3

Pasemos a nuestro diamante y hagamos que las líneas de las facetas sean un poco más gruesas, ajustando el grosor del trazo a 4 pt en el panel de control superior. Objeto > Expandir Apariencia para convertir las líneas en objetos. Colorea la base del diamante con tonos amarillos y aplica un color marrón muy oscuro a las líneas de las facetas. Establezca el Modo de fusión en Trama, haciendo que las líneas de las facetas se vuelvan semitransparentes.

color the diamondcolor the diamondcolor the diamond

Paso 4

Color otros elementos de nuestro conjunto, utilizando la función de desplazamiento y agregando detalles menores, como pequeños resaltados de círculo, haciendo que los elementos se vean elegantes.

color all the elementscolor all the elementscolor all the elements

8. Haga un diseño elegante de fantasía

Paso 1

Ahora que todos los artículos están listos, ¡combinémoslos en una intrincada textura sin costuras!

Ocultemos el tablero por un momento en Ver > Ocultar Mesas de trabajo (Control-H), para que nada nos distraiga de nuestro patrón. Seleccione todos los elementos y vaya a Objeto > Motivo > Crear.

go to Object Pattern Makego to Object Pattern Makego to Object Pattern Make

Paso 2

Ahora que ha ingresado al modo de creación de patrones, diríjase a la ventana Opciones de motivo y establezca el Ancho y la Altura del mosaico en 400 x 400 px (que es igual al tamaño de nuestra Mesa de Trabajo). Deje todas las demás opciones como predeterminadas (asegúrese de que el Tipo de mosaico esté configurado en Cuadrícula).

Comience colocando los objetos dentro, rotándolos y combinándolos en una composición agradable y equilibrada sin huecos o espacios en blanco.

use pattern tool to combine the elementsuse pattern tool to combine the elementsuse pattern tool to combine the elements

Paso 3

Establezca el valor Copias en 7 x 7 en el menú Opciones de Motivo y aleje para tener una visión general de su Motivo. Las copias atenuadas alrededor de los bordes del mosaico te ayudarán a encontrar los espacios vacíos y los defectos menores mientras mueves los objetos. Esas copias se moverán junto con sus elementos reales, mostrando una vista previa en vivo.

use dimmed copies to edit your patternuse dimmed copies to edit your patternuse dimmed copies to edit your pattern

Paso 4

Finalmente, cuando esté satisfecho con la composición, regrese al modo normal haciendo doble clic en cualquier lugar fuera. Ahora puede encontrar el patrón que creó en el panel Muestras. ¡Vamos a aplicarlo a una forma!

Cambie de nuevo la mesa de trabajo en Ver > Mostrar mesa de trabajo (Control-H). Seleccione el rectángulo de fondo morado que hicimos en nuestro primer paso, y cambie el tamaño a 800 x 600 px en el panel de control en la parte superior. Crea una copia en la parte superior (Control-C > Control-F) y aplica nuestro patrón sin costura seleccionándolo desde el panel Muestras.

apply the created patternapply the created patternapply the created pattern

Paso 5

¡Hagamos algunos ajustes finales!

En primer lugar, haremos que la escala de los elementos sea un poco más pequeña. Manteniendo seleccionada la forma del patrón, haga doble clic en la Herramienta Escala (S) para abrir la ventana de opciones de Escala . Establezca el valor Uniforme en 75% y desmarque todas las casillas, a excepción de la casilla de verificación Transformar motivos . Haga clic en Aceptar para aplicar los cambios.

use the scale tooluse the scale tooluse the scale tool

Paso 6

Ahora haga doble clic en la herramienta Rotar (R) y, desde aquí, configure el ángulo en 20 grados. Marque solo el cuadro Transformar motivos y haga clic en Aceptar.

use the rotate tooluse the rotate tooluse the rotate tool

¡Vuélvete púrpura para el Día del Espíritu!

¡Gran trabajo! ¡Nuestro intrincado patrón para Spirit Day está listo! Espero que hayas disfrutado siguiendo este tutorial y que hayas aprendido nuevos trucos y consejos sobre cómo formar los objetos a partir de formas básicas y combinarlos en una textura.

Diviértete, sé creativo y no olvides echar un vistazo a otros tutoriales dedicados al Día del Espíritu:

spirit day purple seamless patternspirit day purple seamless patternspirit day purple seamless pattern
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads