Illustrated designs - http://www.illustrateddesigns.com
Illustrated City
http://www.illustrateddesigns.com/articles/2522/1/Illustrated-City/Page1.html
By Art-D !
Published on 11/8/2006
 
Create Illustrated City in Photoshop CS Illustrated City
Create with these easy steps illustrated city

Illustrated City - part 1
Create a new file that would have 450x367 px and 300 dpi. Paint it in this color – A9DEEC.

Create Illustrated City in Photoshop CS

Take the next instrument to picture a circle of the indicated color – 8CD3E5.

Create Illustrated City in Photoshop CS

Using the same instrument, represent a circle of white color, like in the next picture.

Create Illustrated City in Photoshop CS

Take the following instrument to picture another circle with the same sizes from below.

Create Illustrated City in Photoshop CS

Fill 0% on the layers.
Blending Options-Stroke

Create Illustrated City in Photoshop CS

Take the previous instrument to represent one more circle with the same sizes from the next image.

Create Illustrated City in Photoshop CS

Fill 0% on the layers.
Blending Options-Stroke

Create Illustrated City in Photoshop CS

Take the next tool to draw a circle with FE9900.

Create Illustrated City in Photoshop CS

Using the next instrument , make a new figure with the next color – 72777A.

Create Illustrated City in Photoshop CS

Applying the previous instrument, picture another figure of black color this time, like the next one.

Create Illustrated City in Photoshop CS

Illustrated City - part 2
One more figure of the white color. The instrument remains the same.

Create Illustrated City in Photoshop CS

Take the following tool to represent a rectangle, having the color – FF9302.

Create Illustrated City in Photoshop CS

The same instrument will be helpful in picturing another rectangle with the color – 89DCFE.

Create Illustrated City in Photoshop CS

Take the same instrument for drawing another rectangle of black color, like in the image below.

Create Illustrated City in Photoshop CS

Take another tool to represent several circles of white color, looking the same with those from the next picture.

Create Illustrated City in Photoshop CS

Get back to the instrument to picture one more rectangle of white color, like the next image shows.

Create Illustrated City in Photoshop CS

Copy the new made layer 3 times and place it the same way it is done next image.

Create Illustrated City in Photoshop CS

The instrument will help us to represent a square of white color, like the next picture demonstrates it.

Create Illustrated City in Photoshop CS

Copy the recently created layer 7 times and place everything out like it isi indicated in the next picture.

Create Illustrated City in Photoshop CS

Make the same way several more rectangles, but make them look the same with those from the picture below.

Create Illustrated City in Photoshop CS

Illustrated City - part 3
Take the next instrument to picture a rectangle of white color, like the next image shows.

Create Illustrated City in Photoshop CS

Copy the new created layer 5 times and place everything the same way it is done below.

Create Illustrated City in Photoshop CS

Make the same way several more rectangles, and don’t forget to place them like the picture shows it.

Create Illustrated City in Photoshop CS

Applying the instrument , draw a rectangle of white color, like the next picture demonstrates it.

Create Illustrated City in Photoshop CS

Copy the new made layer 8 times and place all of them like it is done next image.

Create Illustrated City in Photoshop CS

Using the previous instrument, make another rectangle of white color.

Create Illustrated City in Photoshop CS

Copy this new made layer 5 times and place it out the same way like in the following picture.

Create Illustrated City in Photoshop CS

Apply now another tool to draw a figure of white color, like the next one.

Create Illustrated City in Photoshop CS

Take the following instrument and represent 3 circles with the same sizes form below.

Create Illustrated City in Photoshop CS

Fill 0% on the layers.
Blending Options-Stroke

Create Illustrated City in Photoshop CS

Continue using the same instrument and picture 3 more circles with the parameters shown below.

Create Illustrated City in Photoshop CS

Illustrated City - part 4
Fill 0% on the layers.
Blending Options-Stroke

Create Illustrated City in Photoshop CS

Apply again the already known instrument and draw another circle of white color, like the next one.

Create Illustrated City in Photoshop CS

Further we’ll picture several circles that will be merged in a group later.
Apply this instrument again to picture a circle with the demonstrated parameters.

Create Illustrated City in Photoshop CS

Fill 0% on the layers.
Blending Options-Stroke

Create Illustrated City in Photoshop CS

Make use again of the next tool to represent another circle with the shown sizes next picture.

Create Illustrated City in Photoshop CS

Fill 0% on the layers.
Blending Options-Stroke

Create Illustrated City in Photoshop CS

Take the next instrument to represent another circle. The sizes are the same with those form the next picture.

Create Illustrated City in Photoshop CS

Fill 0% on the layers.
Blending Options-Stroke

Create Illustrated City in Photoshop CS

The same instrument will be helpful in picturing one more circle with the parameters shown below.

Create Illustrated City in Photoshop CS

Fill 0% on the layers.
Blending Options-Stroke

Create Illustrated City in Photoshop CS

Merge now all the layers in a group, containing the recently pictured circles.
Copy the new made group 6 times and make use of the nest option Free Transform to minimize it where the picture indicates to do it and don’t forget to place out correctly the layers.

Create Illustrated City in Photoshop CS

The final result!

+ practice this tutorial in the topic "Illustrated City"