Create a Cityscape in Adobe Illustrator

Veerle Pieters
23 min readJul 1, 2019

Today I’ll share you how to create a colorful cityscape in Adobe Illustrator. You’ll start from an Illustrator template file, where I prepared the document for you including the colors I’ve used. We go step by step through the process, creating the sky, the grass, houses, trees, bushes, clouds… I show you several different, yet very simple techniques. Hope you are ready for this very extended tutorial. I promise it’ll be fun, but before we jump right in, I share a bit of tips & info about how the illustration is set up …

General setup

Below is an image that shows the general set up of the illustration. As you can see from the Layers panel, I’ve divided things up in stacking order, with the sky & ground as the bottom layer, and the bushes and the clouds in front as the top layers. When creating a scenery like this, it’s a good thing to try to divide your layers up in such stacking order. In this case it’s easy to organize things per category (trees, houses, bushes…), and then also separate items in front from items that go in the back e.g. I have bushes in front and I also have bushes (green) in the back.

The general setup of the illustration, showing the Layers panel’s structure, with all the sub layered grouped objects

--

--

Veerle Pieters
Veerle Pieters

Written by Veerle Pieters

Belgian graphic/web designer, author of Veerle’s blog and chief of the playground at Duoh! Loves soulful deep house music & riding her bicycle. Vive le vélo!

No responses yet