I want to create a graphic, which consists of multiple, not equal curves , that have multiple faults . In the end each color should be a unified area (can be cropped or extended to the document dimensions ). The resulting shapes shall in the end be used to mask (not distort) and tint images below (see example). This is done in Affinity Designer (Desktop or iPad) as a aesthetic design (book cover).
Here is what I came up with yet (colors and images changed):
I tried to divide the areas by creating "cut-line-objects", but this seems to be a lot of copying, deleting of unnecessary by-products and manual shifting of nodes. This process is complex to replicate, if e.g. the curve shapes or fault-angle should be changed. Also this is not exact, and the only way I see is to calculating and positioning each point manually.
Is there an easier, more flexible way, than my described workflow?