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!
Layer Styles in Photoshop
Design Vector Based Badges
Add a Fresh Splash to your Design
Create the Glass Shelf Dock from Leopard OS in Photoshop
…I’m pretty disappointed.
It’s very very simple.
nice tutorial:)very simple yet very good:)keep it up
Ronald
For those of you who might find this tutorial too simple I would just like to say that this is an older article and I haven’t had much time lately to write anything new because I’ve moved to a new city and started college. I’m working on some more high quality work!
Very neat, only wise I could draw balloons as neat as that shown :-p
Better to wait and post a high quality tut than this….this is the equivalent of “filler songs” on albums.
@Tyler Bramer:
No probs!
This isn’t a tutorial for advanced users. It is simple, and that is one of the reasons it was published. We cater to all skill levels here, and I thought this tutorial made excellent references to our School of Photoshop (which doesn’t always get the attention it probably should around here).
We always have both advanced and basic tutorials ready for publishing here
not everyones a PS master these tuts are bread and butter for non designers like me, keep it up!
Totally agreed - when I first started to work with PS, I just couldn’t do a lot of tutorials, because of skill level - now, maybe output don’t look like 7th world wonder, but it shouldn’t too, I am sure there will be people appreciating this . Thanks, for Your work!
I’m just now getting into Photoshop and this was perfect for someone at my skill level! Great Tutorial!
Thanks for the great tutorial - I for one am always happy to see tutorials of any kind on here. After only recently making the gigantic outlay that is photoshop I appreciate these kinds of tutorials as much as advanced ones as I always learn something from them!
I agree with Styletime, don’t listen to some of them negative people above, not everyone is a photoshop guru, and this is perfect for the beginners, and everyone can learn a little something about these beginner tutorials.
Keep up the good work.
http://www.flickr.com/photos/oliverprobert/2862056021/
it’s gr8 m8.
maybe I’m just horrible with the paths tool but I just cannot get down the shape of the balloon.
Amazing tutorial tyler, good for a novice skill photoshoper. Thats what tutorial9 is all about, catering to all skill audiences both begginners and experts. Keep up the good work.
As a beginning Photoshop user, I found this tutorial to be very useful.
NICE …. IT’S GREAT … for my level , it added a lot to me
It’s great to hear that it is helping those who are just getting into Photoshop to learn how to combine tools and effects!
Thank you for this tutorial! I don’t use PS very often, and only look for tutorials when I decide to work on a web project, but quite a lot of the time, the ‘advanced techniques’ are really quite off-putting (although the end product is ok, the process becomes a slog rather than a joy) but tutorials like these are both educational and fun!
thanks a lot. this tutorial really helped a newbie like me. keep up the good work. please cater for all different levels
There is nothing wrong with catering to newer users and helping them to learn photoshop. Personally, I found this to be a nice break and refresher into some basic functions and applications of PS. To all the whiners, no one is forcing you to come here. Try being thankful when someone takes the effort to educate others. Thanks for taking the time to make this tutorial guys, I enjoyed it.
Regards,
Drew
Nice post
Regards
I don’t really like this tutorial, though simple for beginners, I was expecting more from this easy tutorial9..
Thanks a lot……. Very simple and good for beginners like me. Keep it up.
and Thanks again
muy bueno exlente gracias por gran tutorial, ya quisiera tener la creativa que tienes tu.
Thank you Tyler, I had fun with the tut, its really great when my Mum can find an easy tut like this that I can follow on my own, with out having to bug her with a 100 how do I do it questions {:o)
Very simple indeed, and that’s why i love it. Some people find it more entertaining to know how to do things they can’t really make. Thanks!
Thank you for this tutorial and for not forgetting about the newbies in the world. This was the first exercise that I attempted after learning the basics of Photoshop.
http://img512.imageshack.us/img512/4605/ballonnewee5.png
@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.