How to Create a Fun Hot Air Balloon Sky Scene

Dec 23rd in Illustration by Simona Pfreundner

In this tutorial, we'll explain how to create a fun sky scene with hot air balloons. We will take advantage of the Blend Tool and the Symbol Sprayer Tool and make color changes easily with the Live Paint Bucket.

PG

Author: Simona Pfreundner

I am a digital artist and graphic designer and love Illustrator and Photoshop. To design and and create is my passion and my everyday motivator.

Final Image Preview

Below is the final design we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join VECTORTUTS PLUS for just $9/month.

Step 1

Drag a horizontal guide onto the art board. Then select the Pen Tool (P) and start drawing a shape like you see below in the image. We only need to draw half of the balloon. Make sure that the end path points are aligned to the guide and to each other. You can align them by selecting both with the Direct Selection Tool (A), then clicking Command + Alt + J, and from the pop up window choose align vertically.

Step 2

Select the shape with the Selection Tool (V) and reflect it.

Step 3

Select both and go to Object > Blend > Blend Option. Select Specified Steps and set the steps to 15. Then click Command + Alt + B. This will blend us a nice balloon with sections.

Step 4

While still selected, go to Object > Expand and hit OK.

Step 5

Keep the selection active and go to Object > Live Paint > Make. Then select the color of your choice and select the Live Paint Bucket Tool (K). Once you go over the shapes, you will see how it highlights the shapes that will be filled with the color of your choice.

Step 6

I went ahead and filled the areas with different colors.

Step 7

Here you can see the balloon with many colors, maybe too much, maybe not color coordinated, but what the heck.

Step 8

Let's create our sky. Draw a rectangle with the Rectangle Tool (M) and fill it with a white to blue radial gradient. Set the gradient highlight towards the bottom half.

Step 9

A sky is nothing without some clouds. Start drawing ellipses with the Ellipse Tool (L) and overlap them. Also, fill them with white.

Step 10

Draw as many as you like. Pay attention to how they overlap. It is important to make it look like a cloud.

Step 11

Select all ellipses that will form a cloud and click the Add to Shape Area in the Pathfinder Palette.

Step 12

Now we have our first cloud created. Fill it with the same radial gradient then the sky, but set the highlight in a different spot.

Step 13

Duplicate the cloud twice and scale them, fill them with different gradients. Then select a group of three and drag them into the Symbol Palette.

Step 14

Create another group of clouds that look slightly different, then drag them into the Symbol Palette as a new symbol.

Step 15

With one symbol of the clouds selected, go and choose the Symbol Sprayer Tool (Shift + S).

Step 16

Start spraying clouds all over the sky.

Step 17

Switch between the two cloud symbols and fill the sky with as many clouds as you like. It should look similar to the image below.

Step 18

We need to give the cloud a little bit more softness. Let's select one and add a Feather Effect to it. Go to Effect > Stylize > Feather and choose 6pt. Repeat that with as many clouds as you like.

Step 19

Let's place the first hot air balloon. You might want to scale it up or down depending on your first drawing.

Step 20

Add several small balloons and add the Feather Effect to some of them.

Step 21

Once you placed several more copies of the balloons, you might find the colors choices a bit too much. Since the objects are still Live Paint objects, you can change the colors easily with the Live Paint Bucket (K).

Step 22

I set one balloon as light green to dark green and my biggest balloon I filled with orange and red. Feel free too choose any color you like.

Step 23

But wait, a hot air balloon is nothing without a basket. Create a rectangle and fill it with red.

Step 24

Select the rectangle and go to Effect > 3D > and apply the 3D Extrude & Bevel Options Choose, which is the setting you see in the image below.

Step 25

Next, with the object still selected, got to Object > Expand Appearance. Then select the left and right side of the basket with the Direct Selection Tool (A) and apply a rounded corner effect of 3pt (Effect > Stylize > Rounded). Make sure you expand the appearance as well.

Step 26

Since the rounded corners get applied everywhere, we need to change them on the bottom where the left and right side meet the floor of the basket. Add extra path points and eliminate the rounded corners with the Pen Tool (P). Then with the Pen Tool (P) still active, hold the Alt key and move the mouse over one of the points. You will see that the icons changes into an arrow. Click the path point. This will straighten the path. Select the point with the Direct Selection Tool (A) and drag in towards the floor shape.

Step 27

I added simple lines as ropes, selected all shapes, and grouped them (Command + G).

Step 28

I duplicated the baskets and placed them with the balloons. To make the biggest balloon look shiny, I duplicated the shape and expanded it. Then I chose Add to Shape Area in the Pathfinder Palette and filled it with a light mid gray to light gray radial gradient. I placed the gradient highlight towards the top.

Step 29

By setting the Layer Option to Multiply, the balloon gets a slight shiny look.

Conclusion

Last but not least, I added a funky colored start burst to the background behind the clouds. I hope you enjoyed this tutorials and when I have the courage and time to take a hot air balloon ride, I will send some pictures!

Subscribe to the VECTORTUTS RSS Feed to stay up to date with the latest vector tutorials and articles.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Ben Reid December 23rd

    Some good tips when making the clouds – I like the blur and grads!

    Noted! :)

    ( Reply )
  2. PG

    Dan December 23rd

    I like the really stylized clouds

    ( Reply )
  3. PG

    John Mindiola III December 23rd

    yeah . . . . the blend with specified steps is a good idea, but it’s not technically correct. in reality, the segments closest to the viewer (ie, in the middle) would appear wider, and the ones to the left and right edges would appear very thin. THAT is why these hot air balloons still look flat.

    ( Reply )
  4. PG

    Ghada December 30th

    Very nice and simple. Lots of thanks for sharing.

    ( Reply )
  5. PG

    drinkmilk December 31st

    although the whole thing seems nice as a result, i am confused at step 2: select V and reflect it ? i don’t get how this is done, you omit too much information for beginners

    ( Reply )
  6. PG

    Kelly January 5th

    @ Drink Milk; At step two, select the shape with the Selection Tool (V) and reflect it, means to select the shape you’ve made (hitting the letter ‘V’ on the keyboard is a shortcut key for the Selection Tool), then you would go to Edit > Copy, then Edit > Paste To The Front. Once you’ve done that, you can go to Object > Transform > Reflect. When the options box comes up, you want to choose Vertical and click okay. This should give you your reflected selection. Then you can move it and adjust it to line up with the first shape. Hope this helps and if you still need further explaining, shoot me an e-mail at morriganefaith@ yahoo.com

    Nice tutorial, by the way!

    ( Reply )
  7. PG

    awesome January 31st

    awesome!

    ( Reply )
  8. PG

    Nerieru March 2nd

    Great tutorial learned quite a few things here, but is it just me or do those balloons look really flat?

    ( Reply )
  9. PG

    m m March 9th

    Step 3
    Select both and go to Object > Blend > Blend Option. Select Specified Steps and set the steps to 15. Then click Command + Alt + B. This will blend us a nice balloon with sections?

    Only half of my balloon becomes filled with sections when i try this?? I’m a total beginner, what am i doing wrong?

    Thanks :)

    ( Reply )
  10. PG

    Darek June 12th

    John Mindiola III

    hmm any ideas how to make these balloon not flat?

    cheers
    Darek

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    June 12th