Advertisement
  1. Design & Illustration
  2. Flowers

Cómo Crear una Maceta de Narcisos con Malla de Degradado en Adobe Illustrator

Scroll to top
Read Time: 6 min

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

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

En éste tutorial aprenderás cómo usar la Herramienta Malla de Degradado y los Efectos de Deformación así como la manera de hacer lucir mejor tus imágenes con simples modificaciones a los parámetros de Transparencia-¡todo durante la creación de una maceta llena de realistas narcisos!

Si quisieras saltarte éste tutorial y deseas comprar el resultado final con un par de flores distintas, dirígete a GraphicRiver para adquirir Coloridas Flores de Primavera y Verano en Macetas.

Spring and Summer FlowersSpring and Summer FlowersSpring and Summer Flowers
Coloridas Flores de Primavera y Verano en Macetas

¡Comencemos!

1. Cómo Crear Pétalos

Paso 1

Crea una elipse amarilla.

yellow F9D539 ellipseyellow F9D539 ellipseyellow F9D539 ellipse

Paso 2

Usando la Herramienta Malla (U), coloca un nodo de malla en medio de la forma.

mesh node in the middlemesh node in the middlemesh node in the middle

Paso 3

Con la Herramienta Convertir Punto de Ancla (Mayúsculas-C), convierte el nodo más a la derecha al hacer click en él y arrástralo a la derecha.

rightmost node converted and dragged a bit to the rightrightmost node converted and dragged a bit to the rightrightmost node converted and dragged a bit to the right

Paso 4

Crea una Malla, como se muetra en la captura de pantalla.

5 rows and 4 columns of Mesh5 rows and 4 columns of Mesh5 rows and 4 columns of Mesh

Paso 5

Colorea los nodos de malla como en la imagen.

Color the petal a bit darker on the bottom and on the leftColor the petal a bit darker on the bottom and on the leftColor the petal a bit darker on the bottom and on the left

Paso 6

Aplasta el lado izquierdo del pétalo al arrastrar los nodos.

flatten the left sideflatten the left sideflatten the left side

Paso 7

Crea una nueva fila de malla al colocar un nodo con la Herramienta Malla (U).

New row next to the left sideNew row next to the left sideNew row next to the left side

Paso 8

Colorea el resto del pétalo como corresponde.

color the middle lighter and the borders darkercolor the middle lighter and the borders darkercolor the middle lighter and the borders darker

Paso 9

Ahora, dibuja dos líneas cafés con la Herramienta Pluma (P).

create two curved lines making a shape similar to a contact lenscreate two curved lines making a shape similar to a contact lenscreate two curved lines making a shape similar to a contact lens

Paso 10

Aplica un Trazo con un Perfil de Anchura 1 para ambas líneas (Ventana > Trazo).

see abovesee abovesee above

Paso 11

Objeto > Expandir Apariencia de ambas líneas.

see abovesee abovesee above

Paso 12

Ve a Objeto > Fusión > Opciones de Fusión y aplica Pasos Especificados:2. Luego ve a Objeto > Fusión > Crear con ambas líneas seleccionadas.

see abovesee abovesee above

Paso 13

Repite el Paso 11.

expand appearanceexpand appearanceexpand appearance

Paso 14

Haz click-derecho en la forma y selecciona Transformar > Reflejo.

Selecciona Eje Horizontal y Copiar.

see abovesee abovesee above

Paso 15

Organiza ambas formas juntas, y luego selecciónalas y crea un trazado compuesto con Objeto > Trazado Compuesto > Crear.

see abovesee abovesee above

Paso 16

Aplica un Degradado Lineal con la forma resultante.

linear gradient from 765A3C to E5B947linear gradient from 765A3C to E5B947linear gradient from 765A3C to E5B947

Paso 17

Aplica una Opacidad de 30% y transparencia Trama a la forma.

see abovesee abovesee above

Paso 18

Organiza nuetras formas finalizadas una con otra.

put the lines onto the petalput the lines onto the petalput the lines onto the petal

Paso 19

Crea cuatro copias más del pétalo finalizado y aplica un diferente Efecto > Deformar para cada una de ellas. Expandir Apariencia después de cada Deformación.

1 Squeeze -9 Bend 20 Vertical 2 Twist -21 Bend 13 Horizontal 31 Vertical 3 Wave -47 Bend 24 Horizontal -18 Vertical 4 Inflate 35 Bend 26 Horizontal -16 Vertical1 Squeeze -9 Bend 20 Vertical 2 Twist -21 Bend 13 Horizontal 31 Vertical 3 Wave -47 Bend 24 Horizontal -18 Vertical 4 Inflate 35 Bend 26 Horizontal -16 Vertical1 Squeeze -9 Bend 20 Vertical 2 Twist -21 Bend 13 Horizontal 31 Vertical 3 Wave -47 Bend 24 Horizontal -18 Vertical 4 Inflate 35 Bend 26 Horizontal -16 Vertical

