Cartoons are a very popular form of art and can be made quite easily. This tutorial will show you how to create a quick and easy cartoon scene of some hot air balloons.
Finished Example
Before we begin, let’s take a look at a finished example of the scene.

Step 1 – Creating the Background
Since our scene is in the sky, lets select some nice blue colors to use for the background. I decided to use #a6e3ff as the light blue color and #63c4f0 as the darker blue color.
Now that we have our colors, let’s create a gradient on a new document.

Step 2 – Creating the Balloon Shape
Create a new layer, and select the Pen Tool. With your Pen Tool set to paths, create a shape like a hot air balloon. Then right click, click Make Selection, and click OK. Then fill your selection with a color, I chose #45af37.
Step 3 – Adding a Shadow to the Balloon
Since this is a cartoon scene, I can add a shadow against the sky! To do this, simply add a Drop Shadow (Layer > Layer Style > Drop Shadow).
Step 4 – Adding Stripes to the Balloon
Duplicate (Layer > Duplicate Layer) your current balloon layer. Apply a Color Overlay (Layer > Layer Style > Color Overlay) to the layer using a different shade of the color you used before, such as #76e966 for my green. Then change the size of the shape (Edit > Free Transform).
Transforming
Holding alt will allow you to change both sides of the balloon at the same time.
Repeat this process until you get as many stripes as you desire.

Need Help Using Transform?
We’ve put together a nice guide to Photoshop’s Transform Feature in our School of Photoshop. If you’re having trouble here, be sure to check it out!
Step 5 – Adding a Highlight to the Balloon
Create a new layer and select your Gradient Tool. Set your foreground color to white, and change your gradient tool to match the one shown below.

Make a selection of the balloon (Ctrl+Click Thumbnail) and drag your gradient from top to bottom to make the highlight. Then lower the opacity of the layer to around 25%.

Step 6 – Creating the Basket Shape
Create a new layer and grab your Rounded Rectangle Tool and set the Radius to 5 px. Using a brown color such as #a38f3f, create a rounded rectangle with the same width of the bottom of the balloon and give it a height that looks good. Then use your Pencil Tool to make the top of the rounded rectangle straight.

Step 7 – Creating the Basket Pattern
Create a new document that is 6px wide and 2px high with a transparent background. Then use a black pencil and create the pattern below. Then go to Edit > Define Pattern.

Step 8 – Styling the Basket
Add the Pattern Overlay (Layer > Layer Style > Pattern Overlay) on your basket layer using your newly made pattern. Then apply a gradient overlay with the following settings:

Then add a drop shadow with the following settings:


Step 9 – Adding Strings to Your Basket
Create a new layer and use a 1px white brush to place some strings connecting the balloon to the basket. Give it the same drop shadow your basket layer has.

Step 10 – Adding a Character
To add the character in the basket, create a layer underneath the basket and use a black brush and drag a straight line (hold shift). Then use smaller brushes to create the eyes.

Keeping Your Layers Organized

It is always a good idea to label all of your layers so that you know what they are and keep them organized.
Grouping layers that are related to each other also helps to make your document easier to manage and edit.
You can change the color of a group by double clicking on the folder icon for it.

Step 11 – Adding More Balloons

Duplicate your first balloon and re-size it in a new position. Then make a selection of the balloon (Ctrl+Click Thumbnail) and fill it with a different color on a new layer. Set the blending mode of the layer to Hue.

Step 12 – Adding the Clouds
To add the clouds, simply create new layers and grab a white brush. Use different size brushes to create the clouds, and give the layer a drop shadow with the following settings:

The Finished Result
After following all of the previous steps, we can come up with something like this!


Free Goodies. Delivered to You.
Subscribe to Tutorial9, and we'll deliver you the newest freebies and tutorials for free.
Subscribe By Email Subscribe By RSSWith the help of these structured lessons, you'll be a master of Photoshop in no time!
Write for Tutorial9
- Do you want to get paid $150 for writing at Tutorial9?
- Are you a talented Photoshopper, Blogger, or Photographer?
- Want to help thousands of others by sharing your knowledge?
If so, we're interested in you, and we'll pay you. Find out how to write for Tutorial9.




80 Comments Leave a Comment
@Rene: That looks really good Rene. I love how you added hands to the characters.
Ignore the negetivity, I thought it was great tut. I’m still a noob and have a lot to learn. As mentioned above, I find myself unable to do some tuts because of my skill level with knowing the basics, so tuts like this can be very helpful. Thanks again and keep them coming.
xcelent tuts & amazed 2. To author or David Legget, please send me step by step guide how to work with layer group. b4 it thanks alot.
Great tutorial! It was really easy to understand. I can now take the things I learnt and apply them in future graphics.
.. Im very very confused on this tuturial. I did not think it was very helpful or explainy.
Thank you for this tutorial… based on the skills I learned I was able to create this image for class: http://www.facebook.com/photo.php?pid=30324810&l=6fcfc&id=1241107457
Keep up the great work!!!
Very simple, and yet the end result is pretty neat! This tutorial can easily be put toward larger projects. Thanks, and keep up the great site!
I want to know what kind of photshop is best for in editing photo, add an effects etc….coz i dont know cs2,cs3,cs4 extended and adobe photoshop 7 and so on…. Pls. answer me and thanks again.
They are all different versions of the same software. The makers of Photoshop, Adobe, add new features and improvements to each new installment of Photoshop.
You can download a trial of the latest release of Photoshop here but you need to register at Adobe.com to do so.
Nice and Very well explained Tutor.
Hmm, I am stuck on the bit about making a ballon. I have followed the link to the pen tool. But it doesn’t really give much info on how exactly to use it. It’s somewhat confussing, and my lines come out all.. over the place, they don’t go where I want them to. :/
great the mini characters are like penguins from linux, hahaha and how did you make the borders/frames from the 2nd result?
I agree about the pen tool link. I think that tutorial could have been a little more detailed. I really wanted to give this tut a try, but I got so confused by the pen tool part that I gave up.
The instructions werent clear enough to follow in making the balloon shape.
Simple but powerful
IT WAS VERY STRONG & BEAUTIFUL BUT I WANT A REAL AIR BALOON
Great tut. I’m a beginner-moderate Photoshop user. Well laid out tut and easy to understand
Would like to share mine
http://img190.imageshack.us/my.php?image=hotairballoon.jpg
thanks for this tutorial
Great tutorial!
Hey guys having trouble with the pen tool, I suggest that if you are having issues with the pen too just draw an elipse. I’m in elements so that’s how I came up with the idea.
hehehe thxxxx so sooooooooooooo much now i can add toons
to my skills ^.^ id love to see some more tuts from u kuz u make it sooooooooooooo easy to understand!
I made a toooooon 2!!!
O and i too have issues with the pen but i made a squareish shape and used the convert point tool! i even drew the shape
with the freehand pen tool n tweeked it with the convert point tool it was easy peasy!!
hello this is good for new student
很不错的卡通风格,清爽!!
thx alot , i liked it , you are great
i can practice that with my students ^_^
thanks for sharing. So mush
great i never seen before.43
great i never seen before.48
great i never seen before.55