Advertisement

Create a Realistic Vector Building Illustration

by

This is a massive tutorial that documents the creation of a realistic vector, building illustration, which is based on a photo reference. There are numerous techniques covered, each section is very well detailed with documentation on each step and process used to create this artwork. Doing a large project like this will build your vector skills immensely.


PART I: Building


Step 1

Create a 1024 px by 1280 px document and open this photo. Select the image, click on the Transform button from the Top Dock and enter the numbers from the picture below. Create a new layer and name it "PHOTO." Move the image inside and then lock this layer.



Step 2

Create a new layer and name it "BUILDING." Select the Pen Tool (P), create the shape of the entire building as shown in the picture below (exclude the balconies and the roof). Name this new shape "Bulding.Shape.1" and fill it with the color: R=255, G=103, and B=10. Duplicate the shape, rename this duplication "Bulding.Shape.1b," fill it with R=255, G=152, and B=82, then lower the Opacity to 50%.



Step 3

Duplicate the same shape eight times and apply the gradients shown in the pictures below (following the order). Each new duplication must be placed above the previous duplication in the Layers pallet.




Step 4

Duplicate the "Building.Shape.1" once again and fill it with None. Create a shape that intersects with the top of the "Bulding.Shape.1" (as in image 2). Select those shapes and click Intersect from the Pathfinder pallet. Name the newly created shape "Biulding.Top.Shadow." Fill it with R=35, G=31, and B=32. Then lower the Opacity to 20%.



Step 5

Select the Pen Tool (P) and create a shape like the one in image 1. Duplicate this shape, grab the Selection Tool (V), hold Alt + Shift and make the shape bigger. Move the bigger shape to the bottom of the building (like in image 2). Name them "Dirt.1" and "Dirt.2." Apply the colors and the effects written in images 1 and 2.

Select the Rounded Rectangle Tool. Click-drag to create a new shape and press the up/down key to increase/decrease the roundness of the shape. The exact size of the shape is Width 68,329 px and Height 529,872 px. After applying the color and the Gaussian Blur, go to Effects > Distort & Transform > Tweak and use the values shown in the image below. Finally name this shape "Dirt.3."



Step 6

Duplicate the "Building.Shape.1" once again and fill it with None. Select the Pen Tool (P) and create a new shape like the one in image 1. Select both shapes and click on the Intersect button from the Pathfinder pallet. Name the newly created shape "Dirt.4," then fill it with R=255, G=162, and B=89, then lower the Opacity to 30%.



PART II: Roof

Now we'll add the roof, as shown below.



Step 1

Create a new layer and name it "ROOF." Place it below the "BUILDING" layer. Open the "BUILDING" layer, duplicate the "Building.Shape.1" and move this duplication inside the "ROOF" layer.

Grab the Pen Tool and create the shape of the entire roof. The shape of the roof can overlap the shape of the building in the area where the two have a common border (image 2). Move this new shape below the duplication of "Building.Shape.1," then select both shapes and click on the Minus Front button from the Pathfinder pallet. Name this new shape "ZZZ." It won't be a part of the final product, but it'll help you create the components of the roof.



Step 2

Now, using mainly the Pathfinder Panel, we're going to create the components of the roof. Duplicate the "ZZZ" shape four times. Turn off the visibility for these four duplications. Create a new shape like the one shown in image 1. Select this new shape and the original "ZZZ" shape, then click on the Intersect button from the Pathfinder Panel.

Name this new shape "Roof.Part.1a" and fill it with R=255, G=103, and B=10. Duplicate this shape, rename the duplication "Roof.Part.1b," and change the blending mode to Multiply. Duplicate "Roof.Part.1a" five more times and fill them with the gradients below. Follow the exact order and make sure that these five duplications are placed above "Roof.Part.1a" and "Roof.Part.1b" in the layers pallet.





Step 3

Duplicate "Roof.Part.1a" and fill it with none. Create a new shape like the one in picture 1. Make one of the "ZZZ" duplications visible. Select it and the newly created shape and click on Intersect from the Pathfinder pallet.

Place this fresh shape below the duplication of "Roof.Part.1a," then select both shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Roof.Part1.Margin" and fill it with R=255, G=136, and B=59.




Step 4

Duplicate "Roof.Part.1a" and "Roof.Part1.Margin." Fill them both with none. Create a new shape, like the one in image 1. Make one of the "ZZZ" duplications visible. Select it and the newly created shape, then click on Intersect from the Pathfinder pallet.

Place this fresh shape below the duplication of "Roof.Part.1a" and "Roof.Part1.Margin." Now select these three shapes and click on the Minus Front button from the Pathfinder pallet. Name the resulting shape "Roof.Part2" and fill it with R=243, G=136, and B=54. Duplicate "Roof.Part2" once and fill it with the gradient from image 7. Name this shape "Roof.Part2.Gradient."





Step 5

Duplicate "Roof.Part.1a," "Roof.Part1.Margin" and "Roof.Part2," then fill them with none. Create a new shape like the one in image 1. Make one of the "ZZZ" duplications visible, select it and the newly created shape and click on Intersect from the Pathfinder pallet.

Place this fresh shape below the duplication of "Roof.Part.1a," "Roof.Part1.Margin," and "Roof.Part2." Now select the four shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Roof.Part2.Margin," and fill it with R=35, G=31, and B=32.




Step 6

Duplicate "Roof.Part.1a," "Roof.Part1.Margin," "Roof.Part2" and "Roof.Part2.Margin." Fill them all with none. Make the last "ZZZ" duplication visible, select it and place it below the fresh duplication of "Roof.Part.1a," "Roof.Part1.Margin," "Roof.Part2," and "Roof.Part2.Margin."

Select these five shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Roof.Part3" and fill it with R=164, G=183, and B=190. Duplicate "Roof.Part3" once and fill it with the gradient from image 5. Name this duplicate "Roof.Part3.Gradient."




Step 7

Duplicate "Building.Shape.1," fill it with R=0, G=0, and B=0, then move it into the "ROOF" layer. Create a new shape like the one in image 1. Place it below the "Building.Shape.1" duplication and fill it with R=35, G=31, and B=32.

Lower the Opacity to 60% and apply a Gaussian Blur of 7,0px. Move this shape below the duplication of "Building.Shape.1," then select both shapes, open the Transparency palette (Shift + Command + F10), and from the flyaway menu (top-right corner) select Make Opacity Mask. Make sure you uncheck the Clip box. Name the resulting shape "Shadow." Move the "Shadow" layer on top of the "ROOF" layer.




PART III: Top Left Balcony

Now we'll add the top left balcony as shown.



Step 1

Create a new layer and name it "BALCONY LEFT-TOP." Place it above the "BUILDING" layer. Open the "BUILDING" layer and duplicate the "Building.Shape.1." Fill this duplication with none and move it inside the "BALCONY LEFT-UP" layer.

Select the Pen Tool (P) and create a shape like the one shown in picture 1. This shape can overlap the shape of the building in the area where these two have a common border (image 2). Place this shape below the duplication of "Building.Shape.1" (in the layer pallet), then select these two shapes and from the Pathfinder pallet select Minus Front. Name the resulting shape "ZZZ."



Step 2

Select the "BALCONY LEFT-UP" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "FLOOR." Move the "ZZZ" shape inside and make sure that the next shape you create will also get inside this layer.

Duplicate "ZZZ" four times and leave only the original shape visible. Select the Pen Tool (P) and create a shape like the one shown in image 1. Select this new shape and the visible "ZZZ" shape and click on the Intersect button from the Pathfinder palette. Fill the resulting shape with R=164, G=154, and B=108 and name it "Part.1." Duplicate this shape four times and apply the gradients from the pictures bellow. Also name these shapes as well ("Part.1.Gradient1-4").






Step 3

Turn on the visibility for one of the "ZZZ" shapes, duplicate "Part.1" and fill it with none. Create a new shape like the one from picture 1. Make sure that there is a 1.7-1.8px top area where this new shape and "Part.1" do not intersect (image 3).

Select this new shape and "ZZZ," then click on Intersect from the Pathfinder palette. Select the duplication of "Part.1" and the newly created shape (make sure it is placed below "Part.1" in the Layers pallet) and click on Minus Front form the Pathfinder pallet. Name this shape "Part.2" and fill it with R=231, G=217, and B=172. Duplicate "Part.2" once, rename this duplicate "Part.2.Gradient" and apply the gradient shown in the image below.




Step 4

Turn on the visibility for one of the "ZZZ" shapes. Create a new shape that intersects with the top of the "ZZZ" (image 2). Select this new shape and "ZZZ," then click on the Intersect button from the Pathfinder pallet. Name this fresh shape "Part.5" and fill it with R=199, G=194, and B=205. Duplicate "Part.5" once, rename this duplication "Part.5.Gradient" and apply the gradient from image 5.




Step 5

Once again turn on the visibility for one of the "ZZZ" shapes, duplicate "Part.5" and fill it with none. Create a new shape like the one from picture 1. Make sure that there is a 1.6px bottom area where this new shape and the Part.5 shape do not intersect (image 4). Select this new shape and "ZZZ" and click on Intersect from the Pathfinder palette. Now select "Part.5" and the newly created shape (make sure it is placed below "Part.5" in the Layers pallet) and click on Minus Front form the Pathfinder pallet. Name this shape "Part.4" and fill it with R=35, G=31, and B=32.




Step 6

Make visible the last "ZZZ" shape. Duplicate "Part.1," "Part.2," "Part.4," and "Part.5." Fill them all with none and place them above the floor shape. Select these five shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Part.3" and fill it with R=243, G=239, and B=209. Duplicate "Part.3" once, rename the duplication "Part.3.Gradient" and apply the gradient from image 5.




Step 7

Select the "BALCONY LEFT-UP" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "FENCE." Move this layer below the "FLOOR" layer and make sure that the next shapes you create will get inside this layer.

Select the Pen Tool(P) and create the shape of the entire lower horizontal bar (image 1). Name this shape "Bar.Down.White" and fill it with R=242, G=231, and B=196. Duplicate "Bar.Down.White" and create a new shape that intersects with the bottom (image 2). Select these two shape and click on intersect from the Pathfinder pallet. Name the resulting shape "Bar.Down.Black" and fill it with R=35, G=31, and B=32.





Step 8

Select the Pen Tool (P) and create the shape of the entire upper horizontal bar (image 1). Name this shape "Bar.Up.White" and fill it with R=255, G=255, and B=255. Duplicate "Bar.Up.White," fill it with none, and create a new shape that intersects with the bottom of the "Bar.Up.White" shape (image 4). Select this new shape and the duplication of "Bar.Up.White," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Up.Black" and fill it with R=35, G=31, and B=32.





Step 9

Select the Pen Tool (P) and create two shapes like the one form the picture below. Also follow the color and the names from the picture.



Step 10

Select the "FENCE" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "VERTICAL BARS." Move this layer below "Bar.Up.White," "Bar.Up.Black," "Bar.Down.White," and "Bar.Down.Black" shapes and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P), create the shape of one vertical bar, then hold Alt while clicking (on the shape) and dragging to create as many copies as you need. Also create the shapes of the vertical bars as shown in picture 3. In the images below, I've divided the left vertical bars (image 4) so that they don't overlap the floor, but you can leave them undivided as long as you keep the fence layer below the floor layer. Select all the vertical bars and fill them with R=199, G=194, and B=205.





Step 11

Select the Pen Tool (P) and create a new shape like the one in image 1. Name it "Bar.Back.Black," fill it with R=35, G=31, and B=32. Now place it in the bottom of
the "FENCE" layer.



PART IV: Bottom Left Balcony

Now we'll add the bottom left balcony as shown.



Step 1

Create a new layer and name it "BALCONY LEFT-BOTTOM." Place it above the "BALCONY LEFT-TOP" layer. Open the "BUILDING" layer, duplicate the "Building.Shape.1," fill it with none, and move this duplication inside "BALCONY LEFT-BOTTOM" layer.

Select the Pen Tool (P) and create a shape like the one in image 1. This shape can overlap the shape of the building in the area where the two have common border (image 2). Place this shape below "Building.Shape.1," then select these two shapes and from the Pathfinder pallet select Minus Front. Name the resulting shape "ZZZ."



Step 2

Select the "BALCONY LEFT-UP" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "FLOOR." Move the "ZZZ" shape inside and make sure that the next shape you create will also get inside this layer. Duplicate "ZZZ" three times and leave only the original shape visible.

Select the Pen Tool (P) and create a shape like the one form picture 1. Select this new shape and the visible "ZZZ" shape, then click on the Intersect button from the Pathfinder palette. Fill the resulting shape with R=198, G=177, and B=124, then name it "Part.1". Duplicate this shape twice and apply the gradients from the pictures bellow. Also name these shapes as shown in the pictures.




Step 3

Duplicate "Part.1" and fill it with none. Create a new shape that intersects with the top of "Part.1" (Picture 2). Then select both shapes and click on Intersect from the Pathfinder pallet. Duplicate the resulting shape, fill the original with R=234, G=213, and B=161, and fill the duplication with the gradient form Picture 6. Name these two shapes "Part.2" and "Part.2.Gradient."




Step 4

Turn on the visibility for one of the "ZZZ" shapes, then create a new shape that intersects with the top of "ZZZ" (Picture 2). Select this new shape and "ZZZ," then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape, fill the original R=199, G=194, and B=205 and the duplication with the gradient from Picture 6. Name these two shapes "Part.5" and "Part.5.Gradient."




Step 5

Once again turn on the visibility for one of the "ZZZ" shapes, duplicate "Part.5" and fill it with none. Create a new shape like the one from picture 1 and make sure that there's a 0.8px bottom area where Part.5 and this new shape do not intersect (image 4). Select the new shape and "ZZZ," then click on Intersect from the Pathfinder palette. Select the resulting shape and the "Part.5" duplication (don't forget to place it above), and click on Minus Front from the Pathfinder pallet. Duplicate this newly created shape and fill it with the color and the gradient shown in the pictures below. Also name these two shapes as shown in the images.




Step 6

Make visible the last "ZZZ" shape. Duplicate "Part.1", "Part.4," and "Part.5," then fill them all with none and place them above the "ZZZ" shape. Select these four shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Part.3" and fill it with R=243, G=239, and B=209. Duplicate "Part.3" once, rename this duplicate "Part.3.Gradient" and apply the gradient from image 5.




Step 7

Select the "BALCONY LEFT-BOTTOM" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "FENCE." Move this layer below the "FLOOR" layer and make sure that the next shapes you create will get inside this layer.

Select the Pen Tool (P) and create the shape of the entire lower horizontal bar (picture 1). Name this shape "Bar.Down.White" and fill it with R=242, G=231, and B=196. Duplicate "Bar.Down.White" and create a new shape that intersects with the bottom of the "Bar.Down.White" shape (picture 2). Select these two shape and click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Down.Black" and fill it with R=35, G=31, and B=32.





Step 8

Select the Pen Tool (P) and create the shape of the entire upper horizontal bar (image 1). Name this shape "Bar.Up.White" and fill it with R=242, G=224, and B=207. Duplicate "Bar.Up.White," fill it with none, and create a new shape that intersects with the bottom of the "Bar.Up.White" shape (image 2). Select these two shape and click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Up.Black" and fill it with R=35, G=31, and B=32.





Step 9

Select "FENCE" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "VERTICAL BARS." Move this layer below "Bar.Up.White," "Bar.Up.Black," "Bar.Down.White," and "Bar.Down.Black" shapes. Make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P), create the shape of one vertical bar, then hold Alt while clicking (on the shape) and dragging to create ten copies. Select all the vertical bars and fill them with R=199, G=194, and B=205.



Step 10

Select the Pen Tool (P) and create a new shape like the one in image 1. Name it "Bar.Back.Black" fill it with R=35, G=31, and B=32. Then place it in the bottom of the "FENCE" layer.



PART V: Middle Right Balcony

Now we'll add the middle right balcony as shown.



Step 1

Create a new layer and name it "BALCONY RIGHT-MIDDLE." Place it above the "BALCONY LEFT-BOTTOM" layer. Open the "BUILDING" layer, duplicate the "Building.Shape.1" and fill this duplication with none, and move it inside the "BALCONY RIGHT-MIIDLE" layer.

Select the Pen Tool (P) and create a shape like the one in image 1. This shape can overlap the shape of the building in the area where the two have common border (image 2). Place this shape below "Building.Shape.1," then select these shapes and select Minus Front from the Pathfinder pallet. Name the resulting shape "ZZZ."



Step 2

Select the "BALCONY RIGHT-MIDDLE" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "FLOOR." Move the "ZZZ" shape inside and make sure that the next shapes you create will also get inside this layer. Duplicate "ZZZ" four times and leave only the original shape visible.

Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the visible "ZZZ" shape, and click on the Intersect button from the Pathfinder palette. Fill the resulting shape with R=65, G=64, and B=66, then name it "Part.1." Duplicate this shape, fill it with the gradient, and name it "Part.1.Gradient."




Step 3

Turn on the visibility for one of the "ZZZ" shapes, duplicate "Part.1" and fill it with none. Create a new shape like the one from image 1. Make sure that there is a 1.5-1.6px top area where this new shape and "Part.1" do not intersect (image 5). Select this new shape and "ZZZ" and click on Intersect from Pathfinder palette. Select the duplication of "Part.1" and the newly created shape (make sure it is placed below "Part.1" in the Layers pallet) and click on Minus Front form the Pathfinder pallet. Name this shape "Part.2" and fill it with R=198, G=177, and B=124. Duplicate "Part.2" twice, name these duplications "Part.2.Gradient1" and "Part.2.Gradient2," then apply the gradients shown in the images below.





Step 4

Turn on the visibility for another "ZZZ" shape. Create a new shape that intersects with the top of "ZZZ" (image 2). Select this new shape and "ZZZ," then click on Intersect from the Pathfinder pallet. Name this fresh shape "Part.5" and fill it with R=203, G=198, and B=167. Duplicate "Part.5" once, rename this duplication "Part.5.Gradient," then apply the gradient from image 6.




Step 5

Once again turn on the visibility for one of the "ZZZ" shapes, duplicate "Part.5" and fill it with none. Create a new shape like the one from image 1 and make sure that there's a 1.4-1.5px bottom area where "Part.5" and this new shape do not intersect (image 4). Select the new shape and "ZZZ," then click on Intersect from the Pathfinder pallet. Select the resulting shape and "Part.5" duplication (don't forget to place it above), then click on Minus Front from the Pathfinder palette. Name this newly created shape "Part.4" and fill it with R=65, G=64, and B=66. Duplicate it once, rename this duplication "Part.4.Gradient," and fill it with the gradient shown in the pictures below.




Step 6

Make visible the last "ZZZ" shape. Duplicate "Part.1," "Part.2," "Part.4," and "Part.5." Fill them all with none and place them above the "ZZZ" shape. Select these five shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Part.3" and fill it with R=239, G=235, and B=202. Duplicate "Part.3" twice, and follow the gradients and the names from images 5 and 6.




Step 7

Select the "BALCONY RIGHT-MIDDLE" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "FENCE." Move this layer below the "FLOOR" layer and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P) and create the shape of the entire lower horizontal bar (image 1). Name this shape "Bar.Down.White" and fill it with R=255, G=255, and B=255. Duplicate "Bar.Down.White" and create a new shape that intersects with the bottom of the "Bar.Down.White" shape (image 2). Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Down.Black" and fill it with R=35, G=31, and B=32.





