Create a Detailed Baseball in Illustrator
In this tutorial, you'll learn how to create a detailed baseball from a reference photo with the help of gradients and the 3D Revolve Effect. Enjoy!
The following asset was used during the production of this tutorial: Baseball Reference Photo.
Start by putting your reference image in the document. On a new layer, use the reference photo as a guide to create a circle using the Ellipse Tool.
Using the Eyedropper Tool, sample a light and dark gray from the image.
Fill the circle with a radial gradient using the sampled colors.
For now, hide the layer with the circle so we can see the reference photo. On a New Layer, use the Pen Tool to draw a line that follows the seam on the ball.
Hide the reference photo and give the line a fill and a stroke. Use light gray for the fill, and black for the stroke with the settings shown.
Apply the Feather Effect (Effect > Stylize > Feather) and set this shape's Opacity to 20%.
Do the same with the other seem.
Now we are going to create some more realistic shading using the 3D Revolve Effect. But, before we do this, we need to copy the original circle and paste it in its own layer, which I have named "Overlay."
Fill this new ellipse with the solid light gray color instead of the gradient color.
Now, let's set this shape up to be revolved. Use the Pen Tool to delete the circle's left anchor point (simply hover over the existing anchor point).
Use the Direct Selection Tool (D) and, while holding down Alt + Shift (Shift allows you to snap to 45 degree increments), manipulate the handles on the top and bottom anchor points so that the shape appears as shown.
With the half-circle shape selected, go to Effect > 3D > Revolve and apply the settings shown. Note that we will be creating three lights (one front light and two back lights).
When you're done, change the layer's Blending Mode to Overlay
To start creating the stitches, hide all working layers so far, leaving the reference photo visible (it may help to reduce the opacity of the photo). Zoom in to one of the stitches and use the Ellipse Tool to create a shape that will become one of the stitching holes.
Make a copy of the first shape and move it down slightly. Select both shapes and, in the Pathfinder Panel, select Divide. Get rid of the excess shapes.
Fill the first shape with a dark brown color. Fill the other one with a tan-to-brown gradient.
Use the Pen Tool to make the shape of the stitch. Fill this with a linear gradient using some colors sampled from the reference image.
To create a highlight on the stitching, make a copy (Command + C) of the stitch shape and paste it on front (Command + F). Use the Pen Tool to create another shape as shown. Select the new shape and the top copy of the stitch, then Minus Front. Fill the resulting shape with the dark red color from the gradient.
To make a stitch in the opposite direction, select all the shapes and go to Object > Transform > Reflect. Go ahead and reflect a Vertical Copy.
Using the reference photo, position this new stitch. I have also adjusted the gradient slightly.
We are going to work on the new stitch we just created, so hide the original stitch. I want the stitch on the right to appear that it is disappearing under the leather flap. To start, use the Pen Tool to draw a line through the shapes as shown. Copy (Command + C) and Paste the line in front of itself (Command + F). Select one of the copies of the line and one of the shapes from the stitch, then Divide. Select the remaining line and the other shape, then Divide. Now you can delete the tip of the stitch shapes.
Select both stitches and press Command + G to make a group. Start to copy this group around the ball, using the reference photo as a guide. Use the Rotate Tool (R) to position the stitches accurately.
As you get further along, you'll notice the perspective changes. Use the Direct Selection Tool (A) to select the stitches individually (the Lasso Tool can also be used). Now use the Scale Tool (S) to manipulate the size of the stitch so it more accurately resembles the reference image.
Finish the rest of the stitches towards the top of the baseball using the same technique.
Continue to add stitches toward the bottom of the ball. At a certain point on the ball, make a mirrored copy of the group by going to Object > Transform > Reflect. Also, adjust the colors so the highlight is still on the 'top' of the stitch. This will make the stitches appear more natural as they follow the ball's perspective in the opposite direction.
Finish the stitches on the ball.
Do the same with the other side.
We are going to finish the image by adding some final shading to the stitching. To start, hide the reference image and unhide the other layers. Create a new layer and place it jut below the layer containing all the stitches.
Draw a line and give it a stroke weight of 10 points.
Set the Blending Mode to Multiply, the Opacity to 14%, and give the line a Gaussian Blur of 8.8px.
You're image should resemble the following (this is meant to be very subtle).
Do the same to treatment to each side of the stitching.
You're done. In the image below, I've added a shadow to ground the ball. You're image should resemble the following.