choco strawberry

Premium Tutorial: Strawberry & Chocolate Milk Splash

strawberry chocolate

Follow this tutorial and learn how to draw a strawberry dropped into a chocolate milk using Adobe Illustrator. The tutorial is composed of three main parts: creating the chocolate ripples, the chocolate splash and the strawberry. You will start with the basic shapes and with the few techniques involving the Offset Path, Pathfinder and Transform effects, you can easily create the shapes that you need. The Mesh Tool also plays an important role in this tutorial along with several effects such as Gaussian Blur, and Feather. This artwork is enjoying to create so let’s get started!

Difficulty: Easy
Requirements: Adobe Illustrator

What will you get?

    • Instant download of PDF e-book (23 pages, 40 steps)
    • Comes with Ai file for easy reference
    • Detailed step by step tutorial to draw a nice realistic strawberry chocolate milk splash

Tutorial Preview:

Create a New Document

1. Launch Illustrator and press (Ctrl + N) to create a New document. Select Pixels from the Units drop-down menu, enter 895 in the width box and 880 in the height box then click on the Advanced button. Select RGB, Screen (72ppi) and make sure that the Align New Objects to Pixel Grid box is unchecked before you click OK.

strawberry chocolate

Create the Chocolate Ripples

2. Start by drawing a 895px by 880px object using the Ellipse Tool (L), then fill this ellipse with R=86, G=50, B=34. Keep the resulting shape selected, go to the Object > Path > Offset Path. Follow the data as shown in the second image and then click OK. Next, replace the existing color of the newly created shape with the linear gradient.

strawberry chocolate

strawberry chocolate

3. Make sure that the newly created shape is still selected, go to the Object > Path > Offset Path. Follow the data as shown below and then click OK. Next, replace the existing color of this new shape with new linear gradient.

strawberry chocolate

4. Now, follow the sequence of images and draw some ellipses similar to the ones from below.

strawberry chocolate

strawberry chocolate

strawberry chocolate

strawberry chocolate

strawberry chocolate

strawberry chocolate

5. Select all the ellipses created from step 2 up to this time (except the biggest ellipse) and go to the Effect > Blur > Gaussian Blur. Enter a 5px Radius and then click OK.

strawberry chocolate

6. It's time to add the highlights for the ripples. With the help of the Pen Tool (P), create a curved path as shown below. Once your path is drawn, fill it with none, add a 16px stroke (R=146, G=93, B=66), then apply the Width Profile 1 and a 5px Gaussian Blur effect for the result.

strawberry chocolate

7. Continue with the Pen Tool (P), create three curved paths as shown below. Once your paths are drawn, reselect the yellow path, fill it with none, add a 3px stroke (R=146, G=93, B=66) and then apply the Width Profile 2 for the result. Next, select the two remaining paths, fill them with none, add a 4px stroke (R=146, G=93, B=66) and then apply the Width Profile 1 for the results. Now reselect the three newly created objects and apply a 4px Gaussian Blur effect for them. We are done with the chocolate ripples for the moment. Your image should look roughly like the final image below.

strawberry chocolate

strawberry chocolate



... end of preview. Sign up for premium membership to read the whole tutorial!

premium content lock



Scroll to Top