How to Create a Flat Design Summer Illustration in Adobe Illustrator

Today we’re goingto create an interestingcomposition with several objects, which may be useful for a vacation or travel concept. We’ll work with basic shapes and tools and a fresh, bright color palette.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Get inspired with more amazing Summer Graphics from GraphicRiver.

1. How to Create a Surfboard

Step 1

First,set up a New Document(File > New):

  • Number of Artboards:1
  • Width:850 px
  • Height:600 px
  • Units:Pixels
  • Color Mode:RGB

Make sevenlayers in the Layers panel:

  • Details
  • Suitcase
  • Parasol
  • Swim Shirts
  • Beach Towel
  • Surfboard
  • Background

Don’tforget to go to theView panel and turn Smart Guideson.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 2

Let’sstart by makinga narrow and long 20 x 420px rectangle with the Rectangle Tool (M),colored in with #f9a03f. Thenround all its corners to their maximum by using the upper Corners panel.

Let’smake our rectangle look like a surfboard. Go toEffect > Warp > Bulge. Set it toVertical and Bend: 30%.Click OK(or press Enter on your keyboard). And Expand (Object > Expand) the shape.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 3

Choosethe Polygon Tool and click onceon the Artboard. In a pop-up menu, set the Radius to 50 px andSides to 3. As you can see, we’ve created a triangle.

Place thistriangle above the bottom side of the surfboard’s base (see the picture), select both the base and the triangle, and choose Minus Front on the Pathfinder panel.

With theAnchor Point Tool (Shift-C), drag the inner sides of the resultant tails of the board to make them more curved and round their corners a bit.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 4

