Game Icon,Game Background and Game Main Menu Design

Photoshop

1. How To Create a Game Icon

Creating icon(s) for our own game(s) is fun; my friend Vijay Solanki has come up with a wonderful idea about creating a game icon.

This will give you an idea about how to create a Game Icon in Photoshop.

You are just a few steps away from creating your own game-icon.





Game Icon

• Create a new document
• Create base shape of the icon
• Wooden effect
• Draw the second shape
• Copy wooden layer into the new layer
• Make the background layer darker
• Add depth using layer style
• Add more depth using brush tool (b)
• Add depth to the top layer
• Create the third shape
• Take a duplicate layer
• Cut the green shape and fit it into the third layer
• Create a pool table hole
• Set outer glow effect wood 3 layer
• Add depth to the green shape
• Add noise filter
• Add highlights and details
• Draw a simple ball

Create a Game Icon in Photoshop.


2. How to make a 2D Game Background in Photoshop





Game Background

It’s not too hard to create 2D-game background nowadays.

Riddhi Paghadal has posted something interesting about making a 2d game background.

Just a few steps and your 2D-game background are ready.

Make a 2D Game Background in Photoshop.



3. Game Main Menu Design




Let's talk something about 3D game design; there is an awesome tutorial about making the main menu design for a game.

Here, Prakash Makvana teaches us how to design the main menu for a game.

Game Main Menu Design Tutorial.

I hope you find these blog posts helpful.

Note: topics are described in links followed by each title.

Create Pixel Art, Pixel Art Detailing and Create Pixel Art Tiles Objects in Photoshop

Pixel is a smallest individual unit of your display is. Creating pixel art in Photoshop is no longer harder.

In this blog post, we are going to see how to create Pixel Art, Pixel Art Detailing and Pixel Art Tiles Objects in Photoshop.

Each Tutorial is explained in detail with Example.

Let us begin with creating Pixel Art first…

Create Pixel Art in Photoshop

Just draw the object you want, prepare the Photoshop and start playing with Pixels

Suraj Renuka came up with an idea about how to create Pixel Art in Photoshop

See Blog Post Create Pixel Art in Photoshop

Detailing in The Pixel Art Graphic in Photoshop

In order to make our object Effective, Give some Detailing like:

• Shadows
• Lightnings
• Gadgets
• Designs
• Extra colours

Suraj Renuka has shared his knowledge about Pixel Art Detailing in Photoshop

See Blog Post Detailing in Pixel Art Graphic in Photoshop

Pixel Tile Set

If we need to create full background of pixels, we create pixel tile set to save time and efforts

We can use tile set dynamically as per the need

Suraj Renuka will help us to understand Pixel Tile set in Photoshop

To learn how to create tile set see blog post Pixel Tile Set

Crop Tool, History Brush Tool and Quick Selection Tool in photoshop

1. Working with Crop Tools in Photoshop

Learn how to use the crop tool.

Dhaval Adesara shares here a blog that helps you learn crop tool in Photoshop.

To cut the selective part of an image crop tool is used.

Photoshop versions up to CS5 were having only three options in crop tool menu:

1 Crop

2 Slice

3 Slice select tool

And From later updated versions there is one more option available called ‘Perspective Crop Tool’. 

See crop tool tutorial for more details. 

2 Working With History Brush Tool in Photoshop

To work excellently and effectively, you must know how to work with History brush tool in Photoshop.

History Brush Tool selectively restores the attributes of an image. This is used to replace the actual sources.

Art History Brush Tool works like blur tool but on the sources of the layer and replaces the attributes of the actual layer.

This tool helps to convert color images into black & white images.

To know more Check History Brush Tool in Photoshop tutorial. 

3 Working With Quick Selection Tool

Riddhi Paghadal has published a blog about Quick Selection Tool in Photoshop.

Quick Selection Tool lets you select an area in an image.

Quick Selection Tool detects the edges automatically.

And magic wand selects adjacent or noncontinuous colors.

See Quick Selection Tool in Photoshop to find more.