Advertisement
  1. Design & Illustration
  2. Flowers

Cómo crear un conjunto de 10 flores folclóricas en Adobe Illustrator

Scroll to top
Read Time: 12 min
This post is part of a series called 10 Years of Envato Tuts+!.
How to Create a Surreal Animal Photo Manipulation With 10 Photos in Adobe Photoshop
How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

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

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

Todos sabemos que los chubascos de abril anticipan las flores de mayo, pero ¿qué hay de los días lluviosos de septiembre? Generalmente en septiembre comienzan a crecer las semillas de nuestras habilidades.

Así que comencemos con un tutorial dedicado a crear una colección de diez flores folclóricas desde herramientas y formas básicas de Adobe Illustrator. Nuestra colección inspirada en patrones folclóricos consistirá de muchos elementos repetidos así que aprenderás a construir muchos elementos interesantes desde una cantidad limitada de partes reiterativas. También, puedes usar este truco para hacer que los elementos de cualquiera de tus diseños tengan más conexión.

Si buscas más diseños vectoriales de flores, dirígete a GraphicRiver para descubrir opciones.

1. Cómo hacer la primera flor

Paso 1

Crea un Nuevo documento (Archivo > Nuevo) siguiendo estos parámetros:

  • Número de mesas de trabajo: 1
  • Anchura: 800 px
  • Altura: 600 px
  • Unidades: pixeles
  • Modo de color: RGB

A continuación, crea 11 capas usando el panel Capas, uno por cada flor y uno para el fondo.

Luego, dirígete al panel Ver y habilita las Guías inteligentes.

Creating of a New DocumentCreating of a New DocumentCreating of a New Document

Paso 2

