Image

Lesson two

In lesson two, I was to design a web set that color coordinated
with my image, create a divider bar and three navigation buttons.

Also I was to add a colored scrollbar. Firefox does not support colored
scrollbars. Colored scrollbars will only display in Internet Explorer.

Divider Bar

Below are my coordinating tiles. They were created in PhotoShop.
The patterned tile was created by copying a section of my original
image. I then used several PhotoShop techniques to create the tile.
(I am really pleased with the way the patterned tile turned out.)

The solid tile was made with a color I selected from the patterned tile.

The gradient tile colors were also selected from the original image.

Tiles

Divider Bar

My divider bar was made using the gold gradient and Wingdings font.
I used PhotoShops 3-D effect inner bevel and gave it a drop shadow.

Divider Bar

The three navigation buttons were created using the same tiles.
The font used for the three navigation buttons is Vivaldi.

Lesson One   Home   Next

Red Rose Lesson One Award