Step 8

Select the Pen Tool (P) and create the shape of the entire upper horizontal bar (image 1). Name this shape "Bar.Up.White" and fill it with R=255, G=255, and B=255. Duplicate "Bar.Up.White," fill it with none, and create a new shape that intersects with the bottom of the "Bar.Up.White" shape (image 2). Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Up.Black" and fill it with R=35, G=31, and B=32.





Step 9

Select the Pen Tool (P) and create a new shape like the one in image 1. Name it "Bar.Back.White," then fill it with R=255, G=255, and B=255. Place it in the bottom of the "FENCE" layer. Duplicate "Bar.Back.White," fill it with none, select the Pen Tool (P) and create a shape that Intersects with the bottom half of "Bar.Back.White." Select both shapes and click on Intersect form the Pathfinder pallet. Name the new shape "Bar.Back.Black," fill it with R=35, G=31, and B=32, then place it above "Bar.Back.White" shape.





Step 10

Select the "FENCE" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "VERTICAL BARS FRONT." Move this layer above "Bar.Back.White" and "Bar.Back.Black." Make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P), create the shape of one vertical bar, then hold Alt while clicking (on the shape) and dragging to create thirteen copies. Fill all the fourteen shapes with R=199, G=194, and B=205.



Step 11

Select the "FENCE" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "VERTICAL BARS BACK." Move this layer below the "VERTICAL BARS FRONT" layer and make sure that the next shapes you created will get inside this layer. Select the Pen Tool (P), create the shape of one vertical bar, then hold Alt while clicking (on the shape) and dragging to create nine copies (image 3). Fill them all with R=199, G=194, and B=205.



PART VI: Top Right Balcony

Now we'll add the top right balcony as shown.



Step 1

Create a new layer and name it "BALCONY RIGHT-TOP." Place it above "BALCONY RIGHT-MIDDLE" layer. Open the "BUILDING" layer, duplicate "Building.Shape.1," then fill this duplication with none and move it into the "BALCONY RIGHT-TOP" layer.

Select the Pen Tool (P) and create a shape like the one in image 1. This shape can overlap the shape of the building in the area where the two have common border (image 2). Place this shape below the duplication of "Building.Shape.1," then select these two shapes, and apply Minus Front from the Pathfinder pallet. Name the resulting shape "QQQ." Now, there's a left bottom area of the floor that's missing. Create a new shape like the one in image 4. Select this shape and and the "QQQ" shape, then click on Unite from the Pathfinder pallet. Name this newly created shape "ZZZFloor."




Step 2

Select the "BALCONY RIGHT-TOP" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "FLOOR." Duplicate "ZZZFloor," make the original invisible and move the duplication inside the "FLOOR" Layer. Make sure that the next shapes you create will get inside this layer. Rename the duplication of "ZZZFloor" (from the "FLOOR" layer) to "ZZZ." Duplicate it four times and leave only one visible. Select the Pen Tool(P) and create a shape like the one from image 1. Select this new shape and the visible "ZZZ" shape, then click on the Intersect button from the Pathfinder pallet. Fill the resulting shape with R=185, G=75, and B=36, then name it "Part.1." Duplicate this shape four times and follow the gradients from the images below.





Step 3

Turn on the visibility for one of the "ZZZ" shapes, duplicate "Part.1" and fill it with none. Create a new shape like the one from image 1. Make sure that there is a 1.7px top area where this new shape and "Part.1" do not intersect (image 4).

Select this new shape and "ZZZ," then click on Intersect from the Pathfinder palette. Select "Part.1" and the newly created shape (make sure it is placed below "Part.1" in the Layers pallet) and click on Minus Front from the Pathfinder pallet. Name this shape "Part.2" and fill it with R=231, G=217, and B=172. Duplicate "Part.2" twice, name them "Part.2.Gradient1" and "Part.2.Gradient2" and apply the gradients shown in the images below.





Step 4

Turn on the visibility for another "ZZZ" shape. Create a new shape that intersects with the top of "ZZZ" (image 2). Select this new shape and the "ZZZ," then click on Intersect from the Pathfinder pallet. Name this fresh shape "Part.5" and fill it with R=199, G=194, and B=205. Duplicate "Part.5" once, rename it "Part.5.Gradient," and apply the gradient from image 5.




Step 5

Once again turn on the visibility for one of the "ZZZ" shapes, duplicate "Part.5" and fill it with none. Create a new shape like the one from image 1 and make sure that there's a 2.1px bottom area where "Part.5" and this new shape do not intersect (image 2). Select the new shape and "ZZZ" and click on Intersect from Pathfinder palette. Select the resulting shape and the duplication of "Part.5" (don't forget to place it above) and click on Minus Front from the Pathfinder pallet. Name this newly created shape "Part.4" and fill it with R=35, G=31, and B=32.




Step 6

Make visible the last "ZZZ" shape. Duplicate "Part.1," "Part.2," "Part.4," and "Part.5." Fill them all with none and place them above the "ZZZ" shape. Select these five shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Part.3" and fill it with R=243, G=239, B=209. Duplicate "Part.3" twice, and follow the gradients and the names from image 5 and 6.




Step 7

Select the "BALCONY RIGHT-TOP" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "FENCE." Move this layer below the "FLOOR" layer and make sure that the next shapes you create will get inside this layer.

Select the Pen Tool (P) and create the shape of the entire upper horizontal bar (image 1). Name this shape "Bar.Up.White" and fill it with R=242, G=224, and B=207. Duplicate "Bar.Up.White" and create a new shape that intersects with the bottom area of the "Bar.Up.White" shape (image 2). Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Up.Black" and fill it with R=35, G=31, and B=32.




Step 8

Select the Pen Tool (P) and create the shape of the entire lower horizontal bar (image 1). Name this shape "Bar.Down.White" and fill it with R=242, G=224, and B=207. Duplicate "Bar.Down.White" fill it with none, and create a new shape that intersects with the bottom of the "Bar.Down.White," shape (image 2). Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Down.Black" and fill it with R=35, G=31, and B=32.




Step 9

Select the Pen Tool (P) and create a new shape like the one in image 1. Name it "Bar.Back.White," fill it with R=242, G=224, and B=207, then place it in the bottom of the "FENCE" layer. Duplicate "Bar.Back.White," fill it with none, select the Pen Tool (P) and create a shape that intersects with the bottom half of "Bar.Back.White." Select both shapes and click on Intersect from the Pathfinder pallet. Name the new shape "Bar.Back.Black," fill it with R=35, G=31, and B=32, then place
it above the "Bar.Back.White" shape.




Step 10

Select the "FENCE" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "THICK VERTICAL BARS." Move this layer above "Bar.Back.White" and "Bar.Back.Black." Make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P) and create six shapes like the one from the image below, then fill them all with R=201, G=181, and B=162.




Step 11

Select "FENCE" layer,click on Create New Sublayer from the Layers pallet and name the newly created layer "VERTICAL.BARS". Move this layer above "THICK VERTICAL BARS" layer. Make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P), create the shape of one
vertical bar then hold Alt while click (on the shape) and dragging to create as many copies as you need. Fill all these shapes with R=199, G=194, and B=205.



Step 12

Open the "BUILDING" layer, duplicate the "Building.Shape.1," fill this duplication with none, and move it inside the "BALCONY RIGHT-TOP" layer. Remain in the "BALCONY RIGHT-TOP" layer, select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes and click on Intersect from the Pathfinder palette. Name the new shape "Shadow.1" and fill it with the gradient from image 5. Duplicate "Shadow.1," rename this duplication "Sahdow.2" and fill it with the gradient from image 6. Select both "Sahdow.1" and "Shadow.2," then place them in the bottom of the layer below the "FENCE" layer.




Step 13

Open the "BUILDING" layer, duplicate the "Building.Shape.1," fill it with none and move it the "BALCONY RIGHT-TOP" layer. Turn on the visibility of the "ZZZFloor" shape that you left inside "BALCONY RIGHT-TOP" layer (Step 2) and duplicate it. Leave only one of the shapes visible, then select the Pen Tool (P) and create a shape like the one from image 1. Place this new shape below "ZZZFloor" and "Building.Shape.1." Select all three shapes, then click on Minus Front from the Pathfinder palette. Name the resulting shape "Wall," fill it with R=254, G=111, and B=25, then duplicate it twice. Name these new shapes "Wall.Gradient1" and "Wall.Gradient2" and fill them with the gradients from the pictures below.




Step 14

Duplicate "Wall" and fill it with none. Select the Pen Tool (P) and create a shape like the one form image 1. Select both shapes and click on Intersect from Pathfinder pallet. Fill this new shape with R=35, G=31, B=32 and lower the Opacity to 50%.



Step 15

Select the "BALCONY RIGHT-TOP" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "ROOF." Move this layer below the "FENCE" layer and make sure that the next shapes you create will get inside this layer. Open the "BUILDING" layer, duplicate the "Building.Shape.1," and fill this duplication with none. Now move it inside the "ROOF" layer from "the BALCONY RIGHT-TOP" layer.

Duplicate "Wall," fill this duplication with none, and move it inside the "ROOF" layer. Turn on the visibility for the "ZZZFloor" shape left and move it inside the "ROOF" layer. Select the Pen Tool (P), create the shape of the entire roof (image 1), and place it in bottom of the "ROOF" layer. Select this new shape and the other tree shapes from the "ROOF" layer (image 2), and click on Minus Front from the Pathfinder pallet. Name this newly created shape "ZZZRoof," duplicate it twice, but leave only the original visible.



Step 16

Select the Pen Tool (P) and create a shape like the one from image 1. Select it and the visible "ZZZRoof" shape, then click on Intersect from the Pathfinder palette. Name the resulting shape "Part.1" and fill it with R=77, G=20, and B=12. Duplicate this shape three times and apply the gradients from the pictures below. Also, name these shapes as shown in the images.




Step 17

Turn on the visibility for one of the "ZZZRoof" shapes, duplicate "Part.1" and fill this duplication with none. Create a new shape like the one from image 1 and make sure that there's a 4px top area where "Part.1" and this new shape do not intersect (image 4).

Select the new shape and "ZZZRoof" and click on Intersect from the Pathfinder pallet. Select the resulting shape and the duplication of Part.1 (don't forget to place it above) and click on Minus Front from the Pathfinder palette. Name this newly created shape "Part.2" and fill it with R=243, G=138, and B=72. Duplicate it once, rename this duplication "Part.2.Gradient" and fill it with the gradient shown in image 7.




Step 18

Duplicate "Part.2" and fill this duplication with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes and click on Intersect from the Pathfinder pallet. Name this new shape "Part.2.Shadow," fill it with R=35, G=31, and B=32, then lower the Opacity to 30%.



Step 19

Make visible the last "ZZZRoof" shape. Duplicate "Part.1" and "Part.2," fill them with none, and place them above "ZZZRoof." Select these three shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Part.3" and fill it with R=164, G=183, and B=190. Duplicate "Part.3" once, rename it "Part.3. Gradient" and apply the gradient from image 5.




Step 20

Duplicate "Part.3" and fill this duplication with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes and click on Intersect from the Pathfinder pallet. Name this new shape "Part.3.Shadow," fill it with R=35, G=31, and B=32, then lower the Opacity to 20%.



Step 21

Duplicate "Part.3" and fill it with none. Create a new shape like the one from image 1 and make sure that there's a 0.5px bottom area where "Part.3" and this new shape intersect (image 4). Select both shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Part.3.Margin" and fill it with R=35, G=31, and B=32.



PART VII: Bottom Right Balcony

Now we'll add the bottom right balcony as shown.



Step 1

Create a new layer, name it "BALCONY RIGHT-BOTTOM" and place it below the "BALCONY RIGHT-MIDDLE" layer. Select the Pen Tool (P) and create the shape of the entire floor (image 1). Name this new shape "ZZZ."



Step 2

Select the BALCONY LEFT-BOTTOM layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "FLOOR." Move the "ZZZ" shape inside and make sure that the next shape you create will also get inside this layer. Duplicate "ZZZ" four times and leave only the original shape visible.

Select the Pen Tool (P) and create a shape like the one from image 2. Select this new shape and the visible "ZZZ" shape and click on the Intersect button from the Pathfinder palette. Fill the resulting shape with R=198, G=177, and B=124, then name it "Part.1." Duplicate this shape, rename this duplication with "Part.1b," fill it with R=255, G=103, and B=10, then change the blending mode to Multiply. Duplicate "Part.1b," rename it "Part.1.Gradient" and fill it with the gradient from image 7.




Step 3

Turn on the visibility for one of the "ZZZ" shapes, duplicate "Part.1" and fill it with none. Create a new shape like the one from image 1. Make sure that there is a 0.9px top area where this new shape and "Part.1" do not intersect (image 4).

Select this new shape and "ZZZ," then click on Intersect from the Pathfinder palette. Now select the duplication of "Part.1" and the newly created shape (make sure it is placed below Part.1 in the Layers pallet), then click on Minus Front from the Pathfinder pallet. Name this shape "Part.2" and fill it with R=234, G=213, and B=161. Duplicate "Part.2" twice, name these duplicates "Part.2.Gradient1" and "Part.2.Gradient2," then apply the gradients shown in the images below.





Step 4

Turn on the visibility for another "ZZZ" shape. Create a new shape that intersects with the top of "ZZZ"(image 2). Select this new shape and "ZZZ," then click on Intersect from the Pathfinder pallet. Name this fresh shape "Part.5" and fill it with R=191, G=193, and B=179. Duplicate "Part.5" twice, name them "Part.5.Gradient1" and "Part.5.Gradient2," then apply the gradients shown in the images below.




Step 5

Once again turn on the visibility for one of the "ZZZ" shapes, duplicate "Part.5" and fill this duplication with none. Create a new shape like the one from image 1 and make sure that there's a 1.8px bottom area where "Part.5" and this new shape do not intersect (image 2). Select the new shape and "ZZZ," then click on Intersect from the Pathfinder pallet. Select the resulting shape and the duplication "Part.5" (don't forget to place it above) and click on Minus Front from the Pathfinder pallet. Name this newly created shape "Part.4" and fill it with R=35, G=31, and B=32.




Step 6

Make visible the last "ZZZ" shape. Duplicate "Part.1," "Part.2," "Part.4," and "Part.5," then fill them all with none and place them above the "ZZZ" shape. Select these five shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Part.3" and fill it with R=248, G=234, and B=194. Duplicate "Part.3" twice, and follow the gradients and the names from images 5 and 6.




Step 7

Open the "BUILDING" layer, duplicate the "Building.Shape.1", fill this duplication with none and move it into the "BALCONY RIGHT-BOTTOM" layer. Remain in the "BALCONY RIGHT-BOTTOM" layer, select the Pen Tool(P) and create a shape like the one from image 1.

Select this new shape and the duplication of "Building.Shape.1," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Shadow.1" and fill it with the gradient from image 4. Duplicate "Shadow.1," rename this duplication "Sahdow.2" and fill it with the gradient from image 5. Select both "Shadow.1" and "Shadow.2," then place them in the bottom of the layer below the "FLOOR" layer.




Step 8

Select the "BALCONY RIGHT-TOP" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "FENCE." Move this layer below the "FLOOR" layer and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P) and create the shape of the entire upper horizontal bar (image 1). Name this shape "Bar.Up.White" and fill it with R=242, G=224, and B=207.

Now duplicate "Bar.Up.White" and create a new shape that intersects with the bottom area of the "Bar.Up.White" shape (image 2). Select this new shape and the duplication of "Bar.Up.White" then click on intersect from the Pathfinder pallet. Name the resulting shape "Bar.Up.Black" and fill it with R=35, G=31, and B=32.




Step 9

Select the Pen Tool(P) and create the shape of the entire lower horizontal bar (image 1). Name this shape "Bar.Down.White" and fill it with R=242, G=224, and B=207. Duplicate "Bar.Down.White," fill it with none, and create a new shape that intersects with the bottom of the "Bar.Down.White" shape (image 2). Select this new shape and the duplication of "Bar.Down.White," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Down.Black" and fill it with R=35, G=31, and B=32.




Step 10

Select the Pen Tool (P) and create a new shape like the one in image 1. Name it "Bar.Back.White," fill it with R=255, G=255, and B=255, then place it in the bottom of the "FENCE" layer. Duplicate "Bar.Back.White," fill it with none, select the Pen Tool (P), and create a shape that intersects with the bottom half of "Bar.Back.White." Select both shapes and click on Intersect from the Pathfinder pallet. Name the new shape "Bar.Back.Black," fill it with R=35, G=31, and B=32, then place it above
the "Bar.Back.White" shape.




Step 11

Select the "FENCE" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "THICK VERTICAL BARS." Move this layer above "Bar.Back.White" and "Bar.Back.Black." Make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P) and create six shapes like the one from the images below, then fill them all with R=201 G=181 B=162.



Step 12

Select the "FENCE" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "VERTICAL BARS BACK." Move this layer above the "THICK VERTICAL BARS" layer and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P), create the shape of one vertical bar, then hold Alt while clicking (on the shape) and dragging to create seven copies (image 1). Select each one of these shapes and make them longer and longer as you can see in the image. Fill them all with R=199, G=194, and B=205.



Step 13

Select the "FENCE" layer, click on Create New Sublayer from the Layers pallet, and name the newly created layer "VERTICAL BARS FRONT." Move this layer above the "VERTICAL BARS BACK" layer and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P), create the shape of one vertical bar, then hold Alt while clicking (on the shape) and dragging to create as many copies as you need. Fill them with R=199, G=194, and B=205.



Step 14

Create a new layer and name it "BALCONIES." Select layers "BALCONY LEFT-TOP," "BALCONY LEFT-BOTTOM," "BALCONY RIGHT-TOP," "BALCONY RIGHT-MIDDLE," and "BALCONY RIGHT-BOTTOM," then move them inside the "BALCONIES" layer. Place the "BALCONIES" layer above the "BUILDING" layer.


PART VIII: The Door

Now we'll add the door as shown.



Step 1

Create a new layer, name it "DOOR" and place it above the "BUILDING" layer. Open the "BUILDING" layer, duplicate the "Building.Shape.1" and fill it with none. Now move it inside the "DOOR" layer. Select the Pen Tool (P) and create the shape of the entire door (image 1). Select this new shape and the duplication of "Building.Shape.1" and choose Intersect from the Pathfinder pallet. Name the resulting shape "Door.Frame" and fill it with R=255, G=103, and B=10.



Step 2

Select the "DOOR" layer, click on Create New Sublayer from the Layers pallet, name the newly created layer "BLINDS" and place it above the "Door.Frame" shape. Duplicate "Door.Frame," fill this duplication with none and move it inside the "BLINDS" layer. Create a new shape like the one from image 1 and make sure that there's a 3.2px bottom area where "Door.Frame" and this new shape do not intersect (image 2). Select both shapes and click on Intersect from the Pathfinder pallet. Name this newly created shape "Blinds" and fill it with R=255, G=255, and B=255.



Step 3

Return to the "DOOR" layer, duplicate "Blinds," fill this duplication with none and create a new shape that intersect with the bottom area of "Blinds" (image 2). Select the duplication of "Blinds" and this new shape and click on Intersect from the Pathfinder palette. Name the resulting shape "Blinds.Down" and fill it with R=208, G=202, and B=188. Duplicate "Blinds.Down," name this new shape "Blinds.Down.Gadient" and fill it with the gradient from image 5.



Step 4

