Whatever it is you need to create, Canvas X Draw gives you the power to make your visual assets stand out – whether they’re online, on a t-shirt, on a menu, or a delivery van!
How to Make Clouds in Adobe Illustrator
Creating vectors from scratch used to be my least favorite thing to do. I would download ready-to-use vectors just to skip the trouble. But ever since I started using the Pathfinder and Shape Builder Tool a while ago, I never had to look for stock vectors again because it’s so easy to create my own.
Looking for a cloud vector or drawing? You’re in the right place!
Whether you want to make a vector or hand-drawn style cloud, you’ll find the solution. You might be thinking about using the pen tool when we talk about making vectors, but for making clouds, you don’t have to! There’s an easier way. Basically, you only need to make circles.
What’s the trick?
The Shape Builder Tool will do the job! I’m going to show you how in this tutorial. For those of you who want to draw a cloud to match your freehand style design, I have something for you as well.
Table of Contents
- How to Make Clouds in Adobe Illustrator (2 Styles)
- Vector Cloud
- Freehand Cloud
How to Make Clouds in Adobe Illustrator (2 Styles)
You can use the Shape Builder Tool and Pathfinder tools to make a vector cloud, but if you want to make freehand drawing style clouds, either the brush tool or pencil tool would work.
Note: all screenshots are taken from Adobe Illustrator CC Mac version. Windows or other versions can look different.
Vector Cloud
Step 1: Select the Ellipse Tool (keyboard shortcut L ) from the toolbar and hold the Shift key to draw a circle.
Step 2: Make several copies of the circle. You can copy and paste or hold the Option key and drag it to duplicate.
Step 3: Resize and reposition the circles to make the cloud shape you want. Hold the Shift key while you resize to keep the proportion.
Step 4: Select all the circles and choose the Shape Builder Tool (keyboard shortcut Shift + M ) from the toolbar.
Click and drag across the circles to combine them into one shape. Make sure you don’t leave any empty areas in the middle. You must click through all the circles.
You should now see a cloud shape.
You can fill it with color or add a sky background to see how it looks.
This is a basic and easy version. If you want to make a more realistic cloud, keep reading and follow the additional steps below.
Step 5: Duplicate the cloud twice. One on top of the original shape, and another one separate from the other two.
Step 6: Open the Pathfinder panel from the overhead menu Window > Pathfinder.
Step 7: Select both clouds overlaying each other.
Click on the Minus Front option on the Pathfinder panel.
You’ll get this shape.
Step 8: Move it underneath the other cloud.
Step 9: Hide the stroke color of the cloud if you don’t want the cloud outline.
If you want to see the obvious result, you can add a sky background, you can leave the full shape cloud in white, and slightly adjust the bottom part.
Like the shadow color? Feel free to use the same. It’s #E8E6E6.
Tip: If you want to make more complex clouds, simply duplicate more circles in Step 2.
Freehand Cloud
Step 1: Select the Paintbrush Tool (keyboard shortcut B ) or Pencil Tool (keyboard shortcut N ) from the toolbar.
Step 2: Draw on the artboard as you would on paper. For example, I used the Paintbrush Tool to draw this cloud.
You don’t have to connect the whole shape all at once. The path you draw can be edited later. As you can see, this is an open path.
If you wish to close the path or edit the shape of part of the path, you can use the Direct Selection Tool (A) to make the edits. Or simply hit Command + J to join the paths.
That’s it! You can also fill it with color, change the stroke style, etc. Have fun!
Conclusion
When you make a vector-style cloud, an important thing to remember is that you must select all the parts that’ll make the final shape and click through them with the Shape Builder Tool.
Hand-drawn cloud is pretty easy to make with a paintbrush or pencil, and you can always use the Direct Selection Tool to edit it later.
Graduated from Creative Advertising major, worked more than eight years as a graphic designer focusing in branding and Illustration. Yes, Adobe Illustrator is my best friend and I’m passionate about art and design.
Leave a Reply Cancel Reply
ColoringPagesWK Wow, what an incredibly detailed and helpful tutorial! I’ve always been fascinated by the art of creating realistic clouds, and your step-by-step guide truly hit the mark. The tips and techniques you mentioned were easy to follow, and the end result was nothing short of mesmerizing. It’s apparent that you really know your stuff when it comes to using Illustrator for cloud illustrations. Thank you for sharing your expertise! Martin Williamson. Reply
June Escalada Hi Martin, Thanks for your kind words! Reply
dessin facile de chat Tristian Wow, what a fantastic tutorial on creating clouds! The step-by-step instructions provided on your website are incredibly clear and easy to follow. I’ve always struggled with making realistic-looking clouds in my illustrations, but your tips and tricks have truly made a difference. The techniques you shared for adding depth, shading, and highlights have taken my cloud designs to a whole new level. Thanks a million for sharing your expertise! Keep up the fantastic work. Best regards,
Tristian ReplySearch
Hey Creatives!
My name is June, I’m a graphic designer and a problem solver. I’m here to help you solve your Illustrator problems. Read more about me and why I created this website here.
Related Posts
How to Enable or Disable Snap to Grid in Adobe Illustrator How to Use the Warp Tool in Adobe Illustrator
How to Use the Intertwine Tool in Adobe Illustrator How to Use Pattern Fill in Adobe Illustrator
How to Use the Reshape Tool in Adobe Illustrator 3 Spooky Graphics to Create with Adobe Illustrator
light and dark modes
Canvas X Draw for macOS has a custom dark mode to help you stay focused on your creative illustration work. Control panels and toolbars are darkened to emphasize the content you’re working on, and it’s easy on the eyes as well.
digital drawing made easy
Whether you’re creating logos, t-shirt designs, business graphics, marketing materials, or simply creating art for art’s sake, Canvas X Draw offers some of the best graphic design capabilities on the market.
With a full palette of digital painting tools, including a range of markers and brushes, and the ability to blend effects to create endless variation, you’ll have everything you need to create high impact outcomes. All effects can be applied to vector objects, text, grouped objects, and raster images.
dynamic menus and toolbars
Graphic design software needs to be easy. We understand that finding and using all the functions Canvas X Draw puts at your fingertips must be simple and straightforward. That’s why our floating toolbars update dynamically according to what you’re doing. Select the text icon and you’ll see a host of smart and sophisticated text tools. Hit the drawing mode and only those features appear.
And if you need a little extra help, the Canvas Assistant also updates dynamically to provide you with hints and tips to help you progress. Just a couple of the ways in which Canvas X Draw is the graphic design software that’s easy to use.
