FORESTO - Dashboard Template Free PSD

Dashboard / Admin Template Design Freebie

Transparent Web App Design - Freebie

Transparent Minimal Web App Design Freebie
Lonavla - Transparent Web App Design - Freebie

Transparent Minimal Web App Design Freebie

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

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.. 

Nightmare - Free UI kit

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

Nightmare - Free download ui kit

ios7 Location Based 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)

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

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