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

DONE 

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

Friday, 9 May 2014

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)





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


Done..!!


Download Free PSD of Pie-Chart.

DOWNLOAD PSD


More about Author