Unit 6 - Working With Styles, Background Images and Layer Modes
Creating Buttons Using Styles
The first button was created in Photoshop using the layer effects. I saved the custom style so I can re-create the pattern anytime. I also created a second one with a different color text for rollover. Rest your mouse over it to see the rollover text color. When I created this button I was planning to put it against a white backgournd, else I would have made the background transparent. I created the graphics in Photoshop and set the rollover effect in Dreamweaver.
The second button is the one I decided to use for this portfolio, since it goes along well with my zoo motif. I had to work with feathering the edges of the paw print to hide rough edges. Place your mouse over the paw to see the text image on rollowver. I knew that I would be placing this against a colored background, so I made the background of the image transparent.
Background Images
I cropped this section out of a photograph I recently took of some bushes growing over rocks. I then opened it in Image Ready and created 2 different background image styles with it. I reduced the opacity to less than 50% on both samples.
3. Next, I created a full page background image from this picture I took of a leopard at the Memphis Zoo. I was able to reduce the file size to 20K by optimizing and reducing the opacity to 73%, using a yellow layer over the image to colorize.
4. Next, I created a directional tiled background image. I can't include a copy of the image here, because it is 1025 pixels wide and I don't want to force this page to that width. I have placed a prototype here as a sample instead.
Working with layers in Color Mode
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |