Connect with us

Freebies

Random Free Vectors Part 2 – Rounded Squares

Here is another example of a design play with a single shape. With a single shape, it's possible to achieve very intricate designs, with a little layering, color, and path manipulation. I've been exploring simple shapes and layering lately, and again wanted to share with you a little super-simple inspiration.

Random Free Vectors Part 2 - Rounded Squares

Includes: – AI (2) EPS (1) SVG (1)

Tips for exploring this on your own:

How I made these Shapes:

1. Like I mentioned above, I just used a single shape over and over, a rounded rectangle, but I also combined a lot of paths to form some more complex shapes. Here's how: Make a bunch of rounded rectangles on top of each other at different sizes, like this.

Random Free Vectors Part 2 - Rounded Squares

Now in the Pathfinder palette (window > pathfinder) Hit the “Exclude Overlapping Shapes” button, then immediately hit the “Expand” button. (or you can hold down option/alt while hitting the Exclude Overlapping Shapes button).

Random Free Vectors Part 2 - Rounded Squares

Illustrator subtracts all of the areas that were previously overlapped, and the expand button gets rid of the leftover paths and creates one simple compound path for you. Here is the result!

Random Free Vectors Part 2 - Rounded Squares
Random Free Vectors Part 2 - Rounded Squares

2. The same thing goes for the shapes that have only strokes, but we will use a different button in the Pathfinder. Create a bunch of rounded rectangles, overlap them and apply a stroke like this.

Random Free Vectors Part 2 - Rounded Squares

Now hit the “Add to Shape Area” button in the Pathfinder to combine all of the rectangles into a single path, then immediately hit “Expand” to get rid of the leftover paths.

Random Free Vectors Part 2 - Rounded Squares

Illustrator combines all of the shapes into a single path for you. Here is the result.

Random Free Vectors Part 2 - Rounded Squares
Random Free Vectors Part 2 - Rounded Squares

That's it, pretty simple huh? Just a single shape tool, and a couple Pathfinder buttons, and you will be well on your way to some complex geometric patterns and designs in no time! Tip: Fill some of your shapes with the same color as your background to get a reverse or negative shape effect, without having to cut the shapes out of a path. (See my file)

Reference, and Further Reading:

Previous Post – Pathfinder: Explained

I'm the editor-in-chief of Bittbox.com. I'm a designer and developer by day, and a writer and musician when the feeling strikes. I enjoy vintage advertisements and puzzles with an absurd amount of pieces. Follow me on Twitter.

Click to comment

More in Freebies

To Top