1. envato-tuts+
  2. Home
  3. Design & Illustration
  4. Drawing/Illustration
  5. Illustration

¿Cómo Usar la Malla de Degradado para Crear Fresas en Salpicadura de Leche en Adobe Illustrator?

Scroll to top
Drawing/Illustration Illustration Vectors Adobe Illustrator

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

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

En este tutorial aprenderás cómo usar la Herramienta Malla y los Efectos de Distorsión, todo mientras creas un par de fresas en una salpicadura de leche.

Si te gustaría saltarte este tutorial y comprar el resultado final con frutas diferentes, ve a GraphicRiver para comprar la Gran Colección de Frutas en Salpicadura de Leche.

Big Collection Of Fruit And Berries In Milk SplashesBig Collection Of Fruit And Berries In Milk SplashesBig Collection Of Fruit And Berries In Milk Splashes
Gran Colección de Frutas en Salpicadura de Leche

1. ¿Cómo Crear las Dos Fresas?

Paso 1

Comienza creando un rectángulo rojo y Rellena con el color #DF0203.

Coge la Herramienta Malla (U) y pon un nodo encima del medio de la forma dando click izquierdo. Mueve los bordes del rectángulo usando la Herramienta Malla arrastrándolas. Busca crear una forma parecida a la fresa.

Finalmente crea un par de nodos más con la Herramienta Malla. Deberían haber cerca de ocho filas y cinco columnas de malla. Selecciona todos los nodos en las filas inferiores y dales color con un color oscuro, #920000.

create the strawberrycreate the strawberrycreate the strawberry

Paso 2

Continua creando y coloreando más nodos con la Herramienta Malla, similarmente al último paso.

Los colores que necesitarás para cada sub-paso son:

  1. #B20505
  2. #CC0304
  3. #B70404
color with the mesh toolcolor with the mesh toolcolor with the mesh tool

Paso 3

Finalmente, colorea el nodo medio en la quinta fila con #C00404.

color another middle nodecolor another middle nodecolor another middle node

Paso 4

Nuestra malla para la fresa está hecha, así que vamos a crear las semillas.

Como en los pasos anteriores, crea y modifica una forma rellena con #E7BD42, y luego colorea los bordes de la semilla con un un color más oscuro, #DD8C0A.

stretch the bottom node into a tipstretch the bottom node into a tipstretch the bottom node into a tip

Paso 5

Continua coloreando la semilla con Malla.

Los colores que necesitarás son:

  1. #EBCC56
  2. #CE880D
  3. #F3CF71
  4. #D66D0C
color the seeds with the mesh toolcolor the seeds with the mesh toolcolor the seeds with the mesh tool

Paso 6

Crea una Copia más de nuestro resultado.

Toma la primera copia y aplica Efecto > Deformar > Inflar a la forma con la siguiente configuración:

  • Curvar: 0%
  • Horizontal: 0%
  • Vertical: 22%

Luego de aplicar el efecto ve a Objeto > Expandir Apariencia.

¡Recuerda hacer esto luego de cada deformación!

expand appearance of seedsexpand appearance of seedsexpand appearance of seeds

Paso 7

Modifica la semilla aplanándola una poco y arrastrando su pinta a la derecha.

flatten the seedflatten the seedflatten the seed

Paso 8

Crea una copia de la forma que acabamos de terminar. Escala la copia cerca de la mitad del tamaño de la original.

scale the seedscale the seedscale the seed

Paso 9

¡Vamos a poner nuestras semillas en la fresa!

En el primer sub-paso, usa la semilla que terminamos en el Paso 5.

Luego, usa la que creamos en el Paso 7.

Finalmente, termina el posicionamiento usando la semilla del Paso 8.

place seeds on the strawberryplace seeds on the strawberryplace seeds on the strawberry

Paso 10

¡Esto debe ser la fresa resultante!

the strawberry result after the seedsthe strawberry result after the seedsthe strawberry result after the seeds

Paso 11

Ahora vamos a comenzar a crear la mitad de una fresa.

Sigue los pasos en la imagen debajo para darle color a la forma con la Malla.

