Want to create a web page background image? Here is how to learn to create beautiful seamless background images for your web pages.
Beautiful seamless web page backgrounds, seamless background images, creating seamless backgrounds
Beautiful seamless web page backgroundsGo to Beautiful seamless web page backgroundsWeb design tips and tricksGo to Web design tips and tricksTips and tricksGo to web development Tips and tricksHomepage

Beautiful seamless web page backgrounds

The seamless web page background your created in the last tip (Creating seamless background images) was quite drab. Now we shall put a little color to it to make it that "beautiful seamless web page background"!

Step 1

Open the file in Paint Shop Pro.

Step 2

Click on Color - Colorize.... The Colorize window pops up.

Colorize pop-up window

Step 3

Choose the settings for Hue and Saturation. Saturation affects the amount of color in the image while hue lets you pick a color.
Experiment till you get the desired result.

Step 4

Decrease the color depth in the image ... click Color - Decrease color depth and select 16 colors (4 bit). Alternatively, you can use the keys SHIFT-CONTROL + F2.

Blue colored backgroud

Step 5

I set Hue at 150 and saturation at 34 to get a blue color. Check the background here.



AddThis Social Bookmark Button


Page contents: Web page background images should ideally be seamless so that you can use a small image that can tile to create a larger background image effect.

Page URL: http://www.webdevelopersnotes.com/tips/webdesign/ beautiful_seamless_web_page_backgrounds.php3



Join Mailing List


Feedback/Questions




50+ web hosting FAQs

Search engine for your website

Free software from Google - The Google Pack Collection

Create your own search engine
Search WebDevelopersNotes.com