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
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.
1. How to Make a Whole Watermelon
First, we’re going to set up aNew Document(File > New DocumentorControl-N) and choose the following settings:
- Height: 500 px
- Units:Points (or Pixels)
- Color Mode:RGB
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 (
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.
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.
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 (
Select all parts of the watermelon andGroup (Control-G)them.
2. How to Make a Slice of Watermelon
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.
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.
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.
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.
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).
3. How to Create a Slice of Orange
Let’s start with a 70 x 70 px circle colored in orange (
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.
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.
And make a shadow as we did before with the watermelon, but set the Opacity to30%.
4. How to Divide the Orange
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 (
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.
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.
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.
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.
Now we have all the elements to create our juicy bright seamless pattern!
5. How to Create the Pattern
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.
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.
6. How to Apply and Resize the Pattern
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!
To scale the Pattern, go to Object > Transform > Scale. Then choose only Scale Pattern and set it to70%.
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.