1. Design & Illustration
  2. Add-Ons

Cómo Vectorizar Manos Sosteniendo una Planta en Adobe Illustrator

¡En este tutorial, aprenderás cómo usar la Herramienta Malla en Adobe Illustrator para crear un par de manos fotorrealistas en formato vectorial que sostienen una planta!
Scroll to top

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

¡En este tutorial, aprenderás cómo usar la Herramienta Malla en Adobe Illustrator para crear un par de manos fotorrealistas en formato vectorial que sostienen una planta!

Si quieres saltarte el tutorial y solo usar este vector en tu trabajo, ¡compra Manos sosteniendo una planta joven de GraphicRiver!

Hands holding young plantHands holding young plantHands holding young plant
Manos sosteniendo una planta joven

1. Cómo Dibujar las Manos con la Malla

Paso 1

¡Aprendamos cómo usar la Malla de Degradado!

Comienza dibujando un rectángulo y rellénalo con el color #DAA592. A continuación, toma la Herramienta Malla (U) y crea una cuadrícula de malla dentro del objeto al hacer clic en diferentes puntos.

Curva el objeto a la forma vista en la captura de pantalla de abajo. Una vez que la forma y la cuadrícula de malla coincidan con la imagen, selecciona los nodos superiores del lado izquierdo y coloréalos con #F0C1B3.

Continúa al seleccionar y colorear los nodos indicados con los colores respectivos.

Necesitarás estos:

  1. #DAA592
  2. #F0C1B3
  3. #D99F8A
  4. #D18F76
  5. #CC8A71
  6. #C0826B
gradient mesh handgradient mesh handgradient mesh hand

Paso 2

Continúa dibujando el brazo, usando la Malla para colorear los nodos indicados:

  1. #C48268
  2. #C5846E
  3. #C27B67
  4. #F5E4DF
vector mesh handvector mesh handvector mesh hand

Paso 3

Finaliza esta parte del brazo.

  1. #B97A61
  2. #CA8972
  3. #CE8F78
  4. #D69E8A
arm mesh deconstructionarm mesh deconstructionarm mesh deconstruction

Paso 4

Comienza dibujando la siguiente parte del brazo.

  1. #CB8B73
  2. #903023
  3. #E6BAAD
  4. #E3A999
mesh grid photo-realistic handmesh grid photo-realistic handmesh grid photo-realistic hand

Paso 5

Finaliza esta parte del brazo.

  1. #DA9A86
  2. #D18570
  3. #C27561
  4. #C47E68
human arm meshhuman arm meshhuman arm mesh

Paso 6

Alinea ambas partes del brazo.

vector armvector armvector arm

Paso 7

Mueve las partes lo suficientemente cerca para poner los nodos del borde uno arriba del otro. Luego selecciona cada par de nodos (con la Herramienta Lazo (Q)) y coloréalos con el mismo código de color para que coincidan perfectamente.

  1. #C8876F
  2. #C8876F
  3. #C7866F
  4. #C5846E
  5. #CB8B73
  6. #C27B67
  7. #C6846E
  8. #C5846E
  9. #CC8A71
  10. #CB8A72
  11. #CB8A72
  12. #D69F8B
  13. #F0C1B3
adobe illustrator vector hand meshadobe illustrator vector hand meshadobe illustrator vector hand mesh

Paso 8

Dibuja el dedo.

  1. #DB9883

  2. #F2C7BE
  3. #D68372
  4. #F4B9AC
  5. #E8A897
finger vector mesh tutorialfinger vector mesh tutorialfinger vector mesh tutorial

Paso 9

Continúa dibujando el dedo.

  1. #E29B86
  2. #DA927C
  3. #E6A593
  4. #ECA592
  5. #DD927C
  6. #A94A3F
gradient mesh tutorialgradient mesh tutorialgradient mesh tutorial

Paso 10

Finaliza el dibujo.

  1. #C8816A
  2. #D4907A
  3. #D77165
realistic mesh tutorialrealistic mesh tutorialrealistic mesh tutorial

Paso 11

Dibuja la uña.

  1. #E58F8C
  2. #FCC1C1
  3. #FAD0D3
  4. #DF7C77
  5. #FECDD1
  6. #E89D9A
  7. #F984B7
vector mesh nailvector mesh nailvector mesh nail

Paso 12

Une la uña al dedo.

human finger drawing deconstructionhuman finger drawing deconstructionhuman finger drawing deconstruction

Paso 13

Une el dedo al resto de la mano de la manera en que lo hicimos en el Paso 7.

  1. #EDCEC5
  2. #E1AB99
  3. #CF917A
  4. #CF917A
  5. #C9826B
