Pages

Create clouds using circles in Inkscape

This tutorial is a quick answer to a request about how to make make clouds. I have a lot of other tutorial series to finish but this one seemed like a nice little task while enjoying my last day in London.

So... let's get started with circles... :) Keep in mind that this is just one way to do it and you might prefer hand-drawing them or using the pen tool and creating the curves manually.
I quite often use these 'quick clouds' for layered backgrounds - usually with a few layers of mountains, trees or even city skylines on top. 







I hope this will help with the creation of clouds and improve your backgrounds. I had a lot of fun writing it - even with all the other tutorials on my mind and still not being as fit as I would like to be.

Note:

I am still without my main work machine and the better microphone making it hard to record a video tutorial. The laptop I am working on is just not ideal with it's insane resolution.  

Chris Hildenbrand

2D game artist, pixelpusher, vector bender, face turner for over thirty years. I worked on more games than I can remember... The most recent release is "Super Crossbar Challenge" for iOS (Android coming soon) with Shattered Box, Fredbear Games and PlayPlayFun.

21 comments:

  1. It is incredible. I have been watching your tutorials for years, but I am still impressed by the nice result you get with simple objects.

    ReplyDelete
    Replies
    1. It's really easy... I find it a lot faster to break things down to simple shapes and combine them later than trying to create complex shapes with e.g. the pen tool.

      Delete
  2. As always a nice tutorial, Chris. Thank you!

    ReplyDelete
  3. It would be nice to know the title of the game you are referring to in the first paragraph. But nice work! :)

    ReplyDelete
    Replies
    1. It was part of one of the backgrounds for a tizen game called Dragon Blocks as part of a Samsung tizen competition. It was one of the 10 winners in the Hmtl section.

      It's out now on Android as 'Swap the dragon blocks|
      https://play.google.com/store/apps/details?id=com.momcina.dragonblocks&hl=en
      and iOS should be coming soon.

      Delete
  4. Hey Chris,

    This is my first comment here, I really appreciate your hard efforts, you're da BEST, man! I just can't believe it that you unlock all of these contents for free to people like me, love ya, man :)

    By the way, I have an Android smart phone and I would like to get your advice about an alternative to Inkscape for Android as there is no Android support in Inkscape.

    Cheers...

    ReplyDelete
    Replies
    1. Thanks, mate... it's not a big deal... I enjoy writing and sharing my knowledge (as there was nothing like it around when I started 30+ years ago).

      To be honest, I never looked at any app that might work like inkscape for the Android. I just find the screens too small and touch controls make it harder still. I will have a look though.

      Delete
    2. I just want an app to draw 2D art like those in your tutorials, not a whole Inkscape alternative with its tons of tools that are not used in your tutorials.

      Delete
    3. Maybe you can look for "Vector graphics" or something like that in the Play store? A quick search turns up lots of results.

      Delete
    4. I tried that but I do not really find anything interesting, either too complicated or so noobish apps appear.

      Delete
    5. I installed the adobe app and will test it later today. I am not a big fan of illustrator [it feels worse than a trip to the dentist] but most other apps do look rather simple to me.

      Delete
    6. I thought of it too but I actually even did not use the PC version, so... I do not know about it.
      By the way, do you think that such effects http://all-free-download.com/free-vector/download/set-of-sparkling-light-effects-vector_524156.html can be created using Inkscape?

      Delete
  5. nice and simple BG's... always interesting to see how others artist do the work...

    ReplyDelete
  6. It's crazy how beautiful results you can get with such simple steps! Congratulations on another great tutorial! :)

    ReplyDelete
    Replies
    1. Haha, yes it is! I'm just still amazed because, as someone who had no idea about vector graphics, I wouldn't have imagined how easily it's done if I hadn't seen your tutorials. :)

      Delete
  7. When I delete the bottom nodes of the cloud I get a curved line at the bottom. :(

    ReplyDelete
    Replies
    1. It can happen based on the circles overlap. Select the two nodes and turn the selection to a line (top menu - icon with the line next to the curve - 'make selected segments lines')

      Delete