Makea random rectangle, color it in with pink (#f294b6), and place it under the middle of the base shape.

Thenselect the Shape Builder Tool (Shift-M) and, keeping both shapes selected, Delete the redundant parts while holding Alt.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 5

Createone more rectangle colored in with magenta (#df2754) and place it under the pink shape.

Delete any unnecessary parts, as we did with the previous rectangle.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 6

Adda pale pink (#f9cddf) rectangle over the pink one. Select it with the Direct Selection Tool (A) and, while holding Alt, drag this pale pink rectangle under the magenta shape.

Delete any redundant parts of the pale pink shapes.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 7

Let’s add three dotsand a semi-transparent shadow.

Withthe Ellipse Tool (L), make one smallcircle and two equalsmaller ones. Color them all with a pale orange (#f9d1aa). Place them on the left side of the base of the surfboard.

Createa big random magenta rectangle. It must cover all of the right side of the surfboard. In the Transparency panel, choose the Multiply Mode.

Deleteall the redundant parts of the rectangle.

Oursurfboard is done!

How to Create a Flat Design Summer Illustration in Adobe Illustrator

2. How to Make a Beach Towel

Step 1

Startwith a 150 x 230 pxpurple (#9076e2) rectangle.

Thenmake a 150×18 px pink (#f294b6) rectangle and place it at the bottom of the previous shape.

Clickon the pink rectangle with Direct Selection Tool (A), holding Alt, and drag the copy to the upper side of the basic shape.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 2

Selectboth pink stripes. Choose the Blend Tool (W) and click on the pink stripes. Then click twice on the Blend Tool thumbnail and set the Spacing to Specified Steps; 3in the pop-up menu.

Expand the effect.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 3

Copyone of the pink rectangles and recolor it with a dark purple (#4a288c). Place one dark purple stripe under each pink shape.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 4

Makea small 10 x 20 px dark purple(#4a288c) rectangle and round two of its upper corners to the maximum. Place this shape above the main towel shape and to the left.

ThenCopy it and move the copied piece to the right.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 5

Select the Blend Tool (W), and then click on both dark purple shapes and click twice on the Blend Tool thumbnail. Set the Spacing to Specified Steps; 6 in the pop-up menu.Expand the effect.

After, Copy that fringe group, Reflect it Vertically, and move it to the bottom of the towel.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 6

Andof course, the shadow! Doit as we did with the previous objects.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

3. How to Create the Swim Shorts

Step 1

Makea 95 x 15 px rectangle colored in dark purple (#4a288c). Round its corners to 3.

Then,with the Anchor Point Tool (Shift-C),drag the bottom side down a bit.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 2

Makea 70 x 90px magenta (#df2754) rectangle. Round its upper corners to the maximum and the bottom corners to 3. Rotate it a bit to the right and place it beneath the dark purple shape.

Copy,Paste and Reflect this shape Horizontally to make the second leg.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 3

Andnow we’re going to make pockets.

Createa 40 x 40 px pale pink (#f294b6) circle and place it on the left leg. Delete the redundant part. Then Copy and Paste it to the same place (Ctrl-Shift-V), Reflect Horizontally, and move it to the right leg.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 4

Makea small 8 x 8px magenta (#df2754)square and round its corners by2 px. Placeit in the middle of the dark purple shape.

WiththePenTool (P) or theBrush Tool (B), make half of a bow. Set the Fill color to#d6f7fc and Stroke to 5. Then Expand the bow, make a copy, Reflect it Horizontally and move it to the right side.Round its lower corners to the maximum.

Makea random magenta (#df2754)rectangle and place it on the right side of the shirts. Then with the Eye Dropper Tool (I), copy the layer style from the shadow of the surfboard. Delete any redundant parts.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

4. How to Make a Parasol

Step 1

First,on theParasollayer on the Layers panel, make a10 x 220 px magenta (#df2754)rectangle and Round its corners to the maximum.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 2

Createa big 240 x 240 px orange (#f9a03f) circle, using the Ellipse Tool (L). Place it above the previous shape.

WiththeLine Segment Tool (/), make a horizontal line without any fill and color and place it on the circle (see the picture).

Selectboth the circle and line. Then click Divide on the Pathfinder panel. Delete any unnecessary parts.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 3

Adda bright orange (#ef5500) 320 x 320 px rectangle under the parasol’s base.

Makea 320 x 220 px pale orange (#f9d1aa) triangle. Place it on the basic shape to form a middle segment of our parasol and Delete redundant parts.

Withhelp of the two thin lines without fill and color, Dividethe bright orange rectangle under the parasol’s base vertically into three parts. Color the middle part in with orange(#f9a03f).

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 4

Selecta left partof thethreebright orangerectangles.Go to Effect > Warp > Arch. And set the Vertical and Bend to 30%.

Dothe same with the third right shape, but choose Bend: -30%. Expand the effects, round both the bottom corners of the two rectangles to 3 px, and drag their bottom sides up.

Round the corners and drag the bottom side of the middle shape too.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

5. How to Make the Suitcase

Step 1

Startwith a pink (#ea7aad) 200 x 130 px rectangle.Round its corners to 10 px.

Addone more 175 x 110 px pale pink (#f294b6) rectangle and place it on the previous one.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 2

Makea small 20 x 35 px magenta (#df2754)rectangle, andround its corners to 3 px. Then make a dark purple (#4a288c) 10 x 20 pxrectangle, andround its corners to 3 px too. Place this shape on the previous one.

Create a pale purple (#9076e2) 7 x 4 px rectangle with corners rounded to the maximum. Place this shape on the dark purple one.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 3

Ourlatch is done. Now, place it on the suitcase’s base to the left. You may also Group it: select all three layers and click Control-G on your keyboard. Then, Copy the group and move a copy to the right.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 4

Add a handle! Makea 10 x 30 px magenta (#df2754) rectangle and one copy.

Also, make a 70 x 10 px magenta(#df2754) rectangle and place it up between the two previous ones.Merge them all using the Pathfinder panel. Round the left and right outer upper corners to 3 px.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 5

Createa 50 x 20 pxpale purple (#d6c7f9) rectangle, round its corners to 3 px, and place it on the horizontal part of the handle. Addtwo glaredots which will be a tiny circle and rounded rectangle. Place them on the pale purple shape and color them #efebfc.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 6

Let’smake our suitcase more interesting by adding three minimalist travel stickers.

Forthe first one, make an orange (#f47a2a) triangle (using thePolygon Tool) with a pale orange (#f9d1aa) Stroke. Round its corners and place it approximately in the middle of the suitcase’s base.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 7

Forthe second sticker,you have to select the Star Tool, click once on the artboard, and choose Points: 20 (Radius 1 and Radius 2 to your notice). Color this shape pink (#ea6a8e), select all its outer corners, and round them to the maximum.

Copythis pink shape, and color it with magenta (#df2754).Make the copy a little bigger and place it behind the pink shape. Then,place the sticker on the left side of the suitcase. Remove any redundant parts.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 8

Tocreate the third sticker, make three circles each a little bigger than the previous one. Place them one above the other.Color the inner circle with a pale purple (#d6c7f9), the middle circle with purple (#9076e2) and the outer circle with dark purple (#4a288c).

Then,place them on the right side of the suitcase and Delete any redundant parts with the help of the Shape Builder Tool (Shift-M).

Also,make a semi-transparent shadow for the suitcase.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Wemade all the icons! Now, let’s make a catchy composition with them.

6.How to Compose Objects Into a Beautiful Illustration

Step 1

Arrangeall the objects as though they are in an imaginary rectangle. You may also make a real one and then Delete it if it’s moreconvenient for you.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 2

Let’s fill the empty spaces with pretty details.

With the help of the Line Segment Tool (/), create a vertical line with a 20 pxHeight and 5 pt Stroke colored in purple (#9076e2). Also place its copy horizontally to form a plus sign. Expand both lines and Merge them using the Pathfinder panel.

Then,round all corners of the plus sign to the maximum.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 3

Placeas many pluses as you like around the main objects.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 4

Next, make a 30 x 30 px pale pinkcircle with a 7 ptStroke and no Fill. Expand it and multiply its copies around the other objects.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 5

Createan18 x 18 px magentacircle with a 7 pt Stroke and no Fill. Expand it too and do the same as before with the previous step.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Step 6

And finally, add small, pale purple (#d6c7f9) circles.

Createan850 x 600 px white rectangle, Align it to the Artboard and place it on the Background layer.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Bravo, We Did It!

Now,we’re absolutely ready for holiday adventures! I hope you had a lot of fun creating this illustration with me and that youlearned something newthat will help you with your future work.

Also, check out myHow to Create a Bold Fruit Pattern in Adobe Illustratortutorial to learn how to make juicy watermelons and oranges that you can also add to today’s creation.

How to Create a Flat Design Summer Illustration in Adobe Illustrator

Share your results in the comments. I’ll see you!

How to Create a Flat Design Summer Illustration in Adobe Illustrator