Du kannst den ersten Schritt auch ganz anders angehen. Sagen wir mal, Du würdest das Bild 600x600 Pixel groß machen, dann wäre jeder Balken 100 Pixel groß.
Ich würde also mit einem Bild in 100 px Breite beginnen, das orange füllen, dann die Arbeitsfläche nach rechts um 100px erweitern und schwarz füllen, dann wieder um 100px rechts erweitern und orange füllen ... usw.