Monday, 5 January 2015

Wednesday, 10 December 2014

10 iPad Login Screens Using Same Image

10 iPad Login Screens Using Same Image
iPad Login screens using same image

ipad 10 login screens using same image

Sunday, 7 September 2014

How to Make Polygon Background In 3 Steps

How to Make Polygon Background In 3 Steps
How to Make Polygon Background In 3 Steps

Usung polygonal backgrounds for websites and applications is a new trend. Making polygonal background is quit difficult task, but we can make it our own simple way. polygonal backgrounds looks good for web design an application designs..
Final View

making polygonal backgrounf in photoshop

Step 1
 -  Create a new file
 -  and add Gradient (Choose your color combination for gradient)

adding gradient

add gradient in photoshop

Step 2

- Now add Noise to image (filter -> Noise -> Add Noise)

adding noise
By setting amount to 20, Your image will look like this.

Step 3

- Again open filter and crystallize the image.

crystalize layer

 Set cell size to  60 and hot OK

How to make polygonal background


Make sure that while adding gradient choose color combination carefully. we can make many backgrounds as same.. 

Wednesday, 20 August 2014

Nightmare - Free UI kit

Nightmare - Free Ui kit Potoshop PSD
Nightmare - Free UI kit

Nightmare - Free download ui kit

Friday, 9 May 2014

ios7 app design concept (Free psd)

ios7 app design concept - freebie

IOS7 App Design

(Free PSD)


ios7 app design free psd


ios7 app free download

ios7 conceptual app design -

 Free zip file contains 2 psd files.

Get location screen and sliding menu screen.

Font used - Levenim MT (Free font)

Saturday, 22 February 2014

Making Pie Chart / Graph in photoshop

Making Simple Pie Chart - Graph in photoshop.

Pie Chart -Infographics

Final view

Making pie chart in photoshop

Step 1: 

Create new file in Photoshop.
Fill it with white color (Shift+f5  ->  color).

Add rulers at middle of the screen
By selecting Circular shape tool  add circle from center. (press and hold 'Shft' and 'Alt' key while drawing circle for perfect shape)

Add rulers at middle and draw circle from center

Step 2:

- Make 3 duplicate layers of this layer.

Duplicate layers

-By double clicking on Layer each Thumbnail, color each circle.

Circles with different color fill
Step 3:

- Select upper layer (filled with red color), and selecting Polygonal Lasso Tool, make a selection from center of circle.

Make a selection for masking

- ow add Layer mask to this layer by clicking on 'Add Layer Mask' icon near the layer style icon.

After masking

- Similarly Select another layer (Yellow color circle), and make a selection with Polygonal Lasso Tool, and add layer mask

Make a selection for layer mask

Layer Masking in Photoshop
- Similarly add masks to all 4 layers. Your graph and layers looks like this.

Masked layers

Step 4:

- Select 1st Layer (Red colored circle), go to layer style and select Inner Glow.

Layer style - Inner Glow in photoshop

- Now Right click on this layer and select option "Copy Layer Style"

copy layer style

- Select other layers one by one, and by right clicking on them, select "Paste Layer Style"

Layer Masking in infographics -pie chart

Step 5:

- Select Circular Shape tool, and by pressing and holding 'Shft' + 'Alt' draw a circle  smaller than original circle, form center in white color.

Pie Chart free PSD, freebie

Step 6:

- Go to layer style and give some outer shadow with black color.

free download pie chart psd


Download Free PSD of Pie-Chart.


More about Author

Saturday, 15 February 2014

Making Simple Speedometer in Photoshop. (Free PSD)

How to make a Speedometer in Photoshop

Making Simple Speedometer

Final view

Speedometer free download

Step 1: 

Create new file in Photoshop (500px - 500px).
Fill it with Gray color (Shift+f5  ->  color)

fill Gray Color in photoshop file

Step 2:

- Select Costume Shape Tool form tool box, Select hollow circle, and draw a shape.

Coustome shape selection

hollow circle

draw hollow circle

- Name it 'Layer 1'

Step 3:

- Make a duplicate layer of this layer (Layer1_copy). and make this layer invisible.

- Select 'Layer1', and make Fill to '0'.

Fill 0

- Go to layer Style, and give Inner Glow and, Outer Glow.

Inner Glow

Outer Glow

After styling layer

Step 4:

- Now take a round shape tool, and make circle just bit bigger than the hollow circle.
and make fill to '0'.

New circle
fill 0

- Select Text Tool, and move courser towards edge of circle, When Courser icon changes click on it, and enter the bars. that is ' | '.

Take course to this point, couser change its shape

Type the text. set Marks

Step 5:

- Now select "Layer1_Copy" layer. Fill this hollow circle with "Green" color.

New hollow circle withe green color

- Select Polygon Lasso Tool, and make the selection as shown.

Make selection with polygon lasso tool

- After making selection, Click on Mask (Add layer mask).

Add layer mask

- the layer will see like this.

After masking

Step 6:

- As same, Make more 2 layers with different colors, And add layer masks to them.

add tow more circles with different colors, and mask them

Step 7:

- Select Circular shape tool and draw a small circle in center, fill it with black color.

make a center

- Select rectanguler shape tool and draw a  rectangle with black color for making pointer/arrow of Speedometer.

Add rectangle for drawing pointer of speedometer

- Select Direct selection tool, By clicking on upper corner points, make them closer to look like pointer.

Set pointer of speedometer

- press (Ctrl+T) for transform, and set the arrow position.

Photoshop tutorial for Speedometer


Download Free PSD of Speedometer.


More about Author

Saturday, 11 May 2013

Making Simple Abstract Background

Making Simple Abstract Background in Photoshop

Creating Simple Abstract Background For Your PC 


We all know that all the operating systems like XP, W7,vista, Ubantu, Mac are comes with default desktop backgrounds. Among these backgrounds 2 or 3 are abstract type, very colorful, having nice lightning effect..

Its very easy and simple to make our own background image for our PC. Let's see how to make Abstract background in Photoshop. 


Final view

Making Abstract Background in Photoshop

Step 1: 

Create new file and fill the background with Black color (Shft+f5 ---> color ---> select black color ---> OK)
fill background with black color

Step 2:

Now make a new layer (Ctrl + Shft + N) name the layer.
Select Brush tool from tool box with blue color and paint on newly created layer.

rough sketch with blue color

Go to filter ---> Blur ---> Gaussian Blur and make the full radius Blur. and hit OK.

Guassian Blur

Step 3:

Again Make a New layer (Ctrl + Shft + N).
and now select brush with pink color. and make some rough sketch on newly created layer.

rough sketch with pink color

Make a Blur same as above... Go to filter ---> Blur ---> Gaussian Blur and make the full radius Blur. and hit OK.

Step 4:
Similarly repeat process until hole background will be covered with different colors.

colorful background

Step 5:
Now Make a new layer and Select the Ellipticle Marquee Tool from tool box. and make large circle by selecting on layer.
select circle by ellipticle marquee tool

Now select the Gradient fill tool. And select only one color gradient (White color).

one color Gradient fill

After selecting white color gradient, hit OK.
and drag cursor little bit longer from the edge of the circle.

For making color lightning shades

Step 5:
Press Ctrl+T for transform this layer. adjust the layers height and width.
And Change the layers mode to Overlay
make two duplicate layers of this layer by pressing Ctrl+J. 
Select each individual layer and adjust it wherever you want..

photoshop tutorial - Making Abstract background