Duplicate again "Blinds," fill it with none and create a new shape like the one from image 1. Select the duplication of "Blinds" and this new shape, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Blinds.Shadow," fill it with R=35, G=31, and B=32, then lower the Opacity to 50%. Duplicate "Blinds.Shadow," name this duplication "Blinds.Shadow.Gradient," and fill it with the gradient from image 6.




Step 5

Duplicate "Door.Frame," fill it with none and create a new shape like the one from image 1. Pay attention at the 1.5px bottom area where this new shape and "Door.Frame" do not intersect (image 2). Select the duplication of "Door.Frame" and this new shape, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Front."



Step 6

Duplicate "Front" shape, create a new shape like the one from picture #1 and place it below the duplication of "Front." Select the duplication of "Front" and this new shape and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Left."



Step 7

Select the Pen Tool (P), create a shape like the one from image 1, place it above the "Front" shape, then click on Minus Front from the Pathfinder pallet. Name this new Composed path "Frame.Front" and fill it with R=255, G=103, and B=10. Duplicate this shape three times, then follow the gradients and the names from the images below.




Step 8

Select the Pen Tool (P), create a shape like the one from image 1, place it above the "Left" shape, then select both shapes and click on Minus Front from the Pathfinder palette. Name the resulting shape "Frame.Left.Gradient1" and fill it with the gradient from image 5. Duplicate "Frame.Left.Gradient1" once, rename this duplication "Frame.Left.Gradient2" and use the gradient from image 6.




Step 9

Duplicate "Frame.Left.Gradient1" and fill this duplication with none. Select the Pen Tool (P) and create a new shape like the one from image 1. As you can see, there must be a small area where this new shape and "Frame.Left.Gradient1" do not intersect (image 2). Place this new shape below "Frame.Left.Gradient1," then select both shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Frame.Left.Margin" and fill it with the gradient shown in image 4.



Step 10

Duplicate "Frame.Front" and fill this duplication with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Place this new shape below "Frame.Front," then select both shapes and click on Minus Front from the Pathfinder palette. Name the resulting shape "Frame.Right" and fill it with R=25,5 G=103, and B=10. Duplicate this shape twice then follow the gradient and the names shown in images 5 and 6.




Step 11

Duplicate "Frame.Front" and "Frame.Right," then fill them both with none. Select the Pen Tool (P), create a new shape like the one from image 1, and place it below "Frame.Front" and "Frame.Right." Select these three shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Frame.Up.Right" and fill it with the gradient from image 4.



Step 12

Duplicate "Door.Frame" and "Frame.Left.Gradient1" and fill them both with none. Select the Pen Tool (P), create a new shape like the one from image 1. Select this new shape and the duplication of "Door.Frame," then click on Intersect from the Pathfinder palette. Place the resulting shape below the duplication of "Frame.Left.Gradient1," then select both shapes and choose Minus Front from the Pathfinder pallet. Name this final shape "Frame.Up.Left" and fill it with the gradient from the image below.



Step 13

Select the "BLINDS" layer, click on Create New Sublayer from the Layers pallet, name the newly created layer "BLINDS.Lines.Left" and move it right above the "Blinds" shape. Duplicate "Blinds," fill this duplication with none and move it inside "BLINDS.Lines.Left." Select the Pen Tool and create a thin shape like one of these that you can see in the image below. Hold Alt, then click (on the shape) and drag to duplicate this shape.

Repeat this step until you get as many copies as you need. Pay attention at the weight of these shapes. Try not to get over "Frame.Left.Margin." Make sure that all these shapes are places inside the "BLINDS.Lines.Left" layer, then select them together with the duplication of "Blinds" and click on Divide from the Pathfinder pallet. From this newly created group delete the shapes that do not intersect with "Blinds." Select the group and go to Object > Ungroup (Shift + Command + G). Fill all the shapes left in "BLINDS.Lines.Left" with R=204, G=186, and B=158. Finally, play a little with the Opacity of these shapes or follow the exact percentages from image 5.





Step 14

Select the "BLINDS" layer, click on Create New Sublayer from the Layers pallet, name the newly created layer "BLINDS.Lines.Right" and move it right above "BLINDS.Lines.Left." Select the Pen Tool (P) and create a thin shape like one of these that you can see in the image below (image 1). Hold Alt, then click (on the shape) and drag to duplicate this shape. Repeat this step until you get as many copies as you need. Pay attention at the weight of these shapes. Try not to get over the right margin of "Blinds" or over the left margin of "Frame.Left." Make sure that all these shapes are places inside the "BLINDS.Lines.Right" layer, then fill them all with R=204, G=186, and B=158. Finally, play a little with the Opacity of these shapes or follow the exact percentages from image 3.




PART IX: Bottom Windows

Now we'll add the bottom windows as shown.



Step 1

Create a new layer, name it "WINDOWS - BOTTOM" and place it above the "DOOR" layer. Select this layer, click on Create New Sublayer from the Layers pallet, name the newly created layer "LEFT" and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire left window. Name this shape "BLUR," fill it with R=253, G=215, and B=180. Now apply a 15,0px gaussian blur and lower the Opacity to 70%. Duplicate "BLUR", erase the Gaussian Blur effect from the Appearance palette, and increase the Opacity back to 100%. Name this new shape "Blinds" and fill it with R=244, G=237, and B=211.



Step 2

Duplicate "Blinds" and fill this duplication with none. Select the Pen Tool (P) and create a new shape that intersects with the bottom of "Blinds" (image 2). Select this fresh shape and the duplication of "Blinds," then click on Intersect from the Pathfinder palette. Duplicate the resulting shape once. Fill the original with R=208, G=202, and B=188, then the duplication with the gradient from image 6. Also name them "Blinds.Down" and "Blinds.Down.Gradient".




Step 3

Duplicate "Blinds" again and fill it with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select this shape and the duplication of "Blinds," then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape once. Fill the original with R=35, G=31, and B=32, then fill the duplication with the gradient from image 6. Also name them "Blinds.Shadow1" and "Blinds.Shadow2." Don't forget to lower the Opacity of "Blinds.Shadow1" to 70%.




Step 4

Duplicate "Blinds" again and fill this duplication with none. Select the Pen Tool (P) and create a new shape that intersects with the 1.7px top area of "Blinds" (image 2). Select this shape and the duplication of "Blinds," then click on Intersect from the Pathfinder pallet. Name this new shape "Top.Margin," place it in the top of the "LEFT" layer, and fill it with the gradient shown in image 4.



Step 5

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Duplicate it once. Fill the original with R=215, G=206, and B=194, then fill the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 6

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the left side where this new shape doesn't intersect with Ledge shape. Name this shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



Step 7

Select the "LEFT" layer, click on Create New Sublayer from the Layers pallet, name the newly created layer "BLINDS.Lines" and move it between "Blinds.Down.Gradient" and "Blinds.Shadow1." Duplicate "Blinds," fill this duplication with none and move it inside "BLINDS.Lines". Select the Pen Tool and create a thin shape like the one from image 1. Hold Alt, then click (on the shape) and drag to duplicate this shape. Repeat this step until you get as many copies as you need.

Make sure that all these shapes are placed inside "BLINDS.Lines," then select them together with the duplication of Blinds, and click on Divide from the Pathfinder pallet. From this newly created group, delete the shapes that do not intersect with the Blinds shape. Select the group and go to Object > Ungroup (Shift + Command + G). Fill all the shapes left in "BLINDS.Lines" with the colors and the gradient from image 5, then play with the Opacity.




Step 8

Select layer "WINDOWS - BOTTOM," then click on Create New Sublayer from the Layers palette, name this new layer "RIGHT" and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire right window. Name this shape "BLUR," fill it with R=253, G=215, and B=180. Apply a 15,0px gaussian blur and lower the Opacity to 70%. Duplicate "BLUR," erase the Gaussian Blur effect from the Appearance palette, and increase the Opacity back to 100%. Name this new shape "Blinds" and fill it with R=244, G=231, and B=211.



Step 9

Duplicate "Blinds" and fill this duplication with none. Select the Pen Tool (P) and create a new shape that intersects with the bottom of "Blinds"(image 2). Select this fresh shape and the duplication of "Blinds," then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape once. Fill the original with R=208, G=202, and B=188. Fill the duplication with the gradient from image 6. Also name them "Blinds.Down" and "Blinds.Down.Gradient."




Step 10

Duplicate "Blinds" and fill this duplication with with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select this shape and the duplication of "Blinds," then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape once. Fill the original with R=35, G=31, and B=32, then the duplication with the gradient from image 6. Also name them "Blinds.Shadow1" and "Blinds.Shadow2." Don't forget to lower the Opacity of "Blinds.Shadow1" to 70%.




Step 11

Duplicate again "Blinds" and fill this duplication with none. Select the Pen Tool (P) and create a new shape that intersects with the 1.5px right margin of "Blinds" (image 2). Select this shape and the duplication of "Blinds," then click on Intersect from the Pathfinder pallet. Name this new shape "Margin.Right.Gradient1," place it in the top of layer "RIGHT" and fill it with the gradient shown in image 5. Duplicate "Margin.Right.Gradient1," name this duplication "Margin.Right.Gradient2,"
and fill it with the gradient shown in image 6.




Step 12

Duplicate "Blinds" once again and fill this duplication with none. Select the Pen Tool (P) and create a new shape that intersects with the 1.8px top area of "Blinds" (image 2). Select this shape and the duplication of "Blinds," then click on Intersect from the Pathfinder pallet. Name this new shape "Margin.Top," place it in the top of layer "LEFT" and fill it with the gradient shown in image 4.



Step 13

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Duplicate it once. Fill the original with R=215, G=206, and B=194 and the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 14

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with the Ledge shape. Name this shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below Ledge.



Step 15

Select the Ellipse Tool (L) and create two perfect circles (the exact diameter 2,196px). Name them "Bolt.Right" and "Bolt.Left," position them as shown in image 1, then fill them both with the gradient below.



Step 16

Select the "RIGHT" layer, click on Create New Sublayer from the Layers pallet, name the newly created layer "BLINDS.Lines" and move it between "Blinds.Down.Gradient" and "Blinds.Shadow1." Duplicate "Blinds," fill this duplication with none, and move it inside "BLINDS.Lines." Select the Pen Tool and create a thin shape like the one from image 1. Hold Alt, then click (on the shape) and drag to duplicate this shape. Repeat this step until you get as many copies as you need. Make sure that all these shapes are placed inside "BLINDS.Lines," then select them together with the duplication of "Blinds" and click on Divide from the Pathfinder pallet.

From this newly created group delete the shapes that do not intersect with "Blinds." Select the group and go to Object > Ungroup (Shift + Command + G). Fill all the shapes left in "BLINDS.Lines" with R=204, G=186, and B=158, then play with the Opacity.




PART X: Small Window 01

Now we'll add a small window as shown.



Step 1

Create a new layer, name it "SMALL WINDOW 01," place it above the "DOOR" layer, and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR," fill it with R=253, G=215, and B=180, then apply a 5,0px gaussian blur. Duplicate "BLUR." Name this duplication "ALL," erase the Gaussian Blur effect and fill it with the gradient shown in image 3.



Step 2

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Right.Wall" and fill it with the gradient from image 4.



Step 3

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Left.Wall" and fill it with the gradient from image 4.



Step 4

Duplicate "ALL","Right.Wall" and "Left.Wall," then fill them all with none. Select the Pen Tool (P) and create a shape that intersects with the bottom half "ALL." Select this new shape and the duplication of "ALL," then click on Intersect from the Pathfinder pallet. Place the resulting shape below the duplication of "Right.Wall" and "Left.Wall," select all three shapes, then choose the Minus Front option from the Pathfinder pallet. Name this newly created shape "Glass" and fill it with the gradient shown in image 7.




Step 5

Duplicate "Glass," fill it with none, then select the Pen Tool (P) and create a shape like the one in image 1. Select this new shape and the duplication of Glass (image 2), then click on Intersect from the Pathfinder pallet. Name the resulting shape "Frame" and fill it with R=255, G=103, and B=10. Duplicate "Frame," rename this duplication "Frame.Gradient" and fill it with the gradient from image 6. Place these two shapes above the "Glass" shape.




Step 6

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape to the top of the layer. Duplicate it once. Fill the original with R=209, G=211, and B=212, then the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 7

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



PART XI: Small Window 02

Now we'll add another small window as shown.



Step 1

Create a new layer, name it "SMALL WINDOW 02," place it above "SMALL WINDOW 01" and make sure that the next shapes you create will go inside this layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR," fill it with R=253, G=215, and B=180, then apply a 5,0px gaussian blur. Duplicate "BLUR," name this duplication "ALL," erase the Gaussian Blur effect and fill it with the gradient shown in image 3.



Step 2

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Right.Wall" and fill it with the gradient from image 4.



Step 3

Duplicate "ALL," fill it with none, then select the Pen Tool (P) and create a shape like the one in image 1. Try not to leave any space between this new shape and "Right.Wall." Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Frame" and fill it with the gradient shown in image 4.



Step 4

Duplicate "ALL" or "Frame" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL"/"Frame," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass," fill it with the gradient from image 4, then place it above "Frame."



Step 5

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape to the top of the layer. Duplicate it once. Fill the original with R=209, G=211, and B=212, and the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 6

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



PART XII: Small Window 03

Now we'll add another small window as shown.



Step 1

Create a new layer, name it "SMALL WINDOW 03," place it above "SMALL WINDOW 02," and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire window as in image 1. Name this shape "BLUR," fill it with R=253, G=215, and B=180, apply a 5,0px gaussian blur and lower the Opacity to 60%. Duplicate "BLUR," and name this duplication "ALL," erase the Gaussian Blur effect, increase the Opacity back to 100%, then fill it with the gradient shown in image 3.



Step 2

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes then click on Intersect from the Pathfinder pallet. Name the resulting shape "Right.Wall" and fill it with the gradient from image 4.



Step 3

Duplicate "ALL", fill it with none, then select the Pen Tool (P) and create a shape like the one in image 1. Try not to leave any space between this new shape and "Right.Wall." Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Frame" and fill it with the gradient shown in image 4.



Step 4

Duplicate "ALL" or "Frame" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL"/"Frame," then click on intersect from the Pathfinder pallet. Name the resulting shape "Glass," fill it with the gradient from image 4, then place it above "Frame."



Step 5

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape to the top of the layer. Duplicate it once. Fill the original with R=209, G=211, and B=212, then the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 6

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



PART XIII: Small Window 04

Now we'll add another small window as shown.



Step 1

Create a new layer, name it "SMALL WINDOW 04," place it above "SMALL WINDOW 03" and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR," fill it with R=253, G=215, and B=180, apply a 5,0px gaussian blur, and lower the Opacity to 60%. Duplicate "BLUR," name this duplication "ALL," erase the Gaussian Blur effect, increase the Opacity back to 100%, then fill it with the gradient shown in image 3.



Step 2

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape twice. Fill the original with R=255, G=103, and B=10, then duplications with the gradients from the images below. Lastly name these shapes as shown in the pictures below.




Step 3

Duplicate "Right.Wall" and fill it with none. Select the Pen Tool (P) and create a new shape that intersects with the top of "Right.Wall" (image 2). Select both of these shapes, then click on Intersect form the Pathfinder pallet. Name the resulting shape "Right.Wall.Shadow," fill it with R=35, G=31, and B=32, then lower the Opacity to 50%.



Step 4

Duplicate "ALL," fill it with none, then select the Pen Tool (P) and create a shape like the one in image 1. Try not to leave any space between this new shape and "Right.Wall." Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Frame" and fill it with the gradient shown in image 4.



Step 5

Duplicate "Frame" and fill it with none. Select the Pen Tool (P) and create a new shape that intersects with the top of "Frame" (image 2). Select both of these shapes, then click on Intersect form the Pathfinder pallet. Name the resulting shape "Frame.Shadow," fill it with R=35, G=31, and B=32, then lower the Opacity to 50%.



Step 6

Duplicate "ALL" or "Frame" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL"/Frame," then click on intersect from the Pathfinder pallet. Name the resulting shape "Glass," fill it with the gradient from image 4 then place it above "Frame."



Step 7

Duplicate "Glass" and fill it with none. Select the Pen Tool (P) and create a new shape that intersects with the bottom of "Glass"(image 2). Select both of these shapes, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass.Shadow.White," fill it with R=255, G=255, and B=255, then lower the Opacity to 10%.



Step 8

Duplicate again "Glass" and fill it with none. Select the Pen Tool (P) and create a new shape that intersects with the top of "Glass" (image 2). Select both of these shapes, then click on Intersect form the Pathfinder pallet. Name the resulting shape "Glass.Shadow.Black," fill it with R=35, G=31, and B=32, then lower the Opacity to 50%.



Step 9

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape in the top of the layer. Duplicate it once. Fill the original with R=209, G=211, and B=212, then the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 10

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



PART XIV: Small Window 05

Now we'll add another small window as shown.



Step 1

Create a new layer, name it "SMALL WINDOW 05," place it above "SMALL WINDOW 04" and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR," fill it with R=253, G=215, and B=180, then apply a 5,0px gaussian blur and lower the Opacity to 60%. Duplicate "BLUR," name this duplication "ALL," erase the Gaussian Blur effect, increase the Opacity back to 100%, then fill it with the gradient shown in image 3.



Step 2

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape twice. Name these shapes "Right.Wall.Gradien1" and "Right.Wall.Gradient2," then fill them with the gradient shown in the images below.




Step 3

Duplicate "ALL," fill it with none, then select the Pen Tool (P) and create a shape like the one in image 1. Try not to leave any space between this new shape and "Right.Wall.Gradient1." Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape once. Name these shapes "Frame.Gradient1" and "Frame.Gradient2," then fill them with the gradients shown in the images below.




Step 4

Duplicate "ALL," fill it with none, then select the Pen Tool (P) and create a shape like the one in image 1. Try not to leave any space between the right border of this new shape and the left border of "Frame.Gradient1." Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape once. Name these shapes "Frame2.Gradien1" and "Frame2.Gradient2,"" then fill them with the gradients shown in the images below.




Step 5

Duplicate "ALL" or "Frame" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL"/Frame," then click on intersect from the Pathfinder pallet. Name the resulting shape "Glass," fill it with the gradient from image 4, then place it above "Frame".



Step 6

Duplicate "Glass" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "Glass," then click on intersect from the Pathfinder pallet. Name the resulting shape "Glass.Margin," fill it with the gradient from image 4, then place it above "Glass."



Step 7

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL," then click on intersect from the Pathfinder pallet. Name the resulting shape "Interior," fill it with R=35, G=31, and B=32, then place it above "ALL."



Step 8

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape in the top of the layer. Duplicate it once. Fill the original with R=209, G=211, and B=212, and then the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 9

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow" fill it with R=35 G=31 B=32 and place it below "Ledge".



PART XV: Small Window 06

Now we'll add another small window as shown.



Step 1

Create a new layer, name it "SMALL WINDOW 06," place it above "SMALL WINDOW 05" and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR," fill it with R=253, G=215, and B=180, apply a 5,0px gaussian blur and lower the Opacity to 60%. Duplicate "BLUR," name this duplication "ALL," erase the Gaussian Blur effect, increase the Opacity back to 100%, then fill it with the gradient shown in image 3.



Step 2

