How to create irregular and rounded shapes in Photoshop and/or Adobe Illustrator?

I’d like to recreate and make different permutations of the image below. What’s the best approach to do this?

I tried doing this in Photoshop, however it doesn’t look how I want it to and the shapes are too irregular. Is it not as flexible as doing it in Illustrator? I have little knowledge of Illustrator, so I’m unsure how to exactly manipulate the shapes in an arrangement like this.

enter image description here


I recommend doing this in a vector program. For my demo I am doing this in Illustrator.

Draw the background square.

Draw some paths that will separate the square.

paths over background shape

I then gave the paths a stroke and stroke width of 4. Pick a number for how much space you want from each object. I then selected all of the strokes and went to Object -> Expand, and expanded the stroke.

strokes over background

Select both the strokes and background and open the pathfinder options, Window -> Pathfinder and select “Divide”.

Select the black stroke with the direct select tool and go to Select -> Same -> Fill Color and delete all of the black fills.

In Illustrator CC, select all of the blue objects and use the live corners to make the corners round.

In Illustrator CS6, and below, select all of the blue objects and go to Effect -> Stylize -> Round Corners.


Final Result

Source : Link , Question Author : AnotherHay , Answer Author : AndrewH

Leave a Comment