How to Create a Bold Fruit Pattern in Adobe Illustrator

Which food do you associate with the sunny summer season? Fresh fruits and juices maybe? For me, juicy watermelons and fragrant oranges are the most summery fruits. So this tutorial isinspired by ananticipation of a bright and warm summer, full of ripe fruits.

How to Create a Bold Fruit Pattern in Adobe Illustrator

How to Create a Bold Fruit Pattern in Adobe Illustrator
Today we are going to create a colorful and stylish pattern with watermelons and oranges in Adobe Illustrator. We’ll create two main and fouradditional elements and make a pattern with them using thePattern tool.

If you’re looking for vector pattern inspiration, you can find some over on GraphicRiver.

1. How to Make a Whole Watermelon

Step 1

First, we’re going to set up aNew Document(File > New DocumentorControl-N) and choose the following settings:

  • Width:500px
  • Height: 500 px
  • Units:Points (or Pixels)
  • Artboards:1
  • Color Mode:RGB

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 2

And now let’s start growing our tasty watermelon.

Don’t forget to go to theView panel and turn Smart Guides on.With theEllipse Tool (L) make a 150 x150 pxpurple (#8472ce) circle.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Choose the Pen Tool (P) and dark purple color (#4a288c). Make three curved stripes on the left half of our basic shape.

Then Copy these stripes (Control-C), Paste to the same place (Control-Shift-V) and,with aright-click, go to Transform > Reflect and reflect them horizontally. While holding Shift, move them to the right side of the basic shape.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 3

Now let’s make a semi-transparent shadow.

With the Rectangle Tool (M), create a big random rectangle. Set its opacity to 45% on the upper Opacity panel and color it purple (#47034c). Move it to the right side of the watermelon. Then, keeping the rectangle and the basic watermelon’s shape selected, choose theShape Builder Tool (Shift-M) and, while holding Alt, remove the redundant part of the rectangle.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 4

Now we’ll make three hotspots.

Choose theEllipse Tool (L)and click on the middle of the left side of the watermelon. Set the size to17 x 17 pxand clickOK(orEnteron your keyboard). Then in the same way make two7 x 7 pxcircles on both sides of the first circle. Color it all pale purple (#d6c7f9).

Select all parts of the watermelon andGroup (Control-G)them.

How to Create a Bold Fruit Pattern in Adobe Illustrator

2. How to Make a Slice of Watermelon

Step 1

Let’s see what’s inside our watermelon.

Copy theprevious watermelon and Paste on a new layer on the Layers panel.

Make a circle with the same size as the basic shape (150×150 px), but colored in #6042a8. Place it over the watermelon.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 2

Make a 125 x 125 px circle, and color it insoft pink (#f294b6). Align it to theprevious circle using the upper Align panel.

Then make a 110 x 110 px circle colored in magenta (#df2754). Align it too.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 3

With the Line Segment Tool (), make a line without fill and color. Place the line in the middle of the watermelon vertically. Keeping the three circles forming the inner part of the watermelon and the line selected (see the picture below), Divide them using thePathfinder panel. Then delete all parts from the leftside.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 4

Now for the seeds.

Make a small circle colored in dark purple (#4a288c). With theDirect Selection Tool (A), select the top anchor of the circle and drag it a bit to the top to form a seed.

Then make four more copies of the seed and place all of them over the right side of the magenta shape.

Also add a semi-transparent shadow on the bottom side of the slice. Copy its color from the shadow of the full watermelon using the Eyedropper Tool (I).

Now you know what’s inside ourwatermelon.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 5

And let’s quickly make a slice.

Just Copy all the parts forming the slice,Paste them to a new Layer on the Layers panel, and Group them (Control-G).

How to Create a Bold Fruit Pattern in Adobe Illustrator

3. How to Create a Slice of Orange

Step 1

Let’s start with a 70 x 70 px circle colored in orange (#f47a2a).

Add a 60 x 60 pxcircle, color it #f9a03f, and align it inside the previous shape. Then create a circle colored in pale orange(#f9d1aa). Place it over the previous circle.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 2

Let’s add segments, full of juice.

Make a 10 x 10 pxcircle colored in #f47a2a. Select its bottom anchor and drag it lower to form a drop.

Create seven copies and place all of them on the previous circle shape.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 3

And make a shadow as we did before with the watermelon, but set the Opacity to30%.

How to Create a Bold Fruit Pattern in Adobe Illustrator

4. How to Divide the Orange

Step 1

Copy the orange’s half to a new Layer and Divide its shadow horizontally. Create a shape colored in deep orange(#f25d0a). Place it over the orange’s half. Make a few 7 x 7px and 3 x 3px circles on its left side. Color them in pale orange (#f9a03f).

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 2

And we’ll make two pretty leaves.

With theEllipse Tool (L), make an oval colored in light purple (#8472ce) and convert its top and bottom anchors to form a leaf.

Place a random rectangle colored in dark purple (#281356) over the right side of the leaf. Delete the redundant part with theShape Builder Tool (Shift-M)as we did before.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 3

Turn the leaf 45 degrees (holding Shift) and place it above the orange and behind it. Then Copy it, Paste, Reflect horizontally and place the new copy near the first leaf. Change the places of its colors.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 4

Delete the right side of the deep orange shape.

As you can see in my screenshot, some pale spots went behind the divided parts. Let’s drag them over the basic shape again on the Layers panel.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 5

Copy all the parts forming the orange slice to a new layer.Then divide it vertically with the help of the Line Segment Tool () and thePathfinder panel, as we did before. Delete the left side.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Now we have all the elements to create our juicy bright seamless pattern!

How to Create a Bold Fruit Pattern in Adobe Illustrator

5. How to Create the Pattern

Step 1

Choose all elements and go to Object > Pattern> Make.

In the Pattern Options, setthe size to500 x 500 px. Then place the bigger elements as you like. After that,move the watermelon’s slices and oranges.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 2

And last but not least, add the small leaves from the orange to fill up empty spaces and to create a better composition.

When you are satisfied with the result, click Done in the upper panel.

Now you will find your Pattern on the Swatches panel.

How to Create a Bold Fruit Pattern in Adobe Illustrator

6. How to Apply and Resize the Pattern

Step 1

Make a 500 x 500 px rectangle colored in dark purple (#281356) for the background and align it to the Artboard.

Create another 500 x 500 px rectangle. Keeping it selected, go to theSwatches panel (Window > Swatches) and click on our pattern thumbnail. Hooray!

How to Create a Bold Fruit Pattern in Adobe Illustrator

Step 2

To scale the Pattern, go to Object > Transform > Scale. Then choose only Scale Pattern and set it to70%.

How to Create a Bold Fruit Pattern in Adobe Illustrator

Time to Fresh Up!

We did it! Let’s go drink a glass of juice. We all deserve it. I hope you enjoyed this tutorial and found some interesting tips in it! I’ll be happy to see your results in the comments.

How to Create a Bold Fruit Pattern in Adobe Illustrator