Duplicate "ALL" and fill it with none. Select the Pen Tool(P) and create a shape like the one from image 1. Select both shapes then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape twice. Name these shapes "Right.Wall.Gradien1" and "Right.Wall.Gradient2," then fill them with the gradients shown in the images below.




Step 3

Duplicate "ALL," fill it with none then select the Pen Tool (P), then create a shape like the one in image 1. Try not to leave any space between this new shape and "Right.Wall." Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape twice. Name these shapes "Frame.Gradien1" and "Frame.Gradient2," then fill them with the gradients shown in the images below.




Step 4

Duplicate "ALL" or "Frame" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL"/Frame," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass," fill it with the gradient from image 4, then place it above "Frame."



Step 5

Duplicate "Glass" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "Glass," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass.Margin," fill it with the gradient from image 4, then place it above "Glass."



Step 6

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape to the top of the layer. Duplicate it once. Fill the original with R=209, G=211, and B=212, then the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 7

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



PART XVI: Small Window 07



Step 1

Create a new layer, name it "SMALL WINDOW 07," place it above "SMALL WINDOW 06" and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR," fill it with R=253, G=215, and B=180, apply a 10,0px gaussian blur, and lower the Opacity to 50%. Duplicate "BLUR." Name this duplication "ALL," erase the Gaussian Blur effect, increase the Opacity back to 100%, then fill it with the gradient shown in image 3.



Step 2

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Left.Wall" and fill it with the gradient from image 4.



Step 3

Duplicate "ALL" again and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes then click on Intersect from the Pathfinder pallet. Name the resulting shape "Right.Wall" and fill it with the gradient from image 4.



Step 4

Select the Pen Tool (P) and create a shape like the one from image 1. Duplicate "Right.Wall" and "Left.Wall," fill them with none and move them above the new shape. Select these three shapes, then choose the Minus Front option from the Pathfinder pallet. Duplicate the resulting shape twice. Name these shapes "Frame.Gradient1" and "Frame.Gradient2," then fill them with the gradients shown in the images below.




Step 5

Duplicate "ALL" or "Frame" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL"/Frame," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass," fill it with the gradient from image 4, then place it above "Frame."



Step 6

Duplicate "Glass" and fill it with none. Select the Pen Tool (P) and create a new shape that intersects with the bottom of "Glass" (image 2). Select both of these shapes, then click on Intersect form the Pathfinder pallet. Name the resulting shape "Glass.Shadow.White," fill it with R=255, G=255, and B=255, then lower the Opacity to 10%.



Step 7

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Duplicate it once. Fill the original with R=209, G=211, and B=212 and the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 8

Select the Pen Tool (P) and create a new shape like the one from image 1. Move this shape in the top of the layer. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



PART XVII: Small Window 08

Now we'll add another small window as shown.



Step 1

Create a new layer, name it "SMALL WINDOW 08," place it above "SMALL WINDOW 07" and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR," fill it with R=253, G=215 and B=180, apply a 5,0px gaussian blur, and lower the Opacity to 60%. Duplicate "BLUR," name this duplication "ALL," erase the Gaussian Blur effect, increase the Opacity back to 100%, then fill it with the gradient shown in image 3.



Step 2

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape twice. Name these shapes "Right.Wall.Gradien1" and "Right.Wall.Gradient2," then fill them with the gradient shown in the images below.




Step 3

Duplicate "ALL," fill it with none then select the Pen Tool (P), and create a shape like the one in image 1. Try not to leave any space between this new shape and "Right.Wall." Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape twice. Name these shapes "Frame.Gradien1" and "Frame.Gradient2," then fill them with the gradients shown in the images below.




Step 4

Duplicate "ALL" or "Frame.Gradient1" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL"/Frame," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass," fill it with the gradient from image 4, then place it above "Frame.Gradient.1" and "Frame.Gradient.2."



Step 5

Duplicate "Glass" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "Glass," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass.Margin," fill it with the gradient from image 4 then place it above "Glass."



Step 6

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape in the top of the layer, then duplicate it once. Fill the original with R=209, G=211, and B=212, and the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 7

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



PART XVIII: Small Window 09

Now we'll add another small window as shown.



Step 1

Create a new layer, name it "SMALL WINDOW 09," place it above "SMALL WINDOW 08" and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR," fill it with R=253, G=215, and B=180, apply a 5,0px gaussian blur and lower the Opacity to 60%.

Duplicate "BLUR," name this duplication "ALL.Gradien1," erase the Gaussian Blur effect, increase the Opacity back to 100%, then fill it with the gradient shown in image 3. Duplicate "ALL.Gradien1" rename it "ALL.Gradien2," and fill it with the gradient from image 4.




Step 2

Duplicate "ALL.Gradient1" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes, then click on Intersect from the Pathfinder pallet. Make two other copies of the resulting shapes, then follow the gradients and the names shown in the images below.




Step 3

Duplicate "ALL," fill it with none, then select the Pen Tool (P) and create a shape like the one in image 1. Try not to leave any space between this new shape and "Right.Wall.Gradient1." Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape once. Name these shapes "Frame.Gradien1" and "Frame.Gradient2," then fill them with the gradients shown in the images below.




Step 4

Duplicate "ALL," fill it with none then select the Pen Tool (P), and create a shape like the one in image 1. Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape twice. Name these shapes "Glass.Frame.Gradien1," "Glass.Frame.Gradient2," and "Glass.Frame.Gradient3," then fill them with the gradients shown in the images below.




Step 5

Duplicate "ALL" and "Glass.Frame.Gradient1," fill them both with none, then select the Pen Tool (P) and create a shape like the one in image 1. Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Select the resulting shape, move it above "Glass.Frame.Gradient1," then select these two shapes and click on Minus Front from the Pathfinder pallet. Name this newly created shape "Glass" and fill it with the gradient from image 7.




Step 6

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL," then click on intersect from the Pathfinder pallet. Name the resulting shape "Interior," fill it with R=35, G=31, and B=32, then place it above "ALL.Gradient2."



Step 7

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape in the top of the layer. Duplicate it once. Fill the original with R=209, G=211, and B=212, then the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 8

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



PART XIX: Small Window 10

Now we'll add another small window as shown.



Step 1

Create a new layer, name it "SMALL WINDOW 10," place it above "SMALL WINDOW 09," and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR," fill it with R=253, G=215, and B=180, apply a 5,0px gaussian blur and lower the Opacity to 60%. Duplicate "BLUR," name this duplication "ALL.Gradien1," erase the Gaussian Blur effect, increase the Opacity back to 100%, then fill it with the gradient shown in image 3. Duplicate "ALL.Gradien1" rename it "ALL.Gradien2" and fill it with the gradient from image 4.




Step 2

Duplicate "ALL.Gradient1" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes then click on Intersect from the Pathfinder pallet. Make four other copies of the resulting shapes, then follow the gradients and the names shown in the images below.





Step 3

Duplicate "ALL.Gradient1," fill it with none, then select the Pen Tool (P) and create a shape like the one in image 1. Try not to leave any space between this new shape and "Right.Wall.Gradient1." Select the duplication of "ALL.Gradient1" and this new shape, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape once. Name these shapes "Frame.Gradien1" and "Frame.Gradient2," then fill them with the gradients shown in the images below.




Step 4

Duplicate "ALL.Gradient1" and "Frame.Gradient1," fill them both with none then select the Pen Tool (P) and create a shape like the one in image 1. Select the duplication of "ALL.Gradient1" and this new shape, then click on Intersect from the Pathfinder pallet. Place the resulting shape below the duplication of "Frame.Gradient1," select both shapes then choose Minus Front from the Pathfinder pallet. Name this final shape "Interior" and fill it with R=35, G=31, and B=32.




Step 5

Duplicate "Interior," fill it with none then select the Pen Tool (P) and create a shape like the one in image 1. Select both these shapes, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass.Frame" and fill it with R=255, G=103, and B=10. Duplicate "Glass.Frame" twice then follow the gradients and the names shown in the image below. Make sure that these three shapes are placed above "Interior" shape.




Step 6

Duplicate "Glass.Frame," fill it with none, then select the Pen Tool (P) and create a shape like the one in image 1. Select both of these shapes, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass" and fill it with the gradient from image 4.



Step 7

Duplicate "Glass," fill it with none, then select the Pen Tool (P) and create a shape like the one in image 1. Select both shapes, then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass.Margin," fill it with the gradient from image 4 and move it above "Glass."



Step 8

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape to the top of the layer. Duplicate it once. Fill the original with R=217, G=205, and B=193, and the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 9

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32 and place it below "Ledge."



PART XX: Small Window 11



Step 1

Create a new layer, name it "SMALL WINDOW 11," place it above "SMALL WINDOW 10" and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR," fill it with R=253, G=215, and B=180, apply a 5,0px gaussian blur, and lower the Opacity to 60%. Duplicate "BLUR," name this duplication "ALL.Gradien1," erase the Gaussian Blur effect, increase the opacity back to 100%, then fill it with the gradient shown in image 3. Duplicate "ALL.Gradien1" rename it "ALL.Gradien2" and fill it with the gradient from image 4.




Step 2

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape once. Name these shapes "Right.Wall.Gradien1" and "Right.Wall.Gradient2," then fill them with the gradient shown in the images below.




Step 3

Duplicate "ALL," fill it with none, then select the Pen Tool (P) and create a shape like the one in image 1. Try not to leave any space between this new shape and "Right.Wall.Gradient1." Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape. Name these shapes "Frame.Gradien1" and "Frame.Gradient2," then fill them with the gradients shown in the images below.




Step 4

Duplicate "ALL" or "Frame.Gradient1" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL"/Frame.Gradien1," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass," fill it with the gradient from image 4, then place it above "Frame.Gradient.1" and "Frame.Gradient.2."



Step 5

Duplicate "Glass" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "Glass," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass.Margin," fill it with the gradient from image 4, then place it above "Glass."



Step 6

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape to the top of the layer. Duplicate it once. Fill the original with R=217, G=205, and B=193, then the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 7

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



PART XXI: Small Window 12



Step 1

Create a new layer, name it "SMALL WINDOW 12," place it above "SMALL WINDOW 11" and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR" fill it with R=253, G=215, B=180, apply a 5,0px gaussian blur and lower the Opacity to 60%. Duplicate "BLUR." Name this duplication "ALL," erase the Gaussian Blur effect, increase the Opacity back to 100%, then fill it with the gradient shown in image 3.



Step 2

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape. Name these shapes "Right.Wall.Gradien1" and "Right.Wall.Gradient2," then fill them with the gradient shown in the images below.




Step 3

Duplicate "ALL," fill it with none then select the Pen Tool (P) and create a shape like the one in image 1. Leave a 1.7-1.8px distance between this new shape and "Right.Wall.Gradient1." Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape twice, then follow the gradients and the names from the images below.




Step 4

Duplicate "Right.Wall.Gradient1" and "Frame.Gradinet1," then fill fill them both with none. Select the Pen Tool (P) and create a shape like the one in image 1, then move it to the top of the layer. Make sure that the top border of this new shape is at the same level with the top border of "Frame.Gradient1." Select all three shapes and click on Minus Front from the Pathfinder pallet. Duplicate the resulting shape, then follow the gradient and the names shown in image 3 and 4.



Step 5

Select the Pen Tool (P), create a rectangle like the one from image 1, name it "Glass," then fill it with the gradient from image 2.



Step 6

Duplicate again "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both of these shapes, then click on Intersect form the Pathfinder pallet. Name the resulting shape "Shadow," fill it with R=35, G=31, and B=32, then lower the Opacity to 20%. Finally, move it to the top of the layer.



Step 7

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape to the top of the layer. Duplicate it once. Fill the original with R=215, G=206, and B=194 and the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 8

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



PART XXII: Small Window 13

Now we'll add another small window as shown.



Step 1

Create a new layer, name it "SMALL WINDOW 13" place it above "SMALL WINDOW 12," and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR," fill it with R=253, G=215, and B=180, apply a 5,0px gaussian blur and lower the Opacity to 60%. Duplicate "BLUR," name this duplication "ALL," erase the Gaussian Blur effect, increase the Opacity back to 100%, then fill it with the gradient shown in image 3.



Step 2

Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape. Name these shapes "Right.Wall.Gradien1" and "Right.Wall.Gradient2," then fill them with the gradient shown in the images below.




Step 3

Duplicate "ALL," fill it with none then select the Pen Tool (P) and create a shape like the one in image 1. Try not to leave any space between this new shape and "Right.Wall.Gradient1." Select the duplication of "ALL" and this new shape, then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape, name them "Frame.Gradien1" and "Frame.Gradient2," then fill them with the gradients shown in the images below.




Step 4

Duplicate "ALL" or "Frame.Gradient1" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL"/Frame.Gradien1," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass," fill it with the gradient from image 4, then place it above "Frame.Gradient.1" and "Frame.Gradient.2."



Step 4

Duplicate "Frame.Gradient1" and fill it with none. Select the Pen Tool(P) and create a shape that intersects with the right side of "Frame.Gradient1" (image 2). Select this new shape and the duplication of "Frame.Gradien1," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Frame2" and fill it with the gradient from image 4.



Step 5

Duplicate again "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both of these shapes then click on Intersect form the Pathfinder pallet. Name the resulting shape "Shadow," fill it with R=35, G=31, and B=32, then lower the Opacity to 20%. Finally move it to the top of the layer.



Step 6

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape to the top of the layer. Duplicate it once. Fill the original with R=215, G=206, and B=194, then the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."



Step 7

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



Step 8

Create a new layer, name it "SMALL WINDOWS," and move it above the "DOOR" layer. Select all the "SMALL WINDOW" layers (from 01 to 13) and move them inside this new layer.


PART XXIII: Large Window - Top Left

Now we'll add a large window as shown.



Step 1

Create a new layer, name it "LARGE WINDOWS - LEFT" and place it below "SMALL WINDOWS" layer. Select this layer, click on Create New Sublayer from the Layers palette, name the newly created layer "TOP" and make sure that the next shapes you create will get inside this layer. Choose the Pen Tool (P) and create the shape of the entire top window. Name this shape "BLUR," fill it with R=253, G=215, and B=180, apply a 15,0px gaussian blur and lower the Opacity to 80%.



Step 2

Duplicate "BLUR," name this duplication "ZZZ," erase the Gaussian Blur effect, increase the Opacity back to 100% then fill it with none. Duplicate "ZZZ," select the Pen Tool (P) and create a shape that intersects with the top of "ZZZ." Select both shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Wall.Up" and fill it with the gradient from image 4.



Step 3

Duplicate "ZZZ," select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Transparent.Glass," fill it with the gradient from image 4, then lower the Opacity to 30%.



Step 4

Duplicate "ZZZ" and "Transparent.Glass" and fill them both with none. Select the Pen Tool (P) and create a shape like the one from image 1. Make sure there's a 0.7px top area where "ZZZ" and this new shape do not intersect.

Select the new shape and the duplication of "ZZZ" and click on Intersect from the Pathfinder pallet. Place the resulting shape below the duplication of "Transparent.Glass," then select both shapes and click on Minus Front from the Pathfinder pallet. Duplicate this newly created shape, then follow the gradient and the names from images 6 and 7.




Step 5

Duplicate "Frame.Gradient1" fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes (make sure that the duplication of "Frame.Gradient1" is placed above the new shape in the Layer pallet) then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Left.Wall" and fill it with the gradient shown in image 4.



Step 6

Duplicate "Frame.Gradient1" and "Left.Wall." Fill them both with none, then create a shape like the one from image 1, and place it below the two fresh duplication. Select all three shapes, then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Wall.Up.Right" and fill it with the gradient shown in image 4.



Step 7

Duplicate "ZZZ," "Frame.Gradient1," "Left.Wall," and "Wall.Up.Right," then fill them all with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ZZZ" and click on Intersect from the Pathfinder palette.

Place the resulting shape below the duplications of "Frame.Gradient1," "Left.Wall" and "Wall.Up.Right." Select all four shapes then choose Minus Front from the Pathfinder pallet. Name this newly created shape "Blinds.Right" and fill it with R=255, G=255, and B=255. Duplicate "Blinds.Right" twice, name these duplications "Blinds.Right.Gradient1" and "Blinds.Right.Gradient2," then fill both shapes with the gradient shown in image 7.




Step 8

Duplicate "Blinds," select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes and click on Intersect from the Pathfinder pallet. Duplicate the resulting shape. Fill the original with the gradient from image 5 and the duplication with the R=35, G=31, and B=32. Name these shapes "Blinds.Shadow1" and "Blinds.Shadow2." Don't forget to lower the Opacity of "Blinds.Shadow2" to 40%.




Step 9

Duplicate "ZZZ," "Frame.Gradient1" and "Wall.Up," then fill them all with none. Select the Pen Tool (P) and create a shape like the one from image 1. Make sure that there's a 1.2px left side where "Frame.Gradient1" and this new shape do not intersect. Select the new shape and the duplication of "ZZZ" and click on Intersect from the Pathfinder pallet. Place the resulting shape below the duplications of "Frame.Gradient1" and "Wall.Up," then select these three shapes and click on
Minus Front from the Pathfinder pallet. Name the resulting shape "Margin.Right" and fill it with the gradient from image 6.




Step 10

Duplicate "ZZZ," "Frame.Gradient1" and "Wall.Up" and fill them all with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select the new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Place the resulting shape below the duplications of "Frame.Gradient1" and "Wall.Up," then select these three shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Blinds.Left" and fill it with R=255, G=255, and B=255. Duplicate "Blinds.Left," name this duplication "Blinds.Left.Gradient," and fill it with the gradient shown in image 7.




Step 11

Duplicate "Blinds.Left," select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes and click on Intersect from the Pathfinder pallet. Duplicate the resulting shape. Fill the original with the gradient from image 5 and the duplication with R=35, G=31, and B=32. Name these shapes "Blinds.Left.Shadow1" and "Blinds.Left.Shadow2." Don't forget to lower the Opacity of "Blinds.Left.Shadow2" to 50%.




Step 12

Duplicate "ZZZ," "Blinds.Left" and "Margin.Right" and fill them all with none. Select the Pen Tool (P) and create a shape like the one from image 1. Make sure that there's a 4.0-4.2px left side where "Margin.Right" and this new shape do not intersect.

Select the new shape and the duplication of "ZZZ" and click on Intersect from the Pathfinder pallet. Place the resulting shape below the duplications of "Blinds.Left" and "Margin.Right," then select these three shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Right" and fill it with the gradient from image 4.



Step 13

Duplicate "ZZZ" and "Blinds.Left" and fill them both with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select the new shape and the duplication of "ZZZ" and click on Intersect from the Pathfinder pallet. Place the resulting shape below the duplications of "Blinds.Left," then select both shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Center" and fill it with the gradient from image 6.




Step 14

Duplicate "Center," fill this duplication with none, select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes and click on Intersect from the Pathfinder pallet. Fill the resulting shape with the gradient from image 4 and name it "Center.Line.Left."



Step 15

Duplicate "Center," fill this duplication with none, select the Pen Tool (P) and create a shape like the one from image 1. Select both shapes and click on Intersect from the Pathfinder pallet. Fill the resulting shape with the gradient from image 4 and name it "Center.Line.Right."



Step 16

Duplicate "ZZZ" and "Blinds.Left" and fill them both with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select the new shape and the duplication of "ZZZ" and click on Intersect from the Pathfinder pallet. Place the resulting shape below the duplications of "Blinds.Left," then select both shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Left" and fill it with the gradient from image 6.




