Objective

Main objective of this post is about how to create a 2D game background. This tutorial will be very useful for Photoshop beginners. So let's start with it.

 

Final OutPut

draw-more-few-cloud

 

Step 1 Create A New Document

Create a document of 1024 x 1024, RGB color, white Background and fill it with #74ceff. Then, set your foreground color to #bcef99. Select the Gradient Tool and select Linear Gradient from the Options Window. Apply the gradient as shown below. 

create-doc-1024-x-1024

 

Step 2 Create Shape For The Base

Let’s start by creating a base. Take the Shape Tool (U), and then draw a rectangular shaped base using gradient effect of your choice. 

creating-base

 

Step 3 Apply Texture Using Texturize Filer

Now let's add more details to this base. Select Filter->Filter gallery->Texture->Texturizer and set the values as shown below. 

select-texturizer

You’ll get the following image: 

image-1

 

Step 4 Add Layer Styles for More Detailing

Again draw the rectangular shaped base using the gradient effect of your choice. 

gradient-overlay

gradient-editor

image-2

 

Step 5 Draw Shapes Using Pen Tool

Select the Pen Tool (P) and set the shape on the Options Window. On the new layer, draw a mountain shape with gradient effect shade as shown below. 

draw-a-mountain-shape

Add Inner Shadow Blending Options to the text layers (Layer > Layer Style). 

layer-style

image-3

 

Step 6 Use Custom Brushes

Now, let's create some grass. For that purpose, download the brush from the following link: http://qbrushes.net/photoshop-grass-brushes/

Now, set the brushes as you want. 

create-grass

At last you’ll have the image as shown below.

create-more-grass-

Now, create some clouds, take the pen tool (P), set it to shape layers mode and then draw the shape of clouds using white color. 

create-some-cloud

Then give the following layer style (color is #e4f4fd ): 

inner-glow

You’ll have something like this. 

image-like-this

Using the same technique that was used to created the first cloud, draw a few more clouds shape. After you have a few done, simply duplicate, rotate, resize and flip. 

Now you have a simple 2D game background.

I hope you find this blog post very helpful while Making 2D Game Background. Let me know in comment if you have question regarding Photoshop.
 
Got an Idea of Game Development? What are you still waiting for? Contact us now and see the Idea live soon. Our company has been named as one of the best Game Development Company in India.

I am game graphics designer at TheAppGuruz. I am designing graphics for Games. Here I am sharing information about 2d graphics designing tips and tricks.