how to draw handshow to draw handshow to draw hands

Paso 14

Comienza dibujando otro dedo.

  1. #EBA79A
  2. #FCD5D4
  3. #DB8776
  4. #CE8E79
  5. #D69486
  6. #DD907F
vector fingervector fingervector finger

Paso 15

Finaliza el dedo.

  1. #D89788
  2. #F4BCAF
  3. #E69787
  4. #FCD5D4
mesh tool finger hand armmesh tool finger hand armmesh tool finger hand arm

Paso 16

Dibuja otra uña.

  1. #F0AAA9
  2. #FFD9CD
  3. #FFB9B8
  4. #FCCCCC
  5. #FAA69C
  6. #FDC0B5
nail drawing vectornail drawing vectornail drawing vector

Paso 17

Dibuja otro dedo.

  1. #DE9D8E
  2. #EEADA3
  3. #F0BFB6
  4. #C77863
finger meshfinger meshfinger mesh

Paso 18

Finaliza el dedo y une la uña con él.

  1. #DB8C7B
  2. #E7B2A5
  3. #CE8D76
  4. #D89782
gradient mesh drawinggradient mesh drawinggradient mesh drawing

Paso 19

Dibuja el último dedo del primer brazo.

  1. #E2A998
  2. #D18B76
  3. #D79987
  4. #E5B8AA
photo-realistic mesh armphoto-realistic mesh armphoto-realistic mesh arm

Paso 20

Dibuja el segundo brazo.

  1. #DB8C7B
  2. #E2B9A9
  3. #D28F76
  4. #CD8F7A
vector mesh deconstructionvector mesh deconstructionvector mesh deconstruction

Paso 21

Dibuja un dedo para el segundo brazo.

  1. #DC9F8A
  2. #DA7D68
  3. #EBC0B6
  4. #D78F76
human finger drawhuman finger drawhuman finger draw

Paso 22

Finaliza el dibujo.

  1. #E6A591
  2. #E49587
  3. #D38F7D
gradient meshgradient meshgradient mesh

Paso 23

Ensambla la mano con las partes que hicimos.

human hands drawing vector tutorialhuman hands drawing vector tutorialhuman hands drawing vector tutorial

Paso 24

Haz que coincidan los colores de los nodos igual que antes.

  1. #CE8E79
  2. #CE8E79
  3. #CF8F7A
  4. #CF8F7B
  5. #D3937D
  6. #D99984
  7. #D59680
  8. #D1917A
  9. #E0AD9D
  10. #E6B9AC
mesh nodesmesh nodesmesh nodes

2. Cómo Dibujar las Hojas y la Tierra

Paso 1

Dibuja una base de malla verde (#638F35), y luego agrega algunos nodos de malla coloreados con #5F8730 a la mitad de ella.

Dibuja un contorno con #ADAD4D, colócalo arriba de la malla, y luego dibuja un contorno para la hoja. Colócalo arriba de ambos elementos que hicimos antes, selecciona todo, y usa Crear Máscara de Recorte después de hacer clic derecho en la imagen.

draw mesh leafdraw mesh leafdraw mesh leaf

Paso 2

Dibuja un tallo para la planta y rellénalo con un Degradado Lineal (#331408 - #6F9700 - #6F9700).

gradient stemgradient stemgradient stem

Paso 3

Dibuja otra parte del tallo con la Malla.

  1. #759334
  2. #679134
mesh stemmesh stemmesh stem

Paso 4

Haz completamente transparente el borde izquierdo del objeto.

opacityopacityopacity

Paso 5

Crea una copia de la hoja que hicimos antes y procede con Edición > Editar Colores > Ajustar Equilibrio de Colores, usando estos ajustes:

  • Rojo: 7%
  • Verde: 8%
  • Azul: -43%
recoloring leafrecoloring leafrecoloring leaf

Paso 6

Ensambla la planta.

young plant vectoryoung plant vectoryoung plant vector

Paso 7

Dibuja un contorno de la tierra y rellénalo con #2D2115.

soil vectorsoil vectorsoil vector

Paso 8

Coloca la tierra y la planta en las manos con formato vectorial.

hands with plant vector meshhands with plant vector meshhands with plant vector mesh

¡Fabuloso Trabajo, Ahora Terminaste!

¿Ahora qué? Puedes intentar cualquiera de mis otros tutoriales de mi perfil o consultar mi portafolio en GraphicRiver, así como el vector original que recreamos en este tutorial.

Espero que hayas disfrutado el tutorial, y estaría super feliz de ver cualquier resultado en los comentarios abajo.

hands holding young planthands holding young planthands holding young plant
Manos sosteniendo planta joven.