SEARCH
  Tutorials Photoshop Drawing Techniques Create a City Skyline

Create a City Skyline

Step 1 - Custom Tool Download

Before we start to even think about opening photoshop, we need to download a few essential tools. These are some custom shapes and brushes. Here are the download links:

1. Custom Shape
2. Brushes

image 1
Click to enlarge

Step 2 - Install Your Brushes and Shapes

Now that we have the tools that we need to create this image, we have to install them. To do this we need to do the following:

Brushes: Go to the following below and then drag and drop the files into that folder:

[My Computer - Local Disk (C:) - Program Files- Adobe - Adobe Photoshop - Presets - Brushes - Photoshop Only]

Custom Shapes: Go to the following and then drag and drop the files into that folder:

[My Computer - Local Disk (C:) - Program Files- Adobe - Adobe Photoshop - Prests - Custom Shapes ]

image 2
Click to enlarge

Step 3 - Create Your Document and First Layer

Now that you have all of the relevant tools installed we can begin to create the skyline. Now you can open photoshop and create a new document by clicking [File - New] and then putting in the following settings. Now that the new document is created we now have the basis to start creating the skyline background. To do this you will need to first of all unlock the first layer. To do this all you need to do is double click on it then press ok on the box that popus up:

image 3

Step 4 - Add A Gradient Background

Now that you have unlocked the layer, we are going to add a gradient blue background colour. First of all, right click on the layer and select blending options. This will the open another box, in this select the gradient overlay option and click the box where you see a black and white gradient. This will then open up another box where you can change the gradient colours. To do this you need to double click on the first colour square. This will then again open up another box where you put in the colour code [00c6ff] and then click ok. Now do the same on the second colour box and put in the colour code [00d6fd]. This will now then give you the gradient background:

image 4

Step 5 - Select Your Custom Shape Tool

Now that you have your gradient background it is time to start adding the skyline. But before we do this we need to install the custom shape that we recently put in the custom shapes folder. To do this we need to do the following:

[Click and hold the rectangle tool. This will then bring up a side menu where you select custom shapes.]

image 5

Step 6 - Select Your Skyline

Now as you can see this will then give you more options at the top of the page. Click the little drop down arrow that you see to the right of the words shape. This will then open up a box, now click the other little arrow that is to the right hand side. This again will open up another box and in the select [load shapes] and the double click on the shape that you recently put in the custom shapes folder, in this case our skyline.

image 6

Step 7 - Choose Your Colours

Now this is the fun part, Creating your skyline. To start off with you will first need to set the foreground colour you want to use. In this example I am using the colour code [2b2b2b]. To set the foreground colour all you need to do is click the first big colour box in the tools box. This will then bring up another box where you shall choose your colour. Once you have chosen your colour click ok.

image 7

Step 8 - Add Your Skyline

Now that you have chosen your colour it is time to open up the custom tool option box and select the skyline that you want to use. Once it is selected all you need to do is hold the shift key down and drag across the whole page. This will then leave you with your skyline. Also you will find that you will need to disable the vector mask that appears on the skyline, to get rid of it click once in the right hand side image on the custom shape layer.

image 8
Click to enlarge

Step 9 - Light Up Your Skyline

Now we are going to give this a glowing effect to make it look like the city is full of lights. To do this we are going to use the outer glow option. To get to this you need right click on the skyline layer, select blending options. This will then open up another box, in the box you will the need to select outer glow and enter these settings. This image contains my glow settings as well as what my image looked like after applying the outer glow.

image 9
Click to enlarge

Step 10 - Add Some Clouds

Now comes the time to add the clouds. But first of all we need to install the brush set the we recently downloaded. You can do this by doing the following. Select the brush tool, then where you see the words "Brush" at the top click the arrow beside and then the other arrow to the right of it. This will the open up another box, and in this one select the load brushes option and double click on the brush that you recently added to the folder.

image 10

Step 11 - Final Touches

Now you can see that the brush is now aviable for you to use. So first of all start by creating a new layer by [Ctrl + Alt + Shift + N] this will the create you a new layer. Now select the clouds brush that you want to use and then click anywhere in the image. Repeat this step how ever many times that you want to, but ALWAYS create a new layer when you want another cloud. Also you will probably need to resize each cloud that you make. To do this go to [Edit - Free Transform] then hold the shift key and pull in from any corner to make the cloud smaller. Then after that all you need to do is place the clouds where you want them, your final product should look something like this, enjoy!

Create a City Skyline
Click to enlarge

subscribe to newsletter