Paso 20

Crea una flor de los pétalos finalizados.

a 6 petal flower using the fifth petal twicea 6 petal flower using the fifth petal twicea 6 petal flower using the fifth petal twice

2. Cómo Finalizar la Flor

Paso 1

Crea una elipse y rellénala de un Degradado Radial café.

512E05 to E6BE79 to white512E05 to E6BE79 to white512E05 to E6BE79 to white

Paso 2

Establece la Transparencia en Multiplicar y Opacidad en 80%.

see abovesee abovesee above

Paso 3

Coloca la sombra en medio de la flor.

see abovesee abovesee above

Paso 4

Crea un rectángulo amarillo.

yellow rectangle the right side is shorteryellow rectangle the right side is shorteryellow rectangle the right side is shorter

Paso 5

Dobla la forma y agrega nodos de malla con la Herramienta Malla (U).

bend the shape the rightbend the shape the rightbend the shape the right

Paso 6

Sigue éstos cuatro pasos para colorear y modificar la forma.

color it with alternating colors and bend the edges to make it look ruggedcolor it with alternating colors and bend the edges to make it look ruggedcolor it with alternating colors and bend the edges to make it look rugged

Paso 7

Crea otro rectángulo naranja.

orange rectangleorange rectangleorange rectangle

Paso 8

Modifica éste rectángulo, siguiendo las instrucciones de abajo.

darker in the middle and make the edges ruggeddarker in the middle and make the edges ruggeddarker in the middle and make the edges rugged

Paso 9

Crea una elipse con un Degradado Radial.

291502 to D69948 to white291502 to D69948 to white291502 to D69948 to white

Paso 10

Aplicále el modo de transparencia Multiplicar.

see abovesee abovesee above

Paso 11

Organiza todas las formas de ésta parte del tutorial juntas.

put the shadow on top of the big shape under the small shapeput the shadow on top of the big shape under the small shapeput the shadow on top of the big shape under the small shape

Paso 12

Puedes agregar algunos granos de polen a la flor. Para descubrir cómo crearlos, dirígete a la segunda sección de otro tutorial de flores mío.

see tutorialsee tutorialsee tutorial

Paso 13

¡Finalmente, ensambla tu flor!

put the shape into the middleput the shape into the middleput the shape into the middle

3. Cómo Crear el Tallo y las Hojas

Paso 1

Crea un rectángulo angosto verde y coloréalo con la Malla.

color the stalk so it looks realisticcolor the stalk so it looks realisticcolor the stalk so it looks realistic

Paso 2

Aplica Efecto > Deformar > Bandera con Fusión -33% y Distorsión Horizontal -15% a la forma. Expandir Apariencia.

see abovesee abovesee above

Paso 3

Colorea más la Malla.

color the left side of the stalk a lighter greencolor the left side of the stalk a lighter greencolor the left side of the stalk a lighter green

Paso 4

Crea un rectángulo verde, y luego coloréalo y modifícalo con la ayuda de la Herramienta Malla (U).

color the rectangle and bend it to look like a leafcolor the rectangle and bend it to look like a leafcolor the rectangle and bend it to look like a leaf

Paso 5

Selecciona la hoja y edita su color al ir a Edición > Editar Colores > Ajustar Equilibrio de Colores. Ingresa los siguientes parámetros:

  • Rojo: 4%
  • Verde: 6%
  • Azul: -3%
see abovesee abovesee above

Paso 6

Similarmente colorea y modifica otro rectángulo.

brown on the left side lighter on the right side rugged edges on the rightbrown on the left side lighter on the right side rugged edges on the rightbrown on the left side lighter on the right side rugged edges on the right

Paso 7

Establece la Transparencia de los cuatro nodos que están más a la derecha en 70%.

see abovesee abovesee above

Paso 8

Toma la hoja que hicimos en el Paso 5, crea una copia de ella, y aplánala un poco.

see abovesee abovesee above

Paso 9

Deforma la hoja aplanada con Arco y los siguientes parámetros:

  • Curvar: 12%
  • Distorsión Vertical: -21%

Expandir Apariencia.

see abovesee abovesee above

Paso 10

Organiza las hojas terminadas juntas.

arrange three leaves into a buncharrange three leaves into a buncharrange three leaves into a bunch

Paso 11

Pon la forma del Paso 7 sobre la parte superior de ellas.

see abovesee abovesee above

Paso 12

