In this tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a medical background.
If you want to skip the tutorial and just use this vector in your work, purchase Medical Background With Hand Holding A Stethoscope from GraphicRiver!
1. How to Draw the Hand
Step 1
Begin by using the Mesh Tool (U) to draw a part of the hand.
Starting with a rectangle, add nodes inside the shape and move its edges around to create the shape pictured below. Proceed by adding more nodes and recoloring them just like in the screenshots!
Use these colors for the steps below:
#E6B896
#F7D7B9
#A95F30
#D7986E
#EBC099
-
#E7B68D
Step 2
Finish the hand.
#DCA57F
#E7BC8E
#FCDFC2
#FFDBBB
#E7BC8E
-
#DEAC79
Step 3
Draw the second part of the hand.
#DCA57F
#FFDABE
#B37240
#D6A074
#FFE6CB
-
#CBA576
Step 4
Finish the second part.
#F7D6AD
#E9B68E
#BE804F
Step 5
Add the third part.
#F0CDA7
#D09F75
#C47E47
#E0AB79
#D09F75
-
#EBBD9A
Step 6
Finish the third part.
#FFDCBB
#FADAB1
#EBBD9A
Step 7
Draw the tip of a finger.
#EDBA92
#FCD7B5
#F5C4A8
#F1B499
#A95527
-
#E89E7E
Step 8
Finish the fingertip.
#DC9F68
#F5C398
#F5C4A8
Step 9
Draw a base for the finger.
#EDBA92
#A45724
#D89A66
#E6B585
#FDD8B7
#BF7E40
Step 10
Align the previous two objects perfectly and color the bordering nodes according to the screenshot.
#FDD8B8
#F5C398
#DC9F68
#A95527
Step 11
Draw the nail with mesh.
#EDBA92
#E3A592
#FFD3C9
#FEB191
#CAA98F
-
#FADDCB
Step 12
Draw more finger parts.
#C77E61
#B55437
#7B180B
Step 13
#D6A07D
#A5401F
#BF7548
Step 14
Draw the base of the hand.
#E6BE9B
#CA9267
#CFA97E
#D9A97E
#E0B28E
-
#D6A47D
Step 15
Draw the arm.
#DBB48D
#C3A481
#DDBC9B
Step 16
Align the previous two objects perfectly, and color the bordering nodes according to the screenshot.
#DAAB81
#DBAC82
#E6BE9B
#E5BD99
#CFA97E
Step 17
Assemble the hand out of the elements we’ve made so far.
2. How to Draw the Stethoscope
Step 1
Draw the stethoscope. For the second step, bend the rectangle into a circle and align the nodes on the edge perfectly.
#BAB6A6
- –
#FFFFFF
#838173
#58544A
-
#888677
Step 2
Finish the mesh.
#9B9987
#EAE3D3
#D2CDBD
Step 3
Add one more element.
#898574
#FCF9F2
#27291F
Step 4
Create an ellipse with a Linear Gradient (#6F6458
– #D9D8C5
– #6F6458
).
Step 5
Create a shape with a Linear Gradient (#6F6458
– #BDBBB3
– #4A4434
– #6F6458
).
Step 6
Copy the shape we made in Step 2 and, with Edit > Edit Colors > Adjust Colors, convert it into Grayscale, adding 16% Black.
Place the gray copy under the colored copy and Group both objects.
Step 7
Draw a Blend shadow for the stethoscope, using a white and a #6D6C6A
circle.
Make the white circle transparent, and then create a Blend out of both objects with Object > Blend > Make, using Specified Steps, 30.
Step 8
Assemble the stethoscope.
Step 9
Draw a curved line with a Gradient Stroke (black to #C9C9C9
to #1C1C1C
).
Expand the shape.
Step 10
Begin with a #1D1D1D
rectangle with some mesh nodes. Bend it with Effect > Warp > Arc, using -100% Bend, and then Expand Appearance.
Shape the image as shown below and add some #9B9B9B
highlights.
Step 11
Draw a line and give its Stroke a Linear Gradient from black to #9B9B9B
to white to black.
Expand the image.
Step 12
Draw the buds for the tool.
#4E4E4E
#868686
#242424
-
#AFAFAF
Step 13
Assemble the medical tool.
Step 14
Place the stethoscope inside the hand, and then use a Clipping Mask to ‘crop’ the image.
Step 15
You’re done!
Awesome Work, You’re Now Done!
What now? You can try any of my other tutorials from my profile or check out my portfolio on GraphicRiver, as well as the original vector we recreated in this tutorial.
I hope you enjoyed the tutorial, and I would be super happy to see any results in the comments below.
Want to learn more about Gradient Meshes? Why not check out these tutorials:
-
Gradient Mesh ToolHow to Vector Hands Holding a Plant in Adobe IllustratorVladimir Galantsev
-
Gradient Mesh ToolHow to Draw an Office Background in Adobe IllustratorVladimir Galantsev
-
Gradient Mesh ToolHow to Draw a Set of Various Polypropylene and Plastic Packages in Adobe IllustratorVladimir Galantsev
{excerpt}
Read More