Innovative website design idea in photoshop

Posted on July 24th, 2008 by 3dfun in Photoshop Tutorials

Here we will tell you how to make a Innovative website design idea in photoshop.

[1] Take a new file of 600 pixels, 300 pixels, of resolution 72 dpi in the RGB mode.

[2] Start by creating a rounded rectangle using rounded rectangular shape tool.

Innovative-website-design-idea-photoshop1

[3] Choose Rectangle tool to and set properties like this.

Innovative-website-design-idea-photoshop2

[4] create a shape like this.

Innovative-website-design-idea-photoshop3

[5] Double click the layer to open layer style window. Apply settings as shown.

Innovative-website-design-idea-photoshop4

Innovative-website-design-idea-photoshop5

Innovative-website-design-idea-photoshop6

Innovative-website-design-idea-photoshop7

[6] Creating a rectangle using rectangular shape tool.

Innovative-website-design-idea-photoshop8

[7] Double click the layer to open layer style window. Apply settings as shown.

Innovative-website-design-idea-photoshop9

Innovative-website-design-idea-photoshop10

Innovative-website-design-idea-photoshop11

[8] Choose Gradient to and set properties like this.

Innovative-website-design-idea-photoshop12

[9] Create a shape with the help of Rectangular Marquee Tool.

Innovative-website-design-idea-photoshop13

[10] Apply gradient to selection to get the result like this.

Innovative-website-design-idea-photoshop14

[11] I am adding a previously created website round buttons.

Innovative-website-design-idea-photoshop15

[12] Add the shapes for the buttons, with the help of Shape Tool.

Innovative-website-design-idea-photoshop16

[13] Duplicate these layer and merge the duplicate layers.

Innovative-website-design-idea-photoshop17

[14] Click on this icon Add Layer Mask.

Innovative-website-design-idea-photoshop18

[15] Choose Gradient to and set properties like this.

Innovative-website-design-idea-photoshop19

[16] Apply gradient to selection to get the result like this.

Innovative-website-design-idea-photoshop20

[17] Find a good image like me.

Innovative-website-design-idea-photoshop21

[18] Click on this icon again Add Layer Mask.

Innovative-website-design-idea-photoshop22

[19] Take the soft brush apply the following settings.

Innovative-website-design-idea-photoshop23

[20] And now play with your brush tool.

Innovative-website-design-idea-photoshop24

[21] I am add some text with layer styles, This is my final result.

Innovative-website-design-idea-photoshop25

bubble effect in photoshop

bubble letters in photosho

bubbles for photoshop

Photoshop design electric text effect in photoshop

Photoshop pill pen patient icon logo in photoshop

Leave a Reply

You must be logged in to post a comment.