What is a blob?
No, I’m not talking about either Binary Large Object (BLOB) or Water Blob. Here I’m talking about the spherical-type object or odd-shaped object which designers or developers use in their web projects to make their designs stand out. Blobs are kind of trendy for UI designers these days.
Blob Shapes are mainly used as SVG(Scalable Vector Graphics). To be honest, blobs are pretty hard to explain by words. Therefore please take a look at the image or illustration (given below).
Learn What is SVG?
I’m going to give you two free websites to make a blob shape with just one click.
You can create blobs with any illustrator, but why use an illustrator when we have these websites.
Let’s start with blobmaker by z creative labs, Blobmaker is one of those websites which lets you create blob shapes (SVG) for free with just one click.
1.Got to blobmaker
2. Now, change the HEX code if you want to, Here I’m going to use #FF0066(Default).
3. You can play with these different options to get the desired shape.
4.You can either get the code or download the SVG. Here I’m going to get the SVG code. Now you know how to create blob shapes with just one click.
How to use Blobs.app?
The process of using the Blobs.app is also quite similar to blobmaker. But it comes with some extra features such as gradient, pattern, Image, Outline.
1. Go to Blobs.app
2. Then you can change the color or make it gradient.
3.It also lets you control the Randomness and Complexity of the blob.
4. Click on the code icon to download the code or the SVG file.
If you want more control over the blob shapes, then you can do that by editing the blob SVG with tools like XD and Figma. But creating a blob shape has never been easier.
Happy Designing! 🙂