Haz un círculo rosa de 100 x 100 px (#f4908a) usando la herramienta Elipse (L). Elige la herramienta Tijeras (C) y haz clic en los puntos de ancla derecho e izquierdo del círculo. Posteriormente, elimina la mitad superior y haz clic en Unificar en el panel Buscatrazos.

Añade un rectángulo de color rosa pálido (#f9c4be) de 100 x 25 px con la ayuda de la herramienta Rectángulo (M) y colócalo en la parte superior de la base rosa.

Haz un óvalo rosa (#f4908a) de 9 x 18 px (también usando la herramienta Elipse (L) y haz clic en los puntos de ancla superior e inferior con la herramienta Punto de ancla (Mayúsculas-C). Coloca esta forma en el rectángulo rosa pálido de la izquierda.

Luego Cópialo y mueve la pieza copiada hacia la derecha. Elige la herramienta Fusión (W) y haz clic en las formas de la izquierda y derecha y luego haz clic dos veces en la miniatura de la herramienta Fusión. Configura Pasos especificados en 3 y haz clic en OK. Expande el efecto aplicando Objeto > Expandir.

Making of a base of the first flowerMaking of a base of the first flowerMaking of a base of the first flower

Paso 3

Haz un círculo rosa brillante (#ed5a62) de 9 x 9 px y colócalo arriba del óvalo convertido de la izquerda. Manteniendo presionada la tecla Alt, arrastra el círculo rosa brillante hacia el borde derecho y realiza la misma operación con la herramienta Fusión (W) como lo hicimos en nuestro paso anterior.

Haz una línea rosa brillante (#ed5a62) de 45 px con la ayuda de la herramienta Segmento de línea (\). Ve a Ventana > Trazo y configura el Remate: extremo redondeado. Configura la Anchura: 6 pt.

Copia (Control-C) y Pega (Control-V) el óvalo convertido, vuelve a colorearlo con rosa brillante (#ed5a62) y cambia su tamaño a 20 x 40 px. Luego rótalo mientras mantienes presionada la tecla Mayúsculas y colócalo cerca de la línea en su lado izquierdo. Copia la hoja y refléjala Verticalmente aplicando Objeto > Transformar > Rotar. Añade dos ramas a los lados del tallo principal. Y coloca un círculo rosa brillante (#ed5a62) de 15 x 15 px en cada una de estas ramas adicionales.

¡Nuestra primera flor está terminada!

Adding of a stem and leavesAdding of a stem and leavesAdding of a stem and leaves

2. Cómo hacer la segunda flor

Paso 1

Haz un círculo cian (#1a9cb4) de 40 x 40 px y un círculo azul (#18477b) de 70 x 70 px. Coloca el azul debajo del cian y Alinéalos usando el panel Alinear.

Crea un círculo dorado oscuro (#b55a2d) de 50 x 50 px y colócalo detrás de las dos formas anteriores en el lado superior izquierdo. Cópialo y mueve la forma copiada al lado superior derecho. Luego copia estas dos formas y muévelas hacia la parte inferior.

Making of a base of the second flowerMaking of a base of the second flowerMaking of a base of the second flower

Paso 2

Copia el tallo de la flor anterior y vuélvela a colorear de azul (#18477b). También copia las hojas grandes, también hazlas azul y coloca dos copias cerca del tallo y dos hojas a la izquierda y a la derecha de la flor. Luego, haz cuatro copias de las hojas pequeñas, vuélvelas a colorear de dorado oscuro (#b55a2d) y colócalas alrededor de la flor.

Adding of a stem and leaves to the second flowerAdding of a stem and leaves to the second flowerAdding of a stem and leaves to the second flower

3. Cómo hacer la tercera flor con corazones

Paso 1

Copia la base del semicírculo rosa de la primera flor y haz un círculo de 25 x 25 px y colócala en la base. Luego, haz tres copias de este círculo y colócalas en secuencia después de la primera.

Crea un círculo azul oscuro (#1c2949) de 70 x 70 px y colócalo debajo de la base rosa. Añade tres círculos blancos en la forma azul oscuro: una de 15 x 15 px y dos de 9 x 9 px.

Haz dos líneas de azul oscuro (#1c2949) con estas opciones: Trazo 6 pt y Altura 35 px. Rota estas líneas mientras mantienes presionada la tecla Mayúsculas y colócalas en la parte inferior de la base rosa. Añade un círculo azul oscuro de 40 x 40 px debajo de la forma básica rosa.

Making of a base for the third flowerMaking of a base for the third flowerMaking of a base for the third flower

Paso 2

Y ahora haremos rápidamente un corazón perfecto.

Crea dos círculos rosa pálido de 20 x 20 px (#f4908a) y colócalos cerca uno de otro. Luego, con la ayuda de la herramienta Pluma (P), haz dos triángulos que unan a ambos círculos. Combina estas formas con la ayuda del panel Buscatrazos.

Coloca un corazón en la flor y dos corazones arriba de él.

Creating of a heart shapeCreating of a heart shapeCreating of a heart shape

4. Cómo hacer una cuarta flor minimalista

Paso 1

Crea un círculo azul (#18477b) de 60 x 60 px, corta su mitad superior con la ayuda de la herramienta Tijeras (C) y añade un círculo azul oscuro (#1c2949) de 40 x 40 px sobre él.

Making of a base for the fourth flowerMaking of a base for the fourth flowerMaking of a base for the fourth flower

Paso 2

Añade tres círculos rosa brillante (#ed5a62) de 15 x 15 px arriba de la base de la flor.

Haz un tallo azul de 45 px de Altura. Y Copia dos hojas grandes y cuatro pequeñas de la segunda flor, volviendo a colorear las grandes de azul y las pequeñas de rosa brillante. Colócalas alrededor del tallo.

Adding of a stem and leaves to the fourth flowerAdding of a stem and leaves to the fourth flowerAdding of a stem and leaves to the fourth flower

5. Cómo hacer la quinta flor, inspirada en un juguete tradicional Dymkovo

Paso 1

Comienza con un círculo rosa (#f4908a) de 100 x 100 px y un círculo rosa brillante (#ed5a62) de 75 x 75 px con un trazo de 6 pt y sin relleno. ¿Notaste que nuestros cuatro elementos tienen el mismo trazo de 6 pt? Hace nuestro diseño más complejo. Así que añade un círculo azul (#18477b) de 50 x 50 px y tres líneas azul oscuro (#1c2949) (cada una con un grosor de 6 pt) dentro del círculo azul.

Making of a base for the fifth fowerMaking of a base for the fifth fowerMaking of a base for the fifth fower

Paso 2

Copia cualquier hoja de las flores previas, escálala a 60 x 30 px y coloréala de azul (#18477b). Coloca dos hojas a los lados de la flor. Luego, copia una hoja de 40 x 20 px de la segunda flor, vuélvela a colorear de azul oscuro (#1c2949) y pega cuatro copias de ella alrededor de la flor. También añade cuatro círculos dorados (#d38932) de 15 x 15 px y colócalos entre las hojas.

Adding of leaves to the fifth flowerAdding of leaves to the fifth flowerAdding of leaves to the fifth flower

6. Cómo hacer una sexta composición de flores

Paso 1

Crea un círculo rosa pálido (#f9c4be) de 80 x 80 px y un círculo rosa (#f4908a) de 55 x 55 px dentro de él. Haz un círculo azul oscuro (#1c2949) de 40 x 40 px y colócalo arriba del círculo rosa pálido detrás de él. Con la forma azul oscuro aún seleccionada, elige la herramienta Rotar (R) y haz clic en el centro del círculo rosa mientras mantienes presionada la tecla Alt. Configura el Ángulo: 360/6 (6 es el número de pétalos) y haz clic en Copiar. Luego, haz aplica Control-D tantas veces como necesites.

Using of the Rotation Tool to add petalsUsing of the Rotation Tool to add petalsUsing of the Rotation Tool to add petals

Paso 2

Crea un tallo azul oscuro (#1c2949) con una Altura de 100 px. Copia la hoja azul oscuro de la quinta flor y coloca cuatro copias de ella en el lado izquierdo del tallo y cuatro en el derecho.

Adding of a stem and leavesAdding of a stem and leavesAdding of a stem and leaves

Paso 3

Crea un círculo azul oscuro (#1c2949) de 80 x 80 px. Añade un círculo azul (#18477b) de 55 x 55 px y otro cian (#1a9cb4) de 30 x 30 px en él.

Haz un tallo cian de 90 px de alto. También, haz dos ramas pequeñas y añade un círculo cian de 15 x 15 px en cada una. Mueve esta flor hacia la izquierda de la flor azul oscuro.

Making of the minimalistic cian flower Making of the minimalistic cian flower Making of the minimalistic cian flower

Paso 4

Copia el corazón rosa pálido de la tercera flor, vuélvela a colorearla de rosa brillante (#ed5a62) y cambia su Anchura a 75 px. No olvides dar clic en el botón Restringir proporciones de anchura y altura.

Pega de nuevo el corazón rosa pálido y muévelo hacia el centro de la forma rosa brillante. Añade un tallo rosa brillante de 50 px de Altura y dos hojas a cada lado del tallo. Mueve la flor hacia el lado derecho de la flor grande de color azul oscuro.

Posteriormente selecciona todos estos elementos y Agrúpalos (Control-G).

Making of a heart-shaped flowerMaking of a heart-shaped flowerMaking of a heart-shaped flower

7. Cómo elaborar la séptima composición de flores usando la herramienta Rotar

Paso 1

Primero, haz dos círculos de 45 x 45 px. Uno rosa (#f4908a) y el otro azul oscuro (#1c2949). Mueve la forma rosa hacia arriba del círculo azul oscuro detrás de él.

Como lo hicimos antes, manteniendo la forma rosa seleccionada, elige la herramienta Rotar (R) y haz clic en el centro del círculo azul oscuro mientras mantienes presionada la tecla Alt. Establece el Ángulo: 360/5 (porque ahora necesitamos 5 pétalos) y haz clic en Copiar. Luego, pulsa Control-D tantas veces como sea necesario. Entonces, ¡hiciste una flor perfecta!

Make a seventh flowers base using the Rotate ToolMake a seventh flowers base using the Rotate ToolMake a seventh flowers base using the Rotate Tool

Paso 2

Añade tres círculos dorados (#d38932) de 15 x 15 px entre los pétalos. Haz (o copia de nuestras cuatro flores) una hoja azul (#18477b) de 30 x 15 px y muévela hacia el centro de la forma azul oscuro. Puedes hacerlo con la ayuda de las Guías inteligentes usando el panel Alinear. También, añade ocho círculos blancos pequeños alrededor de la hoja.

Copia cinco pétalos, vuélvelos a colorear de azul (#18477b) y mientras mantienes seleccionado el botón Restringir proporciones de anchura y altura, cambia la Anchura a 50 px. Añade un círculo azul oscuro (#1c2949) de 15 x 15 px en el centro. En seguida, mueve esta flor pequeña hacia el lado izquierdo de la flor rosa y coloca su copia en el lado derecho.

Adding of two small copied flowersAdding of two small copied flowersAdding of two small copied flowers

8. Cómo crear una octava composición de flores

Paso 1

Como ya lo hicimos, comienza con un círculo rosa pálido (#f9c4be) de 30 x 30 px. Copia cinco pétalos de la flor previa y cambia el valor de Anchura a 90 px. Mueve la forma rosa pálido de los pétalos hacia el centro. No olvides añadir un tallo azul oscuro de 70 px de Altura.

Creating of a base for the eighth flowerCreating of a base for the eighth flowerCreating of a base for the eighth flower

Paso 2

Añade una hoja azul oscuro de 60 x 30 px (toma el color de los pétalos utilizando la herramienta Cuentagotas (I), rótala manteniendo presionada la tecla Mayúsculas y colócala cerca del tallo en el lado izquierdo.

Luego, copia otra hoja de la flor azul oscuro que hicimos en la sección 6 y colócala arriba de la hoja grande. Copia estas hojas, refléjalas horizontalmente y muévelas hacia el lado derecho.

Adding of a stem and leaves to the eighth flowerAdding of a stem and leaves to the eighth flowerAdding of a stem and leaves to the eighth flower

Paso 3

Copia de nuevo el círculo rosa pálido y agrega un tallo rosa pálido de 40 px de altura (Trazo: 6 px) y cuatro hojas de igual tamaño. Posteriormente, añade un círculo dorado, copiado de la sección 7, arriba de la flor con la forma de corazón. Coloca una flor con la forma de corazón en el lado izquierdo de la flor azul oscuro y una en el lado derecho.

Adding of a pale pink heart-shaped flower with a stem and leavesAdding of a pale pink heart-shaped flower with a stem and leavesAdding of a pale pink heart-shaped flower with a stem and leaves

9. Cómo elaborar rápidamente una estilizada novena composición de hojas

Copiemos la hoja grande azul oscuro del octavo capítulo y experimenta con la rotación. Forma una cruz que consista de cuatro hojas.

Luego copia y pega una mitad vertical de esta composición a la izquierda y a la derecha (ver la imagen mostrada a continuación). Añade nueve círculos dorados copiados de la octava parte.

Quick making of the ninth leaves compositionQuick making of the ninth leaves compositionQuick making of the ninth leaves composition

10. Cómo hacer una décima composición de flores con bayas

Paso 1

Primero, haz un círculo rosa (#f4908a) de 65 x 65 px. Añade un círculo de 30 x 30 px con un trazo rosa pálido (#f9c4be) de 6 px. También haz un círculo azul oscuro (#1c2949) de 50 x 50 px y colócalo arriba de la forma rosa detrás de él.

Making of a base for the ninth flowerMaking of a base for the ninth flowerMaking of a base for the ninth flower

Paso 2

Con la forma rosa todavía seleccionada, elige la herramienta Rotar (R) y haz clic en el centro del círculo azul oscuro mientras mantienes presionada la tecla Alt. Establece el Ángulo: 360/6 y haz clic en Copiar. En seguida, pulsa Control-D tantas veces sea necesario.

Pega dos hojas de la novena sección, vuelve a colorearlas de azul (#18477b) y colócalas arriba de la flor. Refléjalas horizontalmente y muévelas hacia la parte inferior de la flor.

Adding petals and leaves to the tenth flowerAdding petals and leaves to the tenth flowerAdding petals and leaves to the tenth flower

Paso 3

Y el último elemento, ¡una baya! Haz su base de un círculo rosa de 35 x 35 px. Añade un pequeño círculo azul de 9 x 9 px en el centro del lado izquierdo de la baya y un círculo blanco del mismo tamaño que un reflejo.

Crea un círculo de 30 x 30 px con un trazo azul oscuro de 3 pt y elige un tipo de pincel con Anchura de perfil 1. Corta el lado izquierdo de esta forma con la ayuda de la herramienta Tijeras (C). ¡Hicimos la baya! Ahora, solo necesitamos rotar la baya y colocar una en el lado izquierdo de la flor y otra en el lado derecho.

Ahora agrupa toda la composición (Control-G).

Making of berries for the tenth flowerMaking of berries for the tenth flowerMaking of berries for the tenth flower

Paso 4

Finalmente, añade un rectángulo blanco de 800 x 600 px (usando la herramienta Rectángulo (R) en la capa fondo, y Alinéala con la mesa de trabajo.

Coloca en la pantalla nuestras diez composiciones de flores ¡y mira el hermoso trabajo que hiciste!

Así que, ¡las flores de septiembre están aquí!

Ahora sabes cuántas variantes interesantes puedes hacer no obstante el número limitado de elementos. Espero que también hayas aprendido algunos nuevos trucos de este tutorial.

No olvides compartir tus resultados en la sección de comentarios. Puedes crear tus propios motivos usando elementos de nuestro tutorial de hoy, ¡todas tus experiencias también son bienvenidas en los comentarios!

¡Nos vemos después!

All 10 flower compositionsAll 10 flower compositionsAll 10 flower compositions
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.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.