Photoshop free website template background in photoshop

Posted on June 26th, 2008 by 3dfun in Photoshop Tutorials

Here we will tell you how to make a Photoshop free website template background in photoshop.

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

[2] Download the following texture, and open it in Photoshop.

Photoshop-free-website-template-background1

[3] Then with Rectangle Tool create a few shapes.

Photoshop-free-website-template-background2

[4] Now add the following layer styles for all these layer.

Photoshop-free-website-template-background3

Photoshop-free-website-template-background4

Photoshop-free-website-template-background5

Photoshop-free-website-template-background6

[5] Create one more shape with Rectangle Tool.

Photoshop-free-website-template-background7

[6] Add the following layer styles.

Photoshop-free-website-template-background8

Photoshop-free-website-template-background9

Photoshop-free-website-template-background10

Photoshop-free-website-template-background11

[7] Create a shape with Rectangle Tool.

Photoshop-free-website-template-background12

[8] For this shape add the following layer styles.

Photoshop-free-website-template-background13

Photoshop-free-website-template-background14

Photoshop-free-website-template-background15

[9] Create two more shape with rectangle tool.

Photoshop-free-website-template-background16

[10] Add the following layer styles for both shape.

Photoshop-free-website-template-background17

Photoshop-free-website-template-background18

Photoshop-free-website-template-background19

[11] Take the Pen Tool create a shape.

Photoshop-free-website-template-background20

[12] Right click select the make selection, create a new layer fill with white color.

Photoshop-free-website-template-background21

[13] Set the opacity 19%.

Photoshop-free-website-template-background22

Photoshop-free-website-template-background23

[14] Create a shape with Rectangle Tool.

Photoshop-free-website-template-background24

[15] For this shape add the following layer styles.

Photoshop-free-website-template-background25

Photoshop-free-website-template-background26

Photoshop-free-website-template-background27

Photoshop-free-website-template-background28

Photoshop-free-website-template-background29

[16] Create one more shape with Rectangle Tool.

Photoshop-free-website-template-background30

[17] Add the following layer styles.

Photoshop-free-website-template-background31

Photoshop-free-website-template-background32

Photoshop-free-website-template-background33

Photoshop-free-website-template-background34

[18] Draw a line with Brush Tool, 2px.

Photoshop-free-website-template-background35

[19] Now i will add alone some text and images.

Photoshop-free-website-template-background36

[20] I am adding a previously created my images.

Photoshop-free-website-template-background37

[21] This is my final images, I hope you like it.

Photoshop-free-website-template-background38

bubble effect in photoshop

bubble letters in photosho

bubbles for photoshop

Leave a Reply

You must be logged in to post a comment.