Necesitarás estos colores:

  1. #D32D18
  2. Ninguno, dándole forma a la fresa.
  3. #E85D41
  4. Ninguno—necesitarás borrar las columnas de la Malla a los lados de la forma y crear cuatro columnas que están más cerca al medio.
  5. #AA0000
  6. #C93425
  7. #EB9383
  8. #ECBAB9
  9. #9F8D3C
  10. #ECC2C7
  11. #EAA39B
color it like a strawberry sliced in halfcolor it like a strawberry sliced in halfcolor it like a strawberry sliced in half

Paso 12

Añade algunas semillas en los bordes nuestra Malla terminada en la fresa. ¡Ahora vamos a crear las hojas!

add seeds on the edgesadd seeds on the edgesadd seeds on the edges

2. ¿Cómo Crear Hojas, Tallos e Iluminación?

Paso 1

¡Vamos a dibujar la hoja! Sigue los siguientes pasos debajo:

Aquí están los colores que necesitaremos usar:

  1. #6F7B24
  2. #60641a
  3. #BDBD87
  4. #97953B
  5. #4F3F13
  6. #5B5219
  7. #5F6D1D
  8. #535F18
how to create leaveshow to create leaveshow to create leaves

Paso 2

Para los detalles de la hoja, dibuja tres lineas puntiagudas con la Herramienta Pluma (P).

Aplica Trazo con el perfil de Puntas de Flecha a las lineas, y luego cambia el color del Trazo al Degradado básico de blanco y negro.

Cambia el Modo de Transparencia a Tramo y la Opacidad a 30%.

Finalmente selecciona el trazo y ve a Objeto > Expandir Apariencia.

add the leaf detailsadd the leaf detailsadd the leaf details

Paso 3

Pon las lineas encima de las hojas. Sugiero Agrupar todas las formas con Control-G.

place lines on the leafplace lines on the leafplace lines on the leaf

Paso 4

Crea dos copias de la hoja original.

Coge la primer copia y aplica Efecto > Deformar > Estrechar con la siguiente configuración:

  • Curvar: -13%
  • Horizontal: -55%
  • Vertical: -11%

No olvides Expandir la Apariencia.

Luego, dibuja una linea similar al trazado amarillo en la toma. Selecciona el contorno y la hoja, da click-derecho en la imagen, y selecciona Crear Máscara de Recorte en el menú desplegable.

warp the leaveswarp the leaveswarp the leaves

Paso 5

Crea dos copias de la hoja que terminamos en el paso anterior.

Toma la primera copia y modifícala en Edición > Editar Colores > Ajustar Colores con la siguiente configuración:

  • Rojo: -11%
  • Verde: -5%
  • Azul: -15%
adjust the leaf colorsadjust the leaf colorsadjust the leaf colors

Paso 6

Toma la segunda copia que hicimos anteriormente y modifica su color yendo a Edición > Editar Colores > Ajustar Colores, ahora con esta configuración:

  • Rojo: -14%
  • Verde: -14%
  • Azul: -15%
modify the second leafs colorsmodify the second leafs colorsmodify the second leafs colors

Paso 7

Muy similarmente al Paso 4, coge la segunda copia que hicimos en ese paso y aplica Efecto > Deformar > Arco con la siguiente configuración:

  • Curvar: 25%
  • Horizontal: -26%
  • Vertical: 0%

No olvides Expandir la Apariencia.

Luego dibuja un borde, indicado por el trazado negro en la captura. Selecciona el borde y la hoja, da click-derecho en la image y da click en Crear Máscara de Recorte en el menú desplegable.

make the leaf smallermake the leaf smallermake the leaf smaller

Paso 8

Vamos a crear el tallo.

Dibuja un rectángulo verde claro con relleno #E2E564. Luego, aplica curvas con Efecto > Deformar > Arco, usando Curvar: 45%. Expande la Apariencia.

create the stalkcreate the stalkcreate the stalk

Paso 9

Curva la punta derecha del tallo para hacerla redonda. Luego siguiendo las instrucciones de abajo, colorea el tallo con la Malla.

Necesitarás estos colores:

  1. #9E7943
  2. #A2A13F
  3. #70511A
  4. #FEFDA6
  5. #ADAD45
  6. #AB7F4E
  7. #CEB963
  8. #C2B248
bend the stalkbend the stalkbend the stalk

Paso 10

Ahora que cada elemento ha sido hecho, vamos a traerlos todos juntos.

Añade las hojas de acuerdo al orden que fueron creadas, como se indica por los números abajo.

add leaves to the stalkadd leaves to the stalkadd leaves to the stalk

Paso 11

¡Ahora vamos a añadir nuestras hojas a toda la fresa! Ponlas detrás de la fresa enviándolas atrás con Mayus-Control-[.

add the leaves to the strawberryadd the leaves to the strawberryadd the leaves to the strawberry

Paso 12

Haz lo mismo para la mitad de la fresa.

add leaves to the half strawberryadd leaves to the half strawberryadd leaves to the half strawberry

Paso 13

Casi terminamos la fresa. Todo lo que queda es crear la iluminación para nuestra fresa.

Dibuja una forma como la que está en la imagen y luego tres formas redondas. Las formas redondas deben ser más grandes que las semillas que pusimos.

Luego, mueve las formas redondas encima del dibujo original, selecciona todas, y da click en Excluir en el panel de Buscatrazos.

create highlightscreate highlightscreate highlights

Paso 14

Dibuja una forma de media luna y ponla como se muestra en la imagen. Puedes usar tu fresa con las semillas como referencia mientras haces esto—las formas grises no deben tocar las semillas, pero deben estar en medio.

Lo mismo va para la forma previa.

create half moon shapescreate half moon shapescreate half moon shapes

Paso 15

Selecciona todos los objetos y ve Objeto > Trazado Compuesto > Hacer.

Luego Rellena el trazado resultante con el Degradado Lineal desde blanco a #626161.

fill with a linear gradientfill with a linear gradientfill with a linear gradient

Paso 16

Cambia el Modo de Transparencia a Tramo y la Opacidad a 70%.

change the transparency modechange the transparency modechange the transparency mode

Paso 17

Mueve la iluminación encima de la fresa. Si no se adecua, no te preocupes—puedes modificar la forma arrastrando sus nodos con la Herramienta de Selección Directa (A).

adjust the strawberry highlightadjust the strawberry highlightadjust the strawberry highlight

Paso 18

Mueve la siguiente mitad a toda la fresa.

move the strawberriesmove the strawberriesmove the strawberries

3. ¿Cómo Crear la Salpicadura de Leche?

Paso 1

En esta sección final, dibujaremos una salpicadura de leche para nuestras fresas. ¡Prepara la Herramienta Malla!

Comencemos dibujando la primera de cinco salpicaduras pequeñas.

Usa la Malla para modificar y colorear la forma. Los colores que necesitarás para esta son:

  1. #ECEEF1
  2. #CBCFD6
  3. #FFFFFF
create a milk splashcreate a milk splashcreate a milk splash

Paso 2

Crea la siguiente salpicadura pequeña con otra Malla.

  1. #ECEEF1
  2. #D0D5DB
  3. #FFFFFF
create the smaller milk splashcreate the smaller milk splashcreate the smaller milk splash

Paso 3

Continua creando la tercera salpicadura.

  1. #ECEEF1
  2. #D0D5DB
  3. #FFFFFF
create the third milk splashcreate the third milk splashcreate the third milk splash

Paso 4

Los colores que necesitarás para la cuarta salpicadura son:

  1. #E8EAED
  2. #D2D6DC
  3. #FFFFFF
create a fourth milk splashcreate a fourth milk splashcreate a fourth milk splash

Paso 5

Termina creando la gota de leche.

  1. #EFF1F3
  2. #DFE1E5
  3. #FFFFFF
create a milk dropcreate a milk dropcreate a milk drop

Paso 6

Esta es la manera en que los elementos son etiquetados luego—¡no lo olvides!

all of the milk splashes in orderall of the milk splashes in orderall of the milk splashes in order

Paso 7

Vamos a crear nuestra primera gran salpicadura de leche de Malla. Necesitarás estos colores:

  1. #F2F3F5
  2. Ninguna, solo dale forma al objeto.
  3. #D0D4DA
  4. #E1E3E7
  5. #FFFFFF
milk splash meshmilk splash meshmilk splash mesh

Paso 8

¡Añade elementos pequeños a nuestra salpicadura grande! Consulta el Paso 6 si no estás seguro cuál es cuál.

add elements to splashadd elements to splashadd elements to splash

Paso 9

Vamos a crear la segunda salpicadura grande. Esta vez, necesitarás estos:

  1. #9E7943
  2. Forma
  3. #DADDE2
  4. #FFFFFF
  5. #E1E3E7
  6. #CBD0D7
add the second part of the splashadd the second part of the splashadd the second part of the splash

Paso 10

Añade elementos pequeños a esta salpicadura también.

add more little elementsadd more little elementsadd more little elements

Paso 11

Crea la última parte de la salpicadura. Usa estos colores:

  1. #DFE2E6
  2. Forma
  3. #C3CAD1
  4. #CFD3DA
  5. #F5F6F7
third part of the splashthird part of the splashthird part of the splash

Paso 12

No añadiremos otro elemento a la última salpicadura.

¡Vamos a combinarlos! Verde es la primera salpicadura que terminamos, rojo es la segunda y azul es la última.

combine last part behind the first twocombine last part behind the first twocombine last part behind the first two

Paso 13

¡Casi terminamos! Vamos añadir gotas de leche.

Crea cuatro copias más de la gota de leche que hicimos en el Paso 5. Modifica la primera copia aplicando Efecto > Deformar > Estrechar con esta configuración:

  • Curvar: -35%
  • Horizontal: -18%
  • Vertical: 23%

No olvides ir a Objeto > Expandir Apariencia.

expand appearanceexpand appearanceexpand appearance

Paso 14

Modifica la segunda copia con Efecto > Deformar > Inflar con esta configuración:

  • Curvar: 18%
  • Horizontal: -8%
  • Vertical: -40%

Asegúrate de Expandir la Apariencia.

expand appearance of milk copyexpand appearance of milk copyexpand appearance of milk copy

Paso 15

Aplica Efecto > Deformar > Remolino a la tercera copia.

  • Curvar: -34%
  • Horizontal: 26%
  • Vertical: 36%

Expandir Apariencia.

expand appearance of third copyexpand appearance of third copyexpand appearance of third copy

Paso 16

Para la última copia, simplemente arrastra para aplanarla un poco.

flatten the milk dropflatten the milk dropflatten the milk drop

Paso 17

Usa gotas de leche diferentes que hicimos en estos paso para crear algo como esto:

random placement of milk dropsrandom placement of milk dropsrandom placement of milk drops

Paso 18

Cuando estés feliz con las gotas aleatorias, ponlas en la salpicadura grande y pon tus fresas "dentro". Deben estar encima de la tercera parte de la salpicadura.

add the milk drops to the compositionadd the milk drops to the compositionadd the milk drops to the composition

Paso 19

El toque final será la adición de una sombra.

Crea une elipse, Rellenando con un Degradado Radial de #8B7065 a #FFFFFF. Pon el Modo de Transparencia a Multiplicar.

add a shadowadd a shadowadd a shadow

Paso 20

Pon la sombra debajo de la salpicadura de leche y lo haz hecho.

place the shadow under the milkplace the shadow under the milkplace the shadow under the milk

¡Buen Trabajo! ¡ Haz Terminado!

¿Ahora que? Puedes probar cualquier de mis otros tutoriales en mi perfil, o revisa mi portafolio en GraphicRiver, así como la imagen original que recreamos en este tutorial.

Big Collection Of Fruit And Berries In Milk SplashesBig Collection Of Fruit And Berries In Milk SplashesBig Collection Of Fruit And Berries In Milk Splashes
Gran Colección de Frutas en Salpicadura de Leche

Espero que hallas disfrutado este tutorial, y estaré extremadamente feliz de ver cualquier resultado, opinión o sugerencia en los comentarios abajo.

Strawberry in Milk Vector Illustration Adobe Illustrator TutorialStrawberry in Milk Vector Illustration Adobe Illustrator TutorialStrawberry in Milk Vector Illustration Adobe Illustrator Tutorial
Drawing/Illustration Illustration Vectors Adobe Illustrator
Vladimir Galantsev By