Step 17

Duplicate "ZZZ," "Blinds.Left," "Left," and "Center," then fill them all with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ZZZ" and click on Intersect from the Pathfinder palette. Place the resulting shape below the duplications of "Blinds.Left," "Left." and "Center," select all four shapes then choose Minus Front from the Pathfinder pallet. Name this newly created shape "Dark.Glass.Left" and fill it with the gradient shown in image 6.




Step 18

Duplicate "Blinds.Left," "Right," and "Center," then fill them all with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and "ZZZ," then click on Intersect from the Pathfinder pallet. Place the resulting shape below the duplications of "Blinds.Left," "Right," and "Center." Select all four shapes, then choose Minus Front from the Pathfinder pallet. Name this newly created shape "Dark.Glass.Right," and fill it with the gradient shown in image 6.




Step 19

Select the Pen Tool (P) and create the shape of the ledge as you can see in image 1. Move this shape in the top of the layer. Duplicate it once. Fill the original with R=209, G=211, and B=212, then the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."

Select once again the Pen Tool (P) and create a new shape like the one from image 4. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with the gradient from image 5 and place it below "Ledge."



Step 20

Select "TOP" from "LARGE WINDOWS - LEFT" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "FENCE" and move it below "Ledge.Shadow." Select "FENCE" and click on Create New Sublayer from the Layers pallet. Name the new layer "BARS-Right" and make sure that the next shapes you create will get inside this layer.

Select the Pen Tool (P) and create a new shape like the one from image 1, name it "Bar.Up.white" and fill it with R=255, G=255, and B=255. Duplicate this shape, then reselect the Pen Tool (P) and create a shape that intersect with the bottom of "Bar.Up.white" (image 4). Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Up.Black" and fill it with R=35, G=31, and B=32.



Step 21

Select the "BARS-Right" layer, click on Create New Sublayer from the Layers pallet and name the newly created layer "VERTICAL BARS." Move this layer below "Bar.Up.White" and "Bar.Up.Black" shapes, then make sure that the next shapes you create will get inside this layer.

Select the Pen Tool (P), create the shape of one vertical bar, then hold Alt while clicking (on the shape) and dragging to create five copies as shown in image 2. Fill those shapes with R=116, G=123, and B=137, duplicate them then fill each bar with the gradients below.




Step 22

Select "FENCE" from the "TOP" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "BARS-Left" and make sure that the next shapes you create will get inside this layer.

Select the Pen Tool (P) and create the shape of the entire upper horizontal bar (image 1). Name this shape "Bar.Up.White" and fill it with R=255, G=255, and B=255. Duplicate "Bar.Up.White," fill it with none, and create a new shape that intersects with the bottom of the "Bar.Up.White" shape (image 4). Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Up.Black" and fill it with R=35, G=31, and B=32.



Step 23

Select the Pen Tool (P) and create the shape of the entire lower horizontal bar (image 1). Name this shape "Bar.Down.White" and fill it with R=242, G=224, and B=207. Duplicate "Bar.Down.White," fill it with none and create a new shape that intersects with the bottom of "Bar.Down.White" shape (image 4). Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Down.Black" and fill it with R=35, G=31, and B=32.



Step 24

Select the "BARS-Left" layer, click on the Create New Sublayer button from the Layers pallet and name the newly created layer "VERTICAL BARS." Move this layer in the bottom of "BARS-Left" layer and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P), create the shape of one vertical bar, then hold Alt while clicking (on the shape) and dragging to create ten copies as you can see in image 2. Fill them with R=244, G=237, and B=211.



Step 25

Select the "TOP" layer, click on the Create New Sublayer button from the Layers pallet and name the newly created layer "BLINDS.LEFT.LINES." Move this layer above "Blinds.Left.Gradient" and make sure that the next shapes you create will get inside this layer. Duplicate "Blinds.Left" fill it with none and move it inside "BLINDS.LEFT.LINES" layer.

Select the Pen Tool and create a thin shape like one of these that you can see in the image 1. Hold Alt, then click (on the shape) and drag to duplicate this shape. Repeat this step until you get as many copies as you need. Select them together with the duplication of "Blinds.Left" and click on Divide from the Pathfinder pallet.

From this newly created group delete the shapes that do not intersect with "Blinds.Left." Select the group and go to Object > Ungroup (Shift + Command + G). Fill all the shapes left in "BLINDS.LEFT.LINES" with R=204, G=186, and B=158. Finally play a little with the Opacity of these shapes or follow the exact percentages from image 5.





Step 26

Select the "TOP" layer, click on the Create New Sublayer button from the Layers pallet and name the newly created layer "BLINDS.RIGHT.LINES." Move this layer above "Blinds.Right.Gradient2" and make sure that the next shapes you create will get inside this layer. Duplicate "Blinds.Right," fill it with none and move it inside the "BLINDS.RIGHT.LINES" layer. Select the Pen Tool and create a thin shape like one of these that you can see in image 1. Hold Alt, then click (on the shape) and drag to duplicate this shape. Repeat this step until you get as many copies as you need.

Select them together with their duplication of "Blinds.Right" and click on Divide from the Pathfinder pallet. From this newly created group, delete the shapes that do not intersect with "Blinds.Right." Select the group and go to Object > Ungroup (Shift + Command + G). Fill all the shapes left in "BLINDS.LEFT.LINES" with R=204, G=186, and B=158. Finally play a little with the Opacity of these shapes or follow the exact percentages from image 5.




PART XXIV: Large Window - Middle Left

Now we'll add another window.



Step 1

Select the "LARGE WINDOWS - LEFT" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "MIDDLE" and move it below the "TOP" layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape "BLUR," fill it with R=253, G=215, and B=180, then apply a 15,0px gaussian blur.



Step 2

Duplicate "BLUR," name this duplication "ZZZ", erase the Gaussian Blur effect, then fill it with none. Duplicate "ZZZ", select the Pen Tool (P) and create a shape that intersects with the top of "ZZZ" (image 2). Select both shapes and click on Intersect from the Pathfinder pallet. Duplicate the resulting shape, then follow the names and the gradient from image 5 and 6.




Step 3

Duplicate "ZZZ" and "Wall.Up.Gradient1," then fill them both with none. Move the duplication of "ZZZ" below the duplication of "Wall.Up.Gradient1," then select both shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Blinds" and fill it with R=255, G=255, and B=255. Duplicate "Blinds," name this duplication "Blinds.Gradient" and fill it with the gradient shown in image 4.



Step 4

Duplicate "Blinds" and fill it with none. Select the Pen Tool (P), create a new shape like the one shown in image 1, then select both shapes and click on Intersect from Pathfinder pallet. Duplicate this newly created shape. Fill the original with R=35, G=31, and B=32 and lower the Opacity to 40%, then fill the duplication with the gradient from image 6. Name these shapes "Blinds.Shadow1" and "Blinds.Shadow2."




Step 5

Select the "MIDDLE" layer, click on Create New Sublayer button from the Layers pallet and name the newly created layer "BLINDS.LINES." Move this layer above "Blinds.Gradient" and make sure that the next shapes you create will get inside this layer. Duplicate "Blinds" fill it with none and move it inside "BLINDS.LINES" layer.

Select the Pen Tool and create a thin shape like one of these that you can see in the image 1. Hold Alt then click (on the shape) and drag to duplicate this shape. Repeat this step until you get as many copies as you need. Select them together with the duplication of "Blinds," then click on Divide from the Pathfinder pallet. From this newly created group delete the shapes that do not intersect with "Blinds." Select the group and go to Object > Ungroup (Shift + Command + G). Fill all the shapes left in "BLINDS.LINES" with R=204, G=186, and B=158. Finally, play a little with the Opacity of these shapes or follow the exact percentages from image 5.




Step 6

Select the "MIDDLE" layer, click on Create New Sublayer button from the Layers pallet. Name the newly created layer "FENCE" and make sure that the next shapes you create will get inside this layer. Move this layer in the top of "MIDDLE."

Select the Pen Tool (P) and create the shape of the entire upper horizontal bar (image 1). Name this shape "Bar.Up.White" and fill it with R=242, G=224, and B=207. Duplicate "Bar.Up.White," fill this duplication with none, and create a new shape that intersects with the bottom of the "Bar.Up.White" shape (image 4). Select this new shape and the duplication of "Bar.Up.White," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Up.Black" and fill it with R=35, G=31, and B=32.



Step 7

Select the Pen Tool (P) and create the shape of the entire lower horizontal bar (image 1). Name this shape "Bar.Down.White" and fill it with R=255, G=255, and B=255. Duplicate "Bar.Down.White," fill this duplication with none, and create a new shape that intersects with the bottom of "Bar.Down.White" shape (image 4). Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Down.Black" and fill it with R=35, G=31, and B=32.



Step 8

Select the "FENCE" layer, click on Create New Sublayer button from the Layers pallet and name the newly created layer "VERTICAL BARS." Move this layer to the bottom of the "FENCE" layer and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P), create the shape of one vertical bar, then hold Alt while clicking (on the shape) and dragging to create eleven as you can see in image 2. Fill them with R=194, G=181, and B=155.



Step 9

Return to "MIDDLE" layer and select the Pen Tool (P), then create the shape of the ledge as you can see in image 1. Move this shape to the top of the layer. Duplicate it once. Fill the original with R=255, G=255, and B=255 and the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient."

Select once again the Pen Tool (P) and create a new shape like the one from image 4. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it the gradient from image 5 and place it below "Ledge."



PART XXV: Large Window - Bottom Left

Now we'll add another large window to the bottom left as shown.



Step 1

Select "LARGE WINDOWS - LEFT" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "BOTTOM" and move it below "MIDDLE" layer. Choose the Pen Tool (P) and create the shape of the entire window like in image 1. Name this shape BLUR fill it with R=253 G=215 B=180,
apply a 15,0px gaussian blur and lower the Opacity to 80%. Duplicate "BLUR" twice. Name this duplications "ALL.Gradient1" and "ALL.Gradient2", erase the Gaussian Blur effect, increase the Opacity back to 100% then fill them with the gradient shown in image 3 and image 4.




Step 2

Select the "BOTTOM" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "RIGHT SIDE" and move it above the three shapes created in the previous step. Duplicate "ALL.Gradient1" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1.

Select this new shape and the duplication of "ALL.Gradient1," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Transparent.Glass," fill it with the gradient from image 2 and lower its Opacity to 30%. This shape must remain in the top of the layer.



Step 3

Duplicate "ALL.Gradient1" and "Transparent.Glass" and fill them both with none (don't forget to increase the Opacity of "Transparent.Glass" back to 100%). Select the Pen Tool (P) and create a shape like the one from image 1. Make sure there's a 0.5px-0.9px top area where "ALL.Gradient1" and this new shape do not intersect.

Select the new shape and the duplication of "ALL.Gradient1" and click on Intersect from the Pathfinder pallet. Place the resulting shape below the duplication of "Transparent.Glass," then select both shapes and click on Minus Front from the Pathfinder pallet. Duplicate this newly created shape three times then follow the gradients and the names from the images below.





Step 4

Duplicate "Transparent.Glass." Name it "Blinds," increase the Opacity of this duplication back to 100%, then fill it with R=255, G=255, and B=255. Move "Blinds" to the bottom of the layer.



Step 5

Duplicate "Blinds" and fill this duplication with none. Select the Pen Tool (P), create a shape like the one from image 1, then select both shapes and click on Intersect from Pathfinder pallet. Duplicate this newly created shape, then move both shapes above "Blinds." Fill the original shape with the gradient from image 5. For the duplication apply a 1,0px Gaussian Blur after you filled it with R=35, G=31, and B=32. Lower the Opacity for both shapes to 30% and don't forget to name these shapes "Blinds.Shadow1" and "Blinds.Shadow2."




Step 6

Duplicate "Blinds" and fill it with none. Select the Pen Tool (P) and create a new shape that intersects with the top and left margin of "Blinds" (image 2). Select both shapes and choose Intersect from the Pathfinder pallet. Name the resulting shape "Left&Top Margin," fill it with the gradient from image 4 and place it above "Frame.Gradient4."



Step 7

Duplicate "Blinds" and fill this duplication with none. Select the Pen Tool (P) and create a new shape that intersects with the top margin (1px) of "Blinds" (image 2). Select both shapes and choose Intersect from the Pathfinder pallet. Name the resulting shape "Top Margin," fill it with the gradient from image 4 and place it above "Left&Top Margin."



Step 8

Select the "BOTTOM" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "LEFT SIDE" and move it above "RIGHT SIDE." Duplicate "ALL.Gradient1" and "Frame.Gradient1" and move them inside "LEFT SIDE" layer. Fill them both with none. Change the name of the first duplication to "ZZZ" and duplicate it.

Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Move the resulting shape below the duplication of "Frame.Gradient1," then select both shapes and choose Minus Front from the Pathfinder palette. Name this newly created shape "Right.Wall" and fill it with R=255, G=103, and B=10. Make two copies of "Right.Wall," then follow the gradients and the names from the images below.





Step 9

Select the "LEFT SIDE" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "BLINDS LEFT" and move it to the top of the layer. Duplicate "ZZZ" and "Right.Wall," then move them inside "BLINDS LEFT" layer. Fill them both with none.

Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Move the resulting shape below the duplication of "Right.Wall," then select both shapes and choose Minus Front from the Pathfinder pallet. Name this newly created shape "Blinds" and fill it with R=255, G=255, and B=255. Make two copies of "Blinds," then follow the gradients and the names from the images below.




Step 10

Duplicate "Blinds" and fill it with none. Select the Pen Tool (P) and create a new shape that intersects with the bottom half of "Blinds" (image 2). Select both shapes and choose Intersect from the Pathfinder pallet. Name the resulting shape "Blinds.Down" and fill it with R=208, G=202, and B=188. Duplicate "Blinds.Down" name this duplication "Blinds.Down.Gradient" and fill it with the gradient from image 5.



Step 11

Duplicate "Blinds" and fill it with none. Select the Pen Tool (P) and create a thin shape like the one from image 1. Select both shapes and choose Intersect from the Pathfinder pallet. Name the resulting shape "Blinds.Line" and fill it with R=204, G=186, and B=158. Select the Ellipse Tool (L), create two perfect circles and name them "Bolt.Right" an "Bolt.Left." Place them as shown in image 5 and fill them with the gradient from the image below.



Step 12

Return to "LEFT SIDE" layer, select the Pen Tool (P) and create the shape of the window glass as shown in the picture below. Duplicate this shape once, then follow the gradients and the names shown in the image below.



Step 13

Duplicate "Glass.Left.Gradient1" and fill it with none. Select the Pen Tool(P) and create a new shape like the on shown in image 1. Make sure there's a 0.4px area where "Glass.Lef.Gradient1" and this new shape intersect. Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Left.Glass.Margin" and fill it with the gradient from image 4. Make sure that this shapes is positioned above "Glass.Left.Gradient2".



Step 14

Duplicate "ZZZ," "Blinds," and "Glass.Left.Gradient1," and then fill them all with none. Select the Pen Tool (P) and create a new shape like the one shown in image 1. Select this new shape and the duplication of "ZZZ" and click on Intersect from the Pathfinder pallet. Move the resulting shape below the other two duplications, then select all three shapes and click on Minus Front from the Pathfinder pallet. Name this newly created shape "Left.Glass.Frame" and fill it with R=255, G=124, and B=47. Duplicate "Left.Glass.Frame" twice and follow the gradients and the names shown in images 9 and 10.





Step 15

Duplicate "Glass.Left.Gradient1" and fill it with none. Select the Pen Tool (P) and create a new shape like the one shown in image 1. Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Left.Glass.Frame.Margin" and fill it with the gradient from image 4. Make sure that this shape is positioned above "Left.Glass.Frame.Gradient2."



Step 16

Also inside the "LEFT SIDE" layer, select the Pen Tool (P) and create the shape of the window glass as shown in the picture below. Duplicate this shape once, then follow the gradients and the names shown in the image below.



Step 17

Duplicate "Glass.Right.Gradient1" and fill it with none. Select the Pen Tool (P) and create a new shape like the one shown in image 1. Make sure there's a 0.25px area where "Glass.Right.Gradient1" and this new shape intersect. Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Right.Glass.Margin" and fill it with the gradient from image 4. Make sure that this shape is positioned above "Glass.Right.Gradient2."



Step 18

Duplicate "ZZZ," "Blinds," "Glass.Right.Gradient1," and "Right.Wall," then fill them all with none. Select the Pen Tool (P) and create a new shape like the one shown in image 1. Select this new shape and the duplication of "ZZZ" and click on Intersect from the Pathfinder pallet. Move the resulting shape below the other three duplications, then select all four shapes and click on Minus Front from the Pathfinder pallet. Duplicate this newly created shape, then follow the gradients and the names shown in image 9 and image 10.





Step 19

Duplicate "Glass.Right.Gradient1" and fill it with none. Select the Pen Tool (P) and create a new shape like the one shown in image 1. Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Right.Glass.Frame.Margin" and fill it with the gradient from image 4. Make sure that this shapes is positioned above "Left.Glass.Frame.Gradient2."



Step 20

Duplicate "ZZZ," "Blinds," "Left.Glass.Frame," and "Right.Glass.Frame.Gradient1, then fill them all with none. Select the Pen Tool (P) and create a new shape like the one shown in image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Move the resulting shape below the other three duplications, then select all four shapes and click on Minus Front from the Pathfinder pallet. Name this newly created shape "Central.Frame" and fill it with R=251, G=118, and B=61. Duplicate "Central.Frame" twice and follow the gradients and the names shown in images 8 and 9.





Step 21

Select "RIGHT SIDE" layer from the "BOTTOM" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "FENCE RIGHT" and move it below "Transparent.Glass." Duplicate "Transparent.Glass," increase the Opacity back to 100%, fill it with none and move it inside "FENCE RIGHT."

Select the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the duplication of "Transparent.Glass," then click on intersect from the Pathfinder pallet. Duplicate the resulting shape. Name the original shape "Bars.Shadow1" and fill it the gradient from image 5. Name the duplication "Bars.Shadow2," fill it with R=35, G=31, and B=32 and lower the Opacity to 40%.




Step 22

Inside the "FENCE RIGHT" create the shape of the entire upper horizontal bar (image 1) with the Pen Tool (P). Name this shape "Bar.Up.White" and fill it with R=255, G=255, and B=255. Duplicate "Bar.Up.White," fill it with none and create a new shape that intersects with the bottom of the "Bar.Up.White" shape (image 6). Select these two shapes and click on intersect from the Pathfinder pallet. Name the resulting shape "Bar.Up.Black" and fill it with R=35, G=31, and B=32.



Step 23

Select "FENCE RIGHT" layer, click on Create New Sublayer button from the Layers pallet and name the newly created layer "VERTICAL BARS." Move this layer above "Bars.Shadow1" and "Bars.Shadow2" and make sure that the next shapes you create will get inside this layer. Duplicate "Transparent.Glass," increase the Opacity back to 100%, fill it with none and move it inside "VERTICAL BARS."

Select the Pen Tool (P), create the shape of one vertical bar, then hold Alt while clicking (on the shape) and dragging to create four copies as you can see in image 1. Select those copies and the duplication of "Transparent.Glass" and click on Divide from the Pathfinder pallet. From this newly created group delete the shapes that do not intersect with "Transparent.Glass." Select the group and go to Object > Ungroup (Shift + Command + G). Fill all the shapes left in "VERTICAL BARS" with R=204, G=186, and B=158.



Step 24

Select the "LEFT SIDE" layer from the "BOTTOM" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "FENCE LEFT" and move it to the top of the layer. Select "FENCE LEFT" and click on Create New Sublayer from the Layers pallet. Name the newly created layer "FENCE SHADOWS" and move it to the bottom of the layer. Duplicate "Right.Glass.Frame.Gradient1" twice,"Glass.Right.Gradient1" once and "Glass.Left.Gradient1" once. Move these four new duplications inside "FENCE SHADOWS" and fill them all with none.

Select the Pen Tool (P), and inside the "FENCE SHADOWS," create a new shape like the one from image 1. Select this new shape and one of the duplicates of "Rihgt.Glass.Frame.Gradient1," then click on Intersect from the Pathfinder pallet. Continue by creating four shapes as shown in image 4. Select these four shapes and the duplication of "Rihgt.Glass.Frame.Gradient1," then click on Divide from the Pathfinder palette.

From the newly created group delete the shapes that do not intersect with "Right.Glass.Frame.Gradient1," then select the group and go to Object > Ungroup (Shift + Command+ G). Reselect the Pen Tool (P) and create a new shape like the one from image 7. Select this new shape and the duplication of "Glass.Right.Gradient1," then click on Intersect from the Pathfinder pallet. Also with the Pen Tool (P), create one last shape like the one from image 10. Select it together with the duplication of "Glass.Left.Gradient1" and click on Intersect from the Pathfinder pallet. Finally, select all the shapes built inside "FENCE SHADOWS," fill them with R=35, G=31, and B=32, then lower the Opacity for each shape as shown in image 13.





Step 25

Inside the "FENCE LEFT" create the shape of the entire upper horizontal bar (image 1) with the Pen Tool (P). Name this shape "Bar.Up.White" and fill it with R=255, G=255, and B=255. Duplicate "Bar.Up.White," fill it with none and create a new shape that intersects with the bottom of the "Bar.Up.White" shape (image 4). Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Up.Black" and fill it with R=35, G=31, and B=32.



Step 26

Select the Pen Tool (P) and create the shape of the entire lower horizontal bar (image 1). Name this shape "Bar.Down.White" and fill it with R=255, G=255, and B=255. Duplicate "Bar.Down.White," fill it with none and create a new shape that intersects with the bottom of "Bar.Down.White" shape (image 4). Select these two shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Bar.Down.Black" and fill it with R=35, G=31, and B=32.



Step 27

Select the "FENCE LEFT" layer, click on Create New Sublayer button from the Layers pallet and name the newly created layer "VERTICAL BARS." Move this layer above "FENCE SHADOWS" and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P), create the shape of one vertical bar, then hold Alt while clicking (on the shape) and dragging to create ten copies like the one from image 2. Select all these shapes and fill them with R=208, G=231, and B=225.