Adjunta la flor al tallo. Puedes crear algunas variantes rotándola.

different rotationsdifferent rotationsdifferent rotations

Paso 13

Organiza éstas flores en un ramo, similar a mi ejemplo de abajo.

seven flowers in a bouquetseven flowers in a bouquetseven flowers in a bouquet

Paso 14

Agrega las hojas creadas a tu ramo.

bouquet with leavesbouquet with leavesbouquet with leaves

¡Terminaste con las flores! Continuemos para la creación de la maceta.

4. Cómo Crear la Maceta

Paso 1

Comencemos creando el aro de la maceta. Crea la mitad de la forma, como se indica en la imagen, y luego voltéala con Reflejo y copíala, para crear una forma de aro simétrica.

half a rim - full rimhalf a rim - full rimhalf a rim - full rim

Paso 2

Colorea el aro con los colores indicados en la captura de pantalla de abajo.

darker on the right and on the edgesdarker on the right and on the edgesdarker on the right and on the edges

Paso 3

Crea una elipse angosta naranja y oscura.

dark orange circledark orange circledark orange circle

Paso 4

Agrégala debajo del aro que hicimos en el paso previo. Envíala detrás al presionar Mayúsculas-Control-[ en tu teclado.

see abovesee abovesee above

Paso 5

Ahora, continúa con la creación del resto de la maceta.

Dibuja un rectángulo naranja.

wide on the top and narrower on the bottomwide on the top and narrower on the bottomwide on the top and narrower on the bottom

Paso 6

Dobla la forma un poco hacia abajo, para que se asemeje más a una maceta.

see abovesee abovesee above

Paso 7

Finaliza de colorear la maceta con éste conjunto de instrucciones.

darker on the right sidedarker on the right sidedarker on the right side

Paso 8

Finalmente, creemos la tierra para las flores. Con la Herramienta Pluma (P), dibuja una forma similar a la mía de abajo, y luego rellénala de un color café.

draw a shape that looks like soildraw a shape that looks like soildraw a shape that looks like soil

Paso 9

Agrega la tierra a la maceta. Puedes enviarla adelante y atrás al hacer click-derecho y seleccionar Organizar.

put soil into the potput soil into the potput soil into the pot

Paso 10

Crea dos elipses angostas, la más pequeña rellena de un color naranja oscuro y la más grande de cualquier color-no importa. Luego organiza ambas elipses una con otra como se indica en la imagen.

see above the smaller one is one the bottomsee above the smaller one is one the bottomsee above the smaller one is one the bottom

Paso 11

Establece la Opacidad de la elipse más grande en 0%.

see abovesee abovesee above

Paso 12

Ve a Objeto > Fusión > Opcione de Fusión y aplica Pasos Especificados;30. Luego haz Objeto > Fusión > Crear con ambas elipses seleccionadas.

see abovesee abovesee above

Paso 13

Establece el Modo de Transparencia en Multiplicar y la Opacidad en 70%.

see abovesee abovesee above

Paso 14

Crea dos elipses más, rellena la más pequeña de un color café oscuro, y colócala arriba de la más grande.

the smaller ellipse on the leftthe smaller ellipse on the leftthe smaller ellipse on the left

Paso 15

Repite el Paso 12.

see abovesee abovesee above

Paso 16

Establece el Modo de Transparencia en Multiplicar.

see abovesee abovesee above

Paso 17

Pon la primera elipse arriba de la tierra y la segunda debajo de la maceta como una sombra.

see abovesee abovesee above

Paso 18

Crea dos formas finales, la más pequeña llena de verde oscuro, y la más grande de blanco.

the small shape on the bottom of the big onethe small shape on the bottom of the big onethe small shape on the bottom of the big one

Paso 19

Repite el Paso 12 una vez más.

see abovesee abovesee above

Paso 20

Establece el Modo de Transparencia en Multiplicar y la Opacidad en 70%.

see abovesee abovesee above

Paso 21

Pon el ramo en la maceta que hicimos y establece la sombra verde sobre la parte más baja de los tallos y las hojas.

see abovesee abovesee above

¡Sensacional Trabajo, Terminaste!

¿Y ahora qué? Puedes probar cualquiera de mis otros tutoriales de mi perfil, o consultar mi portafolio en GraphicRiver, así como la imagen original que recreamos en éste tutorial.

Espero que hayas disfrutado el tutorial ¡y me hará extremadamente feliz ver cualquier resultado en los comentarios abajo!

Spring and Summer Colorful FlowersSpring and Summer Colorful FlowersSpring and Summer Colorful Flowers
Coloridas Flores de Primavera y Verano en Macetas
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
One subscription. Unlimited Downloads.
Get unlimited downloads