Design Graphic Background

Friday, October 2, 2009
By Yorgo Nestoridis

by Yorgo Nestoridis

Design Graphic Background

While I prefer to keep my backgrounds white, I have added a background to this site for the purpose of the Web design Workshop.

The Background needs to be in harmony with the color scheme which is based on black-blue #000125 and red #B3000.

Background based on an image

This is what I did:

1. Take a photo and transform it to gray scale.

2. Work it to establish a pattern:

Background patern

Background pattern

3. Make a tile out of it so that the borders match:

Background Tile

Background Tile

4. Add a Color overlay in Blue #000125 with 45% opacity.

Black-blue Tile

Black-blue Tile

5. Insert to your site using the style sheet:

Design Background

Design Background

Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics.

If you enjoyed reading the above, please consider following future tips and strategies by RSS reader, Email delivery, or Kindle subscription.

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Comments are closed.

File Your Taxes Now