{"id":176,"date":"2016-01-21T18:33:33","date_gmt":"2016-01-21T13:03:33","guid":{"rendered":"http:\/\/superdevresources.com\/?p=176"},"modified":"2023-04-30T19:24:48","modified_gmt":"2023-04-30T13:54:48","slug":"create-clouds-in-inkscape","status":"publish","type":"post","link":"https:\/\/superdevresources.com\/create-clouds-in-inkscape\/","title":{"rendered":"How to Quickly Create Clouds in Inkscape"},"content":{"rendered":"\n

In this tutorial, I will show how you can easily create clouds in Inkscape in less than a minute.<\/p>\n\n\n\n

To have an idea of what we will create today, you can take a look at the flat landscape wallpaper<\/a>\u00a0below that I released as a freebie.<\/p>\n\n\n\n

\"Flat<\/a><\/figure>\n\n\n\n

You will learn to make these fluffy, flat clouds using circle<\/strong> shape and path function<\/strong> in Inkscape. You can use the techniques learnt to create your own variations of clouds and use them in your landscape backgrounds, artworks or game backgrounds. Let’s begin creating our clouds. I have also included a quick video tutorial in the end to see below steps in action.<\/p>\n\n\n\n

Step 1. Create background for clouds<\/h2>\n\n\n\n

Launch Inkscape and create a new document.<\/p>\n\n\n\n

We will start with adding a sky as background for clouds.<\/p>\n\n\n\n

For this grab the Rectangle Tool (F4) <\/strong>and quickly draw a rectangle. Fill it with a bright blue color like #55DDFF<\/em> or any color of your choice.<\/p>\n\n\n\n

\"create-sky-background\"<\/figure>\n\n\n\n

Step 2. Draw a series of Circles & Ellipses<\/h2>\n\n\n\n

Select the Create Circle\/Ellipses tool (F5)<\/strong>.<\/p>\n\n\n\n

Change the fill color to white and draw a circle on the background we created above as seen below. While drawing, press Ctrl<\/strong> to make a perfect circle.<\/p>\n\n\n\n

\"create-circle-in-inkscape\"<\/figure>\n\n\n\n

After this, draw a smaller circle overlapping the first one as seen below.<\/p>\n\n\n\n

\"create-another-circle\"<\/figure>\n\n\n\n

Continue drawing circles and ellipses according to the shape you want for your cloud. Below you can see the cloud shape that I created using 4 circles and 1 ellipse.<\/p>\n\n\n\n

\"cloud-made-with-circles\"<\/figure>\n\n\n\n

Step 3. Unite into a single path<\/h2>\n\n\n\n

Select all the circles and ellipses with Ctrl+A.<\/strong><\/p>\n\n\n\n

Go to Path->Union (Ctrl++)<\/strong> menu option to unite all of them into a single path as shown below.<\/p>\n\n\n\n

\"unite-paths-inkscape\"<\/figure>\n\n\n\n

There you go! Your cottony fluffy cloud is ready, you can change the fill color if you want, I will go with white.<\/p>\n\n\n\n

Final Image<\/h2>\n\n\n\n

You can create different variations of clouds by changing the basic circle and ellipse elements. I added another variation of cloud as well as duplicated the original cloud created above and scaled it down to create the following image with clouds against bright blue sky.<\/p>\n\n\n\n

\"Create
Clouds created in Inkscape<\/figcaption><\/figure>\n\n\n\n

Video Tutorial: Create Clouds in Inkscape<\/h2>\n\n\n\n

You can see all the above steps in action in this video.<\/p>\n\n\n\n

\n