Step 28

Select the "RIGHT.SIDE" layer, click on Create New Sublayer button from the Layers pallet and name the newly created layer "BLINDS.LINES." Move this layer above the "Blinds" shape and make sure that the next shapes you create will get inside this layer. Duplicate "Blinds," fill it with none, and move it inside the "BLINDS.LINES" layer.

Select the Pen Tool and create a thin shape like one of these that you can see in image 1. Hold Alt then click (on the shape) and drag to duplicate this shape. Repeat this step until you get as many copies as you need. Select them together with the "Blinds" shape and click on Divide from the Pathfinder pallet. From this newly created group delete the shapes that do not intersect with "Blinds." Select the group and go to Object > Ungroup (Shift + Command + G). Fill all the shapes left in "BLINDS.LINES" with R=204, G=186, and B=158. Finally, play a little with the opacity of these shapes or follow the exact percentages from image 4.




Step 29

Return to the "BOTTOM" layer and select the Pen Tool (P), then create the shape of the ledge as you can see in image 1. Move this shape to the top of the layer. Duplicate it once. Fill the original with R=255, G=255, and B=255 and the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient." Select once again the Pen Tool (P) and create a new shape like the one from image 4. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow," fill it with R=35, G=31, and B=32, then place it below "Ledge."



PART XXVI: Large Window - Top Center

Now we'll add another large window to the top center as shown.



Step 1

Create a new layer, name it "LARGE WINDOWS - CENTER" and place it below "LARGE WINDOWS - LEFT" layer. Select this layer, click on Create New Sublayer from the Layers pallet, name the newly created layer "TOP" and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P) and create the shape of the entire window. Name this shape "BLUR," fill it with R=253, G=215, and B=180, apply a 15,0px gaussian blur and lower the Opacity to 50%.



Step 2

Duplicate "BLUR," erase the Gaussian Blur effect, increase the Opacity back to 100% then move it to the bottom of the layer. Select the "TOP" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "GLASS WINDOWS" and move it above the "BLUR" shape. Select the Pen Tool (P) and create the shape of each window glass as shown in the images below.

Fill all nine shapes with none, then duplicate them. Leave the originals inside "GLASS WINDOWS" and move the duplications outside the "TOP" layer. Select these nine shapes and the duplication of "BLUR," then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Window.Frame" and fill it with R=225, G=220, and B=201. Duplicate "Window.Frame," name this duplication "Window.Frame.Gradient," and fill it with the gradient from image 3. Place these two shapes below the "GLASS WINDOWS" layer.




Step 3

Return to the "GLASS WINDOWS" layer, select the shape of the top left window glass, name it "Glass.1" and duplicate it once. Fill the original with the gradient from image 2. Lower the opacity of this shape to 70%, then lower the Opacity of the Fill (from the Appearance pallet) to 30%.



Step 4

Select the Pen Tool (P) and create a new shape like the one from image 1 that overlaps the "Glass.1" shape. Leave a thin margin (as shown in image 2) where these two shapes do not intersect. Move this new shape above the duplication of "Glass.1," then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Glass.1.Margin," fill it with the gradient from image 4 and move it above the original "Glass.1."



Step 5

Select the "GLASS WINDOWS" layer, click on Create New Sublayer button from the Layers pallet and name the newly created layer "GLASS.2." Select the shape of the top central window glass (from step 2), name it "ZZZ" and move it inside "GLASS.2." Select the Pen Tool (P) and create the shape of the glass as shown in image 1. Name it "Glass.2" and duplicate it once. Fill the original with the gradient from image 2 then lower the Opacity to 30%.



Step 6

Select the Pen Tool (P) and create a new shape, a little bigger than "Glass.2." Leave a thin margin where this new shape and the duplication of "Glass.2" do not intersect. Move this new shape below the duplication of "Glass.2," then select both shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Glass.2.Margin," fill it with the gradient from image 4.



Step 7

Duplicate "Glass.2," fill it with none, and increase the Opacity back to 100%. Also duplicate "ZZZ" and move this new shape below the duplication of "Glass.2." Select both duplications, then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Glass.2.Frame" and fill it with R=210, G=208, and B=193. Duplicate "Glass.2.Frame" twice, then follow the gradients and the names from image 5 and image 6.




Step 8

Select the Pen Tool (P) and create a new shape, a little bigger than "ZZZ." Leave a thin margin where this new shape and "ZZZ" shape do not intersect. Move this new shape below "ZZZ," select both shapes, then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Glass.2.Frame.Margin" and fill it with R=172, G=170, and B=160. Duplicate "Glass.2.Frame.Margin" twice then follow the gradients and the names from image 5 and image 6.




Step 9

Return to "GLASS WINDOWS" layer, select the shape of the top right window glass, name it "Glass.3" and duplicate it once. Fill the original with the gradient from image 2. Lower the Opacity of this shape to 70%, then lower the Opacity of the Fill (from the Appearance palette) to 30%.



Step 10

Select the Pen Tool (P) and create a new shape. Make it a little smaller than "Glass.3." Leave a thin margin where these two shapes do not intersect. Move this new shape above the duplication of "Glass.1," select both shapes then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Glass.3.Margin," fill it with the gradient from image 4, and move it above the original "Glass.3."



Step 11

Select the shape of the middle left window glass, name it "Glass.4" and duplicate it once. Fill the original with the gradient from image 2. Lower the Opacity of this shape to 50%, then lower the Opacity of the Fill (from the Appearance pallet) to 30%.



Step 12

Select the Pen Tool (P) and create a new shape. Make it a little smaller than "Glass.4." Leave a thin margin (as shown in image 2) where these two shapes do not intersect. Move this new shape above the duplication of "Glass.4," select both shapes then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Glass.4.Margin," fill it with the gradient from image 4 and move it above the original "Glass.4."



Step 13

Select the shape of the central window glass, name it "Glass.5" and duplicate it once. Fill the original with the gradient from image 2. Lower the opacity of this shape to 50%, then lower the opacity of the Fill (from the Appearance pallet) to 30%.



Step 14

Select the Pen Tool (P) and create a new shape. Make it a little smaller than "Glass.5." Leave a thin margin (as shown in image 2) where these two shapes do not intersect. Move this new shape above the duplication of "Glass.5," select both shapes, then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Glass.5.Margin," fill it with the gradient from image 4 and move it above the original "Glass.5."



Step 15

Select the shape of the middle right window glass, name it "Glass.6" and duplicate it once. Fill the original with the gradient from image 2. Lower the Opacity of this shape to 50%, then lower the Opacity of the Fill (from the Appearance pallet) to 30%.



Step 16

Select the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the duplication of "Glass.6," then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Glass.6.Margin," fill it with the gradient from image 4 and move it above the original "Glass.6."



Step 17

Select the shape of the bottom left window glass, name it "Glass.7" and duplicate it once. Fill the original with the gradient from image 2. Lower the Opacity of this shape to 60%, then lower the Opacity of the Fill (from the Appearance pallet) to 30%.



Step 18

Select the Pen Tool (P) and create a new shape. Make it a little smaller than "Glass.7." Leave a thin margin (as shown in image 2) where these two shapes do not intersect. Move this new shape above the duplication of "Glass.7," select both shapes then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Glass.7.Margin," fill it with the gradient from image 4 and move it above the original "Glass.7."



Step 19

Select the "GLASS WINDOWS" layer, click on Create New Sublayer button from the Layers pallet and name the newly created layer "GLASS.8." Select the shape of the bottom central window glass and delete it. This time we won't be using it. Select the Pen Tool (P) and create the shape of the glass as shown in image 1. Name it "Glass.8" and duplicate it once. Fill the original with the gradient from image 2, then lower the Opacity of this shape to 50% and the Opacity of the Fill (from the Appearance pallet) to 30%.



Step 20

Duplicate "Window.Frame," fill it with none, and move it inside layer "GLASS.8." Select the Pen Tool (P) and create a new shape like the one from image 1, then move it below the duplication of "Window.Frame." Select both shapes and click on Minus Font from the Pathfinder pallet. Move the resulting shape below the duplication of "Glass.8," then select these two shapes and click again on Minus Front from the Pathfinder pallet. Name the resulting shape "Glass.8.Frame," and fill it with
R=225, G=220, and B=201. Duplicate "Glass.8.Frame" four times, then follow the gradients from images 7, 8, and 9. Finally move these five shapes to the bottom of the layer ("GLASS.8").





Step 21

Duplicate "Glass.8," fill it with none and increase the Opacity back to 100% for the shape and the fill. Select the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the duplication of "Glass.8," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Glass.8.Margin," fill it with the gradient from image 4, and move it above "Glass.8."



Step 22

Duplicate "Window.Frame," fill it with none and move it inside layer "GLASS.8".Duplicate "Glass.8.Frame" and fill it with none. Select the Pen Tool (P), create a new shape like the one from image 1, and move it below the two duplications. Select these three shapes and click on Minus Font from the Pathfinder pallet. Name the resulting shape "Interior" and fill it with R=35, G=31, and B=32.



Step 23

Duplicate "Window.Frame," fill it with none and move it inside the layer "GLASS.8." Select the Pen Tool (P), create a new shape like the one from image 1, and move it below the duplication of "Window.Frame." Select both shapes and click on Minus Font from the Pathfinder pallet. Name the resulting shape "Top.Margin," fill it with the gradient from image 4, and move it above "Interior."



Step 24

Duplicate "Glass.8.Frame" and fill this duplication with none. Select the Pen Tool (P) and create a new shape like the one shown in image 1. Select this new shape and the duplication of "Glass.8.Frame," then click on the Intersect button from the Pathfinder palette. Name the resulting shape "Bottom.Margin" and fill it with the gradient from image 4.



Step 25

Duplicate "Glass.8.Frame" and fill it with none. Select the Pen Tool (P), create a new shape like the one from image 1. Make sure that this new shape intersects with the top and right margin (as shown in image 2). Select both shapes and click on Intersect from the Pathfinder pallet. Name the resulting shape "Frame.Margin," move it above "Glass.8" and fill it with the gradient from image 4.



Step 26

Duplicate "Window.Frame," fill it with none and move it inside layer "GLASS.8." Select the Pen Tool (P), create a new shape like the one from image 1 and move it below the duplication of "Window.Frame." Select both shapes and click on Minus Font from the Pathfinder pallet. Name the resulting shape "Shadow," fill it with R=35, G=31, and B=32, lower the Opacity to 10% and move it to the top of the layer.



Step 27

Select the shape of the bottom right window glass, name it "Glass.9" and duplicate it once. Fill the original with the gradient from image 2. Lower the Opacity of this shape to 60%, then lower the Opacity of the Fill (from the Appearance pallet) to 30%.



Step 28

Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that this new shape intersects with the top and right margins of "Glass.9." Select this new shape and the duplication of "Glass.9," then click on Intersect from the Pathfinder palette. Name the resulting shape "Glass.9.Margin," fill it with the gradient from image 4 and move it above the original "Glass.9."



Step 29

Return to the "GLASS.2" layer. Select the Rounded Rectangle Tool and create two new shapes like those that you can see in image 1. Don't leave any spaces between these new shapes and "Glass.2.Frame.Margin." Name them "Glass2.Hinge.Left" and "Glass2.Hinge.Right," then fill them with the gradients shown in the same image. Now go to "GLASS.8," select again the Rounded Rectangle Tool and create two new shape like the one from image 2. Also, try not to leave any space between these two shapes and "Glass.8.Frame." Name them "Glass8.Hinge.Left" and "Glass8.Hinge.Right," then fill them both with the gradient shown in picture 2.



Step 30

Select the "TOP" layer from the "LARGE WINDOWS - CENTER" layer and click on Create New Sublayer (Layers pallet), name the newly created layer "INTERIOR" and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P) and create a new shape. Make it a little smaller than the shape of the entire window. Name it "ZZZ" and duplicate it.

Again with the Pen Tool (P), create a new shape like the one from image 2. Select this new shape and the duplication of "ZZZ," and click on Intersect from the Pathfinder pallet. Name the resulting shape "Dark.Interior" and fill it with R=77, G=82, and B=99. Duplicate "Dark.Interior" rename this duplication "Dark.Interior.Gradient" and fill it with the gradient shown in image 6.




Step 31

Duplicate "ZZZ" and "Dark.Interior," then fill them both with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the duplication of "ZZZ," then click on the Intersect button from the Pathfinder pallet. Move the resulting shape below the duplication of "Dark.Interior," then select both shapes and click on Minus Front from the Pathfinder pallet. Duplicate this newly created shape. Finally, follow the names, the gradients, and the names shown in the final images.




Step 32

Duplicate "ZZZ," "Dark.Interior," and "Roof.Gradient1," then fill them all with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect button from the Pathfinder pallet. Move the resulting shape below the duplications of "Dark.Interior" and "Roof.Gradient1." Select these three shapes, then click on Minus Front from the Pathfinder pallet. Name this newly created shape "Right.Wall" and fill it with R=227, G=225, and B=199. Duplicate "Right.Wall," rename this duplication "Right.Wall.Gradient," and fill it with the gradient shown in image 8.




Step 33

Duplicate "Right.Wall" and fill it with none. Choose the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the duplication of "Right.Wall" then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape twice then follow the gradients and the names shown in the images below.




Step 34

Select the Ellipse Tool and create a new shape like the one shown in image 1. Name it "Lamp1," fill it with R=84, G=80, and B=85, then apply the Outer Glow like the one from image 2. Duplicate "Lamp1," erase the Outer Glow for this duplication and make it a little smaller (image 2). Name this shape "Lamp2" and fill it with R=112, G=106, and B=113. Duplicate "Lamp2" rename this duplication "Lamp3" and fill it with the radial gradient shown in image 4.



Step 35

Back inside the "TOP" layer, duplicate "Window.Frame" and fill this duplication with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there is a thin top area where this new shape does not intersect with "Window.Frame." Move this new shape below the duplication of "Window.Frame," then select both shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Top.Margin" and fill it with the gradient shown in image 4.



Step 36

Once again duplicate "Window.Frame" and fill this duplication with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there is a thin left bottom area where this new shape does not intersect with "Window.Frame." Move this new shape below the duplication
of "Window.Frame," then select both shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Right&Bottom.Margin" and fill it with the gradient shown in image 4.



PART XXVII: Large Window - Bottom Center

Now we'll add another large window to the bottom center as shown.



Step 1

Select "LARGE WINDOWS - CENTER" layer, then click on Create New Sublayer from the Layers pallet. Name the newly created layer "BOOTOM" and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P) and create the shape of the entire window. Name this shape "BLUR," fill it with R=253, G=215, and B=180, apply a 15,0px gaussian blur and lower the Opacity to 50%.



Step 2

Duplicate "BLUR," erase the Gaussian Blur effect, increase the Opacity back to 100% then move it in the bottom of the layer. Select the Pen Tool (P) and create the shape of each window glass as shown in the images below. Fill all three shapes with none and then duplicate them. Select these three duplications and the duplication of "BLUR," then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Window.Frame" and fill it with R=218, G=215, and B=192. Duplicate "Window.Frame," name this duplication "Window.Frame.Gradient" and fill it with the gradient from image 7.




Step 3

Select the "BOTTOM" layer, click on the Create New Sublayer button from the Layers pallet and name the newly created layer "GLASS.1." Select the shape of the left glass (from step 2), name it "Glass.1" and move it inside "GLASS.1." Fill this shape with the gradient shown in image 2, then lower the Opacity to 30%.



Step 4

Duplicate "Glass.1," fill it with none, then increase the Opacity back to 100%. Select the Pen Tool (P) and create a new shape. Make it a little smaller than "Glass.1." Leave a thin margin (as shown in image 2) where these two shapes do not intersect. Move this new shape above the duplication of "Glass.1," select both shapes then click on Minus Front from the Pathfinder pallet. Duplicate the resulting shape twice, then follow the gradients and the names shown in images 4, 5 and 6.




Step 5

Select the "BOTTOM" layer, click on the Create New Sublayer button from the Layers pallet and name the newly created layer "GLASS.2." Select the shape of the central glass (from step 2), name it "ZZZ" and move it inside "GLASS.2." Select the Pen Tool (P) and create the shape of the glass as shown in
image 1. Name it "Glass.2" and duplicate it once. Fill the original with the gradient from image 2 then lower the Opacity to 30%.



Step 6

Select the Pen Tool (P) and create a new shape, a little smaller than "Glass.2." Leave a thin margin where this new shape and the duplication of "Glass.2" do not intersect. Move this new shape above the duplication of "Glass.2," select both shapes then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Glass.2.Margin" and fill it with R=155, G=153, and B=129. Duplicate "Glass.2.Margin" twice, then follow the gradients and the names shown in the pictures below. Move these three shapes above "Glass.2" (in the Layers pallet).




Step 7

Duplicate "Glass.2," fill it with none and increase the Opacity back to 100%. Also duplicate "ZZZ" and move this new shape below the duplication of "Glass.2." Select both duplications, then click on Minus Front from the Pathfinder pallet. Name the resulting shape "Glass.2.Frame" and fill it with R=211 G=206 B=190. Duplicate "Glass.2.Frame," rename this duplication "Glass.2.Frame.Gradient" and fill it with the gradient from image 6.




Step 8

Select the Pen Tool (P) and create a new shape, a little bigger than "ZZZ." Leave a thin margin where this new shape and "ZZZ" shape do not intersect. Move this new shape below "ZZZ," then click on Minus Front from the Pathfinder pallet. Name the resulting shape ""Glass.2.Frame.Margin" and fill it with the gradient shown in image 4.



Step 9

Select the Rounded Rectangle Tool and create two new shape like those that you can see in image 1. Leave 0.5-0.6px distance between these two shapes and "Glass.2.Frame.Margin." Name them "Glass2.Hinge.Left" and "Glass2.Hinge.Right," then fill them both with the same gradient.



Step 10

Select the "BOTTOM" layer, click on the Create New Sublayer button from the Layers pallet and name the newly created layer "GLASS.3." Select the shape of the right glass (from step 2), name it "Glass.3" and move it inside "GLASS.3." Fill this shape with the gradient shown in image 2, then lower the Opacity to 30%.



Step 11

Duplicate "Glass.3," fill it with none, then increase the Opacity back to 100%. Select the Pen Tool (P) and create a new shape. Make it a little smaller than "Glass.3." Leave a thin margin (as shown in image 2) where these two shapes do not intersect. Move this new shape above the duplication of "Glass.3," select both shapes then click on Minus Front from the Pathfinder pallet. Duplicate the resulting, then follow the gradients and the names shown in the images below.




Step 12

Back inside the "BOTTOM" layer, duplicate "Window.Frame," and fill this duplication with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there is a thin right area where this new shape does not intersect with "Window.Frame." Move this new shape below the duplication of "Window.Frame," then select both shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Window.Margin.Right" and fill it with the gradient shown in image 4.



Step 13

Once again duplicate "Window.Frame" and fill this duplication with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Make sure that there is a thin bottom area where this new shape does not intersect with "Window.Frame." Move this new shape below the duplication
of "Window.Frame," then select both shapes and click on Minus Front from the Pathfinder pallet. Name the resulting shape "Window.Margin.Bottom" and fill it with the gradient shown in image 4.



Step 14

Select the "BOTTOM" layer from the "LARGE WINDOWS - CENTER" layer and click on Create New Sublayer (Layers pallet). Name this newly created layer "INTERIOR" and move it above the "BLUR" shape. Make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P) and create a new shape (image 1). Make it a little smaller than the shape of the entire window. Name it "ZZZ" and duplicate it.

Again with the Pen Tool (P), create a new shape like the one from image 2. Select this new shape and the duplication of "ZZZ" and click on Intersect from the Pathfinder pallet. Name the resulting shape "Left.Wall" and fill it with R=35, G=31, and B=32. Duplicate "Left.Wall," rename this duplication "Left.Wall.Gradient" and fill it with the gradient shown in image 6.




Step 15

Duplicate "Left.Wall" and fill it with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the original "ZZZ" shape, then click on the Intersect button from the Pathfinder pallet. Place the resulting shape below the duplication of "Left.Wall," then select these two shapes and click on Minus Front from the Pathfinder pallet. Name the newly created shape "Right.Wall" and fill it with R=217, G=209, and B=156. Duplicate "Right.Wall" twice, then follow the gradients and the names shown in the last two pictures.




Step 16

Duplicate "Right.Wall" and fill it with none. Choose the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the duplication of "Right.Wall," then click on Intersect button from the Pathfinder pallet. Name the resulting shape "Right.Wall.Shadow," fill it with R=35, G=31, and B=32, then lower its Opacity to 50%.



PART XXVIII: Large Window - Top Right

Now we'll add another large window to the top right as shown.



Step 1

Create a new layer, name it "LARGE WINDOWS - RIGHT" and place it below "LARGE WINDOWS - CENTER" layer. Select this layer, click on Create New Sublayer from the Layers pallet, name the newly created layer "TOP," and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P) and create the shape of the entire window (image 1). Duplicate this shape. Name the original shape "BLUR," fill it with R=253, G=215, and B=180, apply a 15,0px gaussian blur and lower the Opacity to 50%. Name the duplication "ZZZ" and fill it with none.



Step 2

Duplicate "ZZZ," select the Pen Tool and create a new shape like the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Duplicate the resulting shape twice, then follow the gradients and the names shown in the images below.




Step 3

Duplicate "ZZZ" and "Right.Wall.Gradient1," then fill both duplications with none. Select the Pen Tool and create a new shape like the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Move the resulting shape below the duplication of "Right.Wall.Gradient1" (in the Layers pallet). then select both shapes and click on Minus Front from the Pathfinder palette. Name this newly created shape "Top.Wall" and fill it with
the gradient shown in image 8.




Step 4

Select the "TOP" layer, click on the Create New Sublayer button from the Layers pallet and name the newly created layer "BLINDS." Duplicate "ZZZ," "Right.Wall.Gradient1," and "Top.Wall," then fill these duplicates with none. Move these three duplicates inside the "BLINDS" layer.

Choose the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the duplication of "ZZZ," then click on the Intersect button from the Pathfinder pallet. Move the resulting shape to the bottom of the "BLINDS" layer, then select all the shapes from this layer and click on Minus Front from the Pathfinder pallet. Name this newly created shape "Blinds" and fill it with R=255, G=255, and B=255. Duplicate it, rename the duplication "Blinds.Gradient" and fill it with the gradient shown in image 7.




Step 5

Duplicate "Blinds" and fill it with none. Select the Pen Tool (P) and create a new shape that intersects with the bottom of "Blinds" (image 2). Select both shapes and choose Intersect from the Pathfinder pallet. Name the resulting shape "Blinds.Down" and fill it with R=208, G=202, and B=188. Duplicate "Blinds.Down," name it "Blinds.Down.Gradient," and fill it with the gradient from image 6.




Step 6

Select the "BLINDS" layer, click on the Create New Sublayer button from the Layers pallet and name the newly created layer "BLINDS.LINES." Move this layer above "Blinds.Gradient" and make sure that the next shapes you create will get inside this layer. Duplicate "Blinds," fill it with none and move this duplication inside "BLINDS.LINES" layer. Select the Pen Tool and create a thin shape like one of these that you can see in image 1. Hold Alt, then click (on the shape) and drag to duplicate this shape.

Repeat this step until you get as many copies as you need. Select them together with the duplication of "Blinds," then click on Divide from the Pathfinder pallet. From this newly created group, delete the shapes that do not intersect with "Blinds." Select the group and go to Object > Ungroup (Shift + Command + G). Fill the bottom shape with R=155, G=133, and B=121, then the rest of the shapes with R=204, G=186, and B=158. Finally, play a little with the Opacity of these shapes or follow the exact percentages from image 5.




Step 7

Return to the "BLINDS" layer, select the Ellipse Tool (L), create two perfect circles and name them "Blinds.Bolt.Right" and "Blinds.Bolt.Left." Place them like in image 1, then fill them with the gradient from the image below.



Step 8

Duplicate "Blinds" and fill it with none. Select the Pen Tool (P), create a shape like the one from image 1, then select both shapes and click on Intersect from Pathfinder pallet. Name the resulting shape "Blinds.Shadow1," fill it with the gradient from image 5, then lower its Opacity to 70%. Duplicate "Blinds.Shadow1" rename this duplication "Blinds.Shadow2," fill it with R=35, G=31, and B=32, then lower the Opacity to 50%.




Step 9

Return to the "TOP" layer, duplicate "ZZZ," "Right.Wall.Gradient1," and "Blinds," then fill these duplicates with none (move the duplication of "Blinds" inside the "TOP" layer). Select the Pen Tool (P) and create a new shape like the the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Move the resulting shape below the duplication of "Right.Wall.Gradient1" and "Blinds," then select all three shapes and click on the Minus Front button from the Pathfinder pallet. Name the resulting shape "Short.Right.Frame" and fill it with the gradient from the last image.




Step 10

Duplicate "ZZZ," select the Pen Tool and create a new shape like the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Dark.Glass.Left," and fill it with the gradient from image 4.



Step 11

Duplicate "ZZZ," "Dark.Glass.Left," and "Blinds," then fill these duplicates with none (move the duplication of "Blinds" inside the "TOP" layer). Select the Pen Tool (P) and create a new shape like the the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet.

Move the resulting shape below the duplication of "Dark.Glass.Left" and "Blinds," then select all three shapes and click on the Minus Front button from the Pathfinder pallet. Name the resulting shape "Left.Glass.Frame" and fill it with R=253, G=94, and B=28. Duplicate "Left.Glass.Frame" twice, then follow the gradients and the names shown in images 7 and 8.





Step 12

Select the Pen Tool and create a new shape like the one from image 1. Name it shape "Dark.Glass.Right" and fill it with the gradient from image 2.



Step 13

Duplicate "ZZZ," "Dark.Glass.Right," "Blinds," "Left.Glass.Frame," and "Short.Right.Frame," then fill these duplicates with none (move the duplication of "Blinds" inside the "TOP" layer). Select the Pen Tool (P) and create a new shape like the the one from image 1. Select this new shape and the duplication of "ZZZ," then click on the Intersect from the Pathfinder pallet.

Move the resulting shape below the other four duplicates, then select all five shapes and click on the Minus Front button from the Pathfinder pallet. Name the resulting shape "Right.Glass.Frame" and fill it with R=255, G=116, and B=43. Duplicate "Right.Glass.Frame" three times, then follow the gradients and the names shown in images 7, 8 and 9.





Step 14

Duplicate "ZZZ," "Short.Right.Frame," and "Blinds," then fill these duplicates with none (move the duplication of "Blinds" inside the "TOP" layer). Select the Pen Tool (P) and create a new shape like the the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Move the resulting shape below the duplication of "Short.Right.Frame" and "Blinds," then select all three shapes and click on the Minus Front button from the Pathfinder pallet. Name the resulting shape "Windows.Shadow," fill it with R=35, G=31, and B=32, then lower the Opacity to 40%.




Step 15

Select the "TOP" layer, click on the Create New Sublayer button from the Layers pallet. Name the newly created layer "FENCE," and make sure that the next shapes you create will get inside this layer. Move this layer to the top of the "TOP" layer. Select the Pen Tool (P) and create the shape of the entire upper horizontal bar (image 1). Name this shape "Bar.Up.White" and fill it with R=255, G=255, and B=255. Duplicate "Bar.Up.White," fill it with none and create a new shape that intersects with the bottom of the "Bar.Up.White" shape (image 4). Select these two shapes and click on intersect from the Pathfinder pallet. Name the resulting shape "Bar.Up.Black," and fill it with R=35, G=31, and B=32.



Step 16

Remain inside the "FENCE" layer, select the Pen Tool (P) and create the shape of the entire lower horizontal bar (image 1). Name this shape "Bar.Down.White" and fill it with R=255, G=255, and B=255. Duplicate "Bar.Down.White," fill it with none and create a new shape that intersects with the bottom of "Bar.Down.White" (image 4). Select these two shapes and click on the Intersect button from the Pathfinder pallet. Name the resulting shape "Bar.Down.Black" and fill it with R=35, G=31, and B=32.



Step 17

Select the "FENCE" layer, click on the Create New Sublayer button from the Layers pallet and name the newly created layer "VERTICAL BARS." Move this layer to the bottom of "FENCE," and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P), create the shape of one vertical bar (image 1), then hold Alt while clicking (on the shape) and dragging to create eleven copies (image 2). Select all these shapes and fill them with R=204, G=186, and B=158.



Step 18

Return to "TOP" layer and select the Pen Tool (P), then create the shape of the ledge as you can see in image 1. Move this shape to the top of the layer. Duplicate it once. Fill the original with R=255, G=255, and B=255, then the duplication with the gradient from image 3. Also name them "Ledge" and "Ledge.Gradient." Select the Pen Tool (P) once again and create a new shape like the one from image 4. Make sure that there's a thin area on the bottom side and on the right side where this new shape doesn't intersect with "Ledge." Name this new shape "Ledge.Shadow" fill it with R=35, G=31, and B=32, then place it below "Ledge."



PART XXIX: Large Window - Bottom Right

Now we'll add another large window to the bottom right as shown.



Step 1

Select "LARGE WINDOWS - RIGHT" layer, then click on Create New Sublayer from the Layers palette. Name the newly created layer "BOOTOM" and make sure that the next shapes you create will get inside this layer. Select the Pen Tool (P) and create the shape of the entire window (image 1). Name the original shape "BLUR," fill "it with R=253, G=215, and B=180, apply a 15,0px gaussian blur and lower the Opacity to 80%. Name the duplication "ALL" and fill it with the gradient shown in image 3.



Step 2

Select the "BOTTOM" layer and click on Create New Sublayer from the Layers palette. Name the newly created layer "RIGHT SIDE" and move it above the two shapes created in the previous step. Duplicate "ALL" and fill it with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL," then click on Intersect from the Pathfinder pallet. Name the resulting shape "Transparent.Glass.1," fill it with the gradient from image 4 and lower its Opacity to 30%. This shape must remain at the top of the layer.



Step 3

