You may need some elaborate textures and patterns to create a signature, a picture or a whole site. Learn how to create new patterns with this section.  Home Photoshop Textures & Patterns Page Background Dots

Page Background Dots


Open a new blank document 5px x 5px.

Zoom In to 1600%, now pick the Paint Bucket Tool and fill the background with the color you want your page background to be.

Now pick the Pencil Tool and make a dot in the middle of the square.

image 1

Now Click File > Save For Web and choose gif format, 2 colors.

image 2

Now upload the little image we just created to your server (in this example we assume you uploaded it into the folder "images" and saved it as bg.gif.

In order to have it load as tiled background of your pages you have to type the following line in your body tag.

<body background="images/bg.gif">

his is the result:

Page Background Dots Tutorial: Final Result



Author's URL: TutorialStream.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Page Background Dots"

Only registered users can write comment

No comments yet...