Duplicate "ALL" and "Transparent.Glass.1," then fill them both with none (don't forget to increase the Opacity for the duplication of "Transparent.Glass.1" back to 100%). Select the Pen Tool (P) and create a shape like the one from image 1. Make sure there's a 0.5px-0.6px top area where "ALL" and this new shape do not intersect. Select the new shape and the duplication of "ALL," then click on Intersect from the Pathfinder pallet. Place the resulting shape below the duplication of "Transparent.Glass.1," then select both shapes and click on Minus Front from the Pathfinder pallet. Duplicate this newly created shape once, then follow the gradient and the names from the images below.




Step 4

Duplicate "Transparent.Glass.1," fill it with none, then increase the Opacity for this duplication back to 100%. Select the Pen Tool (P) and create a shape like the one from image 1. Make sure that this shape intersects with the 4px right area of "Transparent.Glass.1." Select this new shape and the duplication of "Transparent.Glass.1," then click on Intersect button from the Pathfinder palette. Duplicate the resulting shape twice, then follow the gradients and the names from the images below.




Step 5

Once again duplicate "Transparent.Glass.1," fill it with none, then increase the Opacity for this duplication back to 100%. Select the Pen Tool (P) and create a shape like the one from image 1. Make sure that this shape intersects with the top margin of "Transparent.Glass.1." Select this new shape and the duplication of "Transparent.Glass.1," then click on Intersect button from the Pathfinder pallet. Name the resulting shape "Top.Margin" and fill it with the gradient shown in image 4.



Step 6

Select the Pen Tool (P) and create a new shape like the one from image 1 (the shape of the left window glass). Name this shape "Transparent.Glass.2," fill it with the gradient from image 4 and lower its Opacity to 30%. Move this shape below "Transparent.Glass" and make sure it remains there.



Step 7

Duplicate "Transparent.Glass.2," fill it with none, then increase the Opacity for this duplication back to 100%. Select the Pen Tool (P) and create a shape like the one from image 1. Make sure that this shape intersects with the left and top margin of "Transparent.Glass.2." Select this new shape and the duplication of "Transparent.Glass.2," then click on Intersect button from the Pathfinder pallet. Name the resulting shape "Transparent.Glass.2.Margin" and fill it with the gradient from image 4.



Step 8

Duplicate "ALL," "Frame.Gradient1" and "Transparent.Glass.2"( increase the Opacity for this duplication back to 100%), then fill them all with none. Select the Pen Tool (P) and create a shape like the one from image 1. Select this new shape and the duplication of "ALL," then click on Intersect button from the Pathfinder palette. Move the resulting shape below the duplications of "Frame.Gradient1" and "Transparent.Glass.2," then select all three shapes and click on the Minus Front button from the Pathfinder pallet. Duplicate this newly created shape, then follow the gradients and the names shown in the last images.




Step 9

Select the "RIGHT SIDE" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "BLINDS" and move it in the bottom of the layer. Select the Pen Tool (P) and create a new shape like the one from image 1. This new shape should not exceed the edge of the shapes already created inside the "RIGHT SIDE" layer. Name this shape "Blinds" and fill it with R=255, G=255, and B=255.



Step 10

Duplicate "Blinds" and fill it with none. Select the Pen Tool (P) and create a new shape that intersects with the bottom of "Blinds" (image 2). Select both shapes and choose Intersect from the Pathfinder pallet. Name the resulting shape "Blinds.Down" and fill it with R=208, G=202, and B=188. Duplicate "Blinds.Down," name it "Blinds.Down.Gradient," and fill it with the gradient from image 6.




Step 11

Duplicate "Blinds" and fill it with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select both shapes and choose Intersect from the Pathfinder pallet. Duplicate the resulting shape twice. Name the original shape "Blinds.Shadow1," fill it with R=208, G=202, and B=188, then lower its Opacity to 70%. Name the first duplication "Blinds.Shadow2," fill it with R=35, G=31, and B=32, then lower the Opacity to 40%. Finally, name the second duplication "Blinds.Shadow3," and fill it with the gradient shown in the last image.




Step 12

Select the "BLINDS" layer, click on the Create New Sublayer button from the Layers palette and name the newly created layer "BLINDS.LINES." Move this layer above the "Blinds" shape and make sure that the next shapes you create will get inside this layer.

Select the Pen Tool and create a thin shape like one of these that you can see in the image 1. Hold Alt, then click (on the shape) and drag to duplicate this shape. Repeat this step until you get as many copies as you need. Fill all the shapes with R=204, G=186, and B=158. Finally, play a little with the Opacity of these shapes or follow the exact percentages from image 3.




Step 13

Back in the "RIGHT SIDE" layer, select the Pen Tool (P) and create a new shape like the one from image 1. Duplicate "Right.Wall.Gradient1," "Frame.Gradient1," and "Blinds," (move the duplication of "Blinds" inside the "RIGHT SIDE" layer), and fill them all with none. Select these three shapes and the new shape (make sure it is placed below the duplications), then click on the Minus Front button from the Pathfinder pallet. Duplicate the resulting shape, then follow the gradients and the names shown in the images below. Place these two shapes below the "BLINDS" layer.




Step 14

Duplicate "ALL," fill it with none and move it inside the "RIGHT SIDE" layer. Choose the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the duplication of "ALL," then click on the Intersect button from the Pathfinder pallet. Name the resulting shape "Dark.Glass" and fill it with the gradient shown in image 4. Move "Dark.Glass" to the bottom of the "RIGHT SIDE" layer.



Step 15

Select the "BOTTOM" layer and click on Create New Sublayer from the Layers palette. Name the newly created layer "LEFT SIDE" and move it below the "RIGHT.SIDE." Duplicate "ALL" and fill it with none. Name this duplication "ZZZ" and move it inside the "LEFT SIDE" layer. Duplicate "ZZZ" once. Also duplicate "Frame2.Gradient1" (from "RIGHT.SIDE" layer), fill it with none, and move it inside the "LEFT SIDE" layer.

Select the Pen Tool (P) and create a shape like the one shown in image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder palette. Move the resulting shape below the duplication of "Frame2.Gradient1," then select both shapes and click on the Minus Front button from the Pathfinder palette. Name this newly created shape "Blinds." Select the "LEFT SIDE" layer and click on Create New Sublayer from the Layers palette. Name the newly created layer "BLINDS." Move the shape "Blinds" inside the layer "BLINDS." Fill "Blinds" with R=255, G=255, and B=255. Duplicate "Blinds," rename this duplication "Blinds.Gradient," and fill it with the gradient shown in image 7.




Step 16

Duplicate "Blinds" and fill it with none. Select the Pen Tool (P) and create a new shape that intersects with the bottom of "Blinds" (image 2). Select both shapes and choose Intersect from the Pathfinder pallet. Name the resulting shape "Blinds.Down" and fill it with R=208, G=202, and B=188. Duplicate "Blinds.Down," name it "Blinds.Down.Gradient," and fill it with the gradient from image 6.




Step 17

Duplicate "Blinds" and fill it with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select both shapes and choose Intersect from the Pathfinder pallet. Duplicate the resulting shape. Name the original shape "Blinds.Shadow1," fill it with the gradients from image 5 and lower its Opacity to 70%. Name the duplication "Blinds.Shadow2," fill it with R=35, G=31, and B=32, then lower the Opacity to 50%. Move "Blinds.Shadow1" and "Blinds.Shadow2" above the "BLINDS" layer (inside "LEFT SIDE" layer).




Step 18

Select the "BLINDS" layer, click on the Create New Sublayer button from the Layers pallet and name the newly created layer "BLINDS.LINES." Move this layer to the top of the "BLINDS" layer, and make sure that the next shapes you create will get inside this layer. Duplicate "Blinds," fill it with none, and move this duplication inside the "BLINDS.LINES" layer.

Select the Pen Tool and create a thin shape like one of these that you can see in the image 1. Hold Alt, then click (on the shape) and drag to duplicate this shape. Repeat this step until you get as many copies as you need. Select them together with the duplication of "Blinds," then click on Divide from the Pathfinder palette. From this newly created group delete the shapes that do not intersect with "Blinds." Select the group and go to Object > Ungroup (Shift + Command + G). Fill all the shapes left in "BLINDS.LINES" with R=204, G=186, and B=158. Finally, play a little with the Opacity of these shapes or follow the exact percentages shown in image 4.




Step 19

Return to the "LEFT SIDE" layer. First, duplicate "ZZZ" then "Frame2.Gradient1" (from "RIGHT.SIDE" layer), fill it with none and move this duplication inside the "LEFT SIDE" layer. Select the Pen Tool (P) and create a shape like the one shown in image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder palette. Move the resulting shape below the duplication of "Frame2.Gradient1," then select both shapes and click on the Minus Front button from the Pathfinder pallet. Name this newly created shape "Long.Right.Frame," fill it with the gradient shown in the last picture and place it between "BLINDS" layer and "Blinds.Shadow2" shape(in the Layers pallet).




Step 20

Duplicate "ZZZ," "Blinds." and "Long.Right.Frame," then fill all these duplications with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Move the resulting shape below the duplications "Blinds" and "Long.Right.Frame," then select all three shapes and click on the Minus Front button from the Pathfinder pallet. Name this newly created shape "Short.Right.Frame," fill it with the gradient shown in the last image, then move it to the bottom of "LEFT SIDE" layer.




Step 21

Duplicate "ZZZ," duplicate "Blinds," rename this duplication "XXX," fill it with none and move it outside of the "BLINDS" layer (into "RIGHT.SIDE" layer). Duplicate "XXX," select the Pen Tool (P), and create a new shape like the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Move the resulting shape below the duplication of "XXX," then select both shapes and click on the Minus Front button from the Pathfinder pallet. Name this newly created shape "Central.Frame1" and fill it with the gradient shown in image 6. Duplicate "Central.Frame1," rename this duplication "Central.Frame2," and fill it with the gradient shown in image 7.




Step 22

Duplicate "ZZZ," "XXX," "Short.Right.Frame," and "Central.Frame1," then fill these shapes with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Move the resulting shape below the duplication of "XXX," "Short.Right.Frame," and "Central.Frame1," then select all four shapes and click on the Minus Front button from the Pathfinder pallet. Name this newly created shape "Right.Dark.Glass.Frame.1" and fill it with the gradient shown in image 6. Duplicate "Right.Dark.Glass.Frame.1" rename this duplication "Right.Dark.Glass.Frame.2" and fill it with the gradient shown in image 7.




Step 23

Duplicate "Right.Dark.Glass.Frame.1" and fill this duplication with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select both shapes and choose Intersect from the Pathfinder pallet. Duplicate the resulting shape. Name the original shape "Dark.Glass.Right.1" and fill it with the gradient from image 5. Name the duplication "Dark.Glass.Right.2," and fill it with the gradients from image 6. Move these two shapes above the shapes created in the previous step.




Step 24

Duplicate "ZZZ," "XXX," and "Central.Frame1," then fill these shapes with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select this new shape and the duplication of "ZZZ," then click on Intersect from the Pathfinder pallet. Move the resulting shape below the duplication of "XXX" and "Central.Frame1," then select all three shapes and click on the Minus Front button from the Pathfinder pallet. Name this newly created shape "Left.Dark.Glass.Frame" and fill it with the gradient shown in image 6.




Step 25

Duplicate "Left.Dark.Glass.Frame"" and fill it with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select both shapes and choose Intersect from the Pathfinder pallet. Duplicate the resulting shape. Name the original shape "Dark.Glass.Left.1" and fill it with the gradient from image 5. Name the duplication "Dark.Glass.Left.2" and fill it with the gradients from image 6. Move these two shapes above the shapes created in the previous step.




Step 26

Select the Pen Tool (P) and create a new shape like the one from image 1. Select this shape and "ZZZ" and choose Intersect from the Pathfinder pallet. Move the resulting shape below "XXX," then select both shapes and click on the Minus Front button from the Pathfinder pallet. Name the resulting shape "Shaodw.Below.Blinds," fill it with R=35, G=31, and B=32, then lower its Opacity to 80%. Place this shape on the top of the layer.




PART XXX: Asphalt

Now we'll add asphalt as shown below.



Step 1

Create a new layer, name it "ASPHALT" and place it above the "BALCONIES" layer. Select the Rectangle Tool (M) and create a rectangle like the one shown in the image below. The left, right, and bottom borders of this rectangle must overlap the borders of the artboard. Name this shape "RRR" and fill it with none.



Step 2

Duplicate "RRR." Select the Pen Tool (P) and create a new shape like the one from image 1. Select this shape and the duplication of "RRR" then choose Intersect from the Pathfinder pallet. Name the resulting shape "Left.Side" and fill it with R=199, G=194, and B=164. Duplicate "Left.Side," rename
this duplication "Left.Side.Gradient," and fill it with the gradient shown in image 4.




Step 3

Duplicate "Left.Side" and fill it with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Move this new shape below the duplication of "Left.Side," then select both shapes and choose Minus Front from the Pathfinder pallet. Name the resulting shape "Left.Side.2" and fill it with R=84, G=65, and B=59.



Step 4

Duplicate "RRR," "Left.Side," and "Left.Side.2," and fill them all with none. Select the Pen Tool (P) and create a new shape like the one from image 1. Select this shape and the duplication of "RRR," then choose Intersect from the Pathfinder pallet. Move the resulting shape below the duplications of "Left.Side" and "Left.Side.2," then select all three shapes and click on the Minus Front button from the Pathfinder pallet. Name the resulting shape "Left.Up" and fill it with R=211, G=194, and B=163. Duplicate "Left.Up," rename this duplication "Left.Up.Gradient" and fill it with the gradient shown in image 7.




Step 5

Go to the "BUILDING" layer and duplicate "Building.Shape.1." Fill this duplication with none and move it inside the "ASPHALT" layer. Duplicate "Left.Side" and "Left.Side.2," then fill them both with none. Select the Pen Tool (P) and create new shape like the one shown in image 1. Select this new shape and "RRR," then click on Intersect from the Pathfinder pallet. Move the resulting shape below the duplicates of "Building.Shape.1," "Left.Side," and "Left.Side.2," then select all four shapes and click on the Minus Front button from the Pathfinder pallet. Name this newly created shape "ZZZ" and fill it with none.



Step 6

Duplicate "ZZZ," then select the Pen Tool (P) and create a new shape like the one shown in image 1. Select this shape and the duplication of "ZZZ," then choose Intersect from the Pathfinder pallet. Name the resulting shape "Ground" and fill it with R=138, G=117, and B=89. Duplicate "Ground," rename this duplication "Ground.Gradient," and fill it with the gradient shown in image 5.



Step 7

Duplicate "ZZZ" and "Ground," then fill both duplications with none. With the Pen Tool (P) create a new shape like the one shown in image 1. Select this shape and the duplication of "ZZZ," then choose Intersect from the Pathfinder pallet. Move the resulting shape below the duplication of "Ground," then select both shapes and click on the Minus Front button from the Pathfinder pallet. Name this newly created shape "Center.Down" and fill it with R=198, G=193, and B=164. Duplicate "Center.Down" twice, then follow the gradients and the names shown in the images below.




Step 8

Duplicate "ZZZ," then select the Pen Tool (P) and create a new shape like the one shown in image 1. Select this shape and the duplication of "ZZZ," then choose Intersect from the Pathfinder pallet. Name the resulting shape "Part1." Go to the "DOOR" layer and duplicate the shapes "Door.Frame," "Blinds," "Frame.Front," and "Frame.Left.Gradient1." Fill these duplications with none and move them inside the "ASPHALT" layer.

Reselect the Pen Tool (P) and create a shape like the one from image 4. Select it together with the duplication of "Door.Frame," then click on the Intersect button from the Pathfinder pallet. Move the resulting shape below the duplications of "Blinds," "Frame.Front," and "Frame.Left.Gradient1," then select all four shapes and choose Minus Front from the Pathfinder pallet. Name this newly created shapes "Part2." Select "Part1," and "Part2," (image 9), then click on the Unite button from the Pathfinder pallet. Finally, name this new shape "Center.1" and fill it with R=213, G=172, and B=120.





Step 9

Duplicate "Center.1" and fill it with none. Use the Pen Tool (P) to create a new shape like the one shown in image 1. There should be a thin bottom area where this new shape and "Center.1" do not intersect (image 2). Move this shape below the duplication of "Center.1," then select both shapes and click on the Minus Front button from the Pathfinder pallet. Name the resulting shape "Center.1.Margin" and fill it with R=169, G=124, and B=80. Move this shape above "Center.1." Duplicate "Center.1" and "Center.1.Margin." Select these two duplications and click on the Unite button from the Pathfinder pallet. Name the resulting shape "Center.1.Gradient," move it above "Center.1.Margin," then fill it with the gradient shown in image 7.




Step 10

Duplicate "ZZZ" and "Center.1," then fill both duplications with none. Use the Pen Tool (P) to create a new shape like the one shown in image 1. Select this shape and the duplication of "ZZZ," then choose Intersect from the Pathfinder pallet. Move the resulting shape below the duplication of "Center.1," then select both shapes and click on the Minus Front button from the Pathfinder pallet. Name this newly created shape "Right.Side" and fill it with R=177, G=161, and B=120.



Step 11

Duplicate the "Right.Side" and fill this duplicate with none. Use the Pen Tool (P) to create a new shape like the one shown in image 1. Select this shape and the duplication of "Right.Side," then choose Intersect from the Pathfinder pallet. Name this newly created shape "Right.Side.Shadow," fill it with the gradient shown in image 4, then lower the Opacity to 70%.



Step 12

Duplicate "Ground," "Center.Down," "Center.1.Gradient," and "Right.Side" and fill all these duplications with none. Move "ZZZ" below these duplications. Select these duplications and "ZZZ," then click on Minus Front from Pathfinder pallet. Name the resulting shape "Sand" and fill it with R=232, G=212, and B=151. Duplicate "Sand," rename this duplication "Sand.Gradient," and fill it with the gradient shown in image 5.




Step 13

Select the Pen Tool (P) and create a new shape like the one from image 1. Name this shape "Left.Shadow," fill it with the gradients shown in image 2, and move it in the top of the layer. Don't forget to lower its Opacity to 80%.



Step 14

Select the "ASPHALT" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "BRICK" and move it to the top of the layer. Select the Pen Tool (P), then follow the images and the gradients below.



PART XXXI: Ventilation

Now we'll add ventilation as shown.



Step 1

Create a new layer, name it "VENTILATION" and move it below the "ASPHALT" layer. Select the "VENTILATION" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "BOTTOM." Choose the Ellipse Tool (L) and create a perfect circle like the one from image 1. Name this new shape "Circle" and fill it with the gradient shown in image 2.



Step 2

Duplicate the "Circle" twice. Fill both shapes with none. Select the second duplication, hold Alt + Shift and make this shape a little bigger (as shown in picture 2). Select these two shapes (make sure that the smaller circle is above the bigger circle in the Layers pallet), then click on the Minus Front button from the Pathfinder pallet. Name the resulting shape "Circle.Margin," and fill it with the gradient shown in image 4.



Step 3

Duplicate "Circle" and fill it with none. Select the Rectangle Tool (M) and create a vertical rectangle like one of these that you can see in image 1. Duplicate it seven times. To get an equal space between these shapes, select them all then click on the Horizontal Distribute Center button from the Align pallet. Duplicate these eight rectangles, then rotate them to become horizontal. Select the vertical and the horizontal rectangles, then click on the Unite button from the Pathfinder pallet. Select the resulting shape and the duplication of the "Circle," then click on the Intersect button from the Pathfinder pallet. Name the resulting shape "Grid," fill it with R=166, G=39, and B=21, then lower its Opacity to 50%.




Step 4

Select the "VENTILATION" layer and click on Create New Sublayer from the Layers pallet. Name the newly created layer "TOP - LEFT." Choose the Ellipse Tool (L) and create a circle like the one from image 1. Name this new shape "Circle" and fill it with the gradient shown in image 2.



Step 5

Duplicate the "Circle" twice. Fill both shapes with none. Select the second duplication, hold Alt+ Shift and make this shape a little bigger (as shown in picture 2). Select these two shapes (make sure that the smaller circle is above the bigger circle in the Layers pallet), then click on the Minus Front button from the Pathfinder pallet. Name the resulting shape "Circle.Margin" and fill it with the gradient shown in image 4.



Step 6

Duplicate the "Circle" and fill it with none. Select the Rectangle Tool (M) and create a horizontal rectangle like one of these that you can see in image 1. Duplicate it seven times. To get an equal space between these shapes, select them all, then click on the Horizontal Distribute Center button from the Align pallet.

Select the Rectangle Tool (M) again and create a vertical rectangle like one of these that you can see in image 1. Hold Alt, then click (on the shape) and drag to duplicate this shape. Repeat this step until you get eight shapes. Select the vertical and the horizontal rectangles, then click on the Unite button from the Pathfinder pallet. Select the resulting shape and the duplication of "Circle," then click on the Intersect button from the Pathfinder pallet. Name the resulting shape "Grid," fill it with R=166, G=39, and B=21, then lower its Opacity to 50%.




Step 7

Select the "VENTILATION" layer and click on the Create New Sublayer from the Layers pallet. Name the newly created layer "TOP - RIGHT." Choose the Ellipse Tool (L) and create a circle like the one from image 1. Name this new shape "Circle" and fill it with the gradient shown in image 2.



Step 8

Duplicate the "Circle" twice. Fill both shapes with none. Select the second duplication, hold Alt + Shift and make this shape a little bigger (as shown in image 2). Select these two shapes (make sure that the smaller circle is above the bigger circle in the Layers pallet), then click on the Minus Front button from the Pathfinder pallet. Name the resulting shape "Circle.Margin" and fill it with the gradient shown in image 4.



Step 9

Duplicate "Circle" and fill it with none. Select the Rectangle Tool (M) and create a horizontal rectangle like one of these that you can see in image 1. Duplicate it seven times. To get an equal space between these shapes, select them all, then click on Horizontal Distribute Center button from Align pallet.

Select again the Rectangle Tool (M) and create a vertical rectangle like one of these that you can see in image 1. Hold Alt, then click (on the shape), and drag to duplicate this shape. Repeat this step until you get eight shapes. Select the vertical and the horizontal rectangles, then click on the Unite button from the Pathfinder pallet. Select the resulting shape and the duplication of "Circle," then click on the Intersect button from the Pathfinder pallet. Name the resulting shape "Grid," fill it with R=166, G=39, and B=21, then lower its Opacity to 50%.




PART XXXII: Street Sign

Now we'll add a street sign as shown.



Step 1

Create a new layer, name it "STREET SIGN" and move it below the "VENTILATION" layer. Select the Rounded Rectangle Tool to create a rectangle like the one from image 1. Select this new shape then choose the Direct Selection Tool (A). Modify the position of the anchor points for this shape until you get the shape shown in image 2. Name this new shape "Part1" and fill it with R=253, G=315, and B=180. Duplicate "Part1," rename this duplication "Part1.Gradient" and fill it with the gradient shown in image 4.



Step 2

Duplicate "Part1," select this duplication, hold Alt + Shift and make this shape a little small (as shown in image 2). Also play a little with the anchor points to get a better result. Name this shape "Part2," fill it with R=211, G=206, and B=190, and then lower its Opacity to 50%. Duplicate "Part2," rename this duplication "Part2.Gradient," fill it with the gradient shown in image 3, then increase the Opacity back to 100%.



Step 3

Duplicate "Part2" and fill this duplication with none. Add a 0.5pt Stroke for this shape. Align the stroke to the outside, then select it (from the Appearance pallet) and go to Object > Expand Appearance. Name this newly created shape "Stroke," fill it with R=35, G=31, and B=32, then lower its Opacity to 30%.



Step 4

Select the Type Tool (T) and write "VECTORtuts." Duplicate this text once. Fill the original text with R=241, G=242, and B=242, then the duplication with R=35, G=31, and B=32 (the duplication must be places above the original shape in the Layers pallet). Follow the rest of the informations for the text in the images below, (don't forget to lower the Opacity for both text to 40%).



PART XXXIII: Background

Finally, create a new layer, name it "BACKGROUND" and move it right above the "PHOTO" layer. Select the Rectangle Tool (M) and create a rectangle with W:1024pt and H:1280pt (the exact size of the artboard). Name this shape "Background," fill it with the gradient shown in the image below and you're finally done.



Conclusion

I started learning Photoshop 7-8 months ago. After studding the essentials, I abandoned it, mainly because of the Pen Tool. Later, I tried Illustrator, only to find out that in Illustrator it's all about the Pen tool. I understood that I must find a way to deal with this tool, so I searched some detailed tutorials on the Pen Tool (like this one) and took it step by step.

After I learned the basics of the Pen Tool I searched for a photo that i could easily trace. I chose this photo of an orange building. I abandoned it many times but, with a lot of patience, approximately 40-50 hours of playing with Anchor Points and Gradients, I managed to create the illustration below.

As I worked at this illustration, I started to like it and I made some other reproductions. This practice helped me work faster and faster with the Pen Tool. As I wrote the tutorial, I made some small corrections, but the overall illustration is the one created before I started preparing this tutorial. Maybe there are some parts of the illustration that can be improved, but I believe that the final image looks pretty nice. Finally, I hope you find this tutorial (or at least some techniques) useful.


Advertisement