After the initial layout and design of my individual webpage, now i'm going to start my individual link in assignment 3 by using Dreamweaver.
Firstly, i opened a new html file and chose blank page with <none> layout.
Now i would like to insert the banner, logo, buttons, and background of my group to the table that i already inserted and saved the file as a template for my webpage. You can go to insert > image> look in to insert image
This is how it looks like when we open it with google chrome |
Based on my initial design, there are four main buttons in the first page of my individual link. Therefore, now i have to create them by using Photoshop. To make the rollover effects of the buttons, so i needed to have 8 photos which have been edited.
The pictures below show how i did for the first button ( Underwater diving)
p/s: the other 3 buttons using the same methods as well
This is the original image that i used it as my first button |
After adjustment of brightness 40,contrast 30 Filter > Paint daubs: Brush size 8, sharpness 7 Layer style: inner glow: size 20 , opacity 75 |
Now i would like to insert text to the photo by using the horizontal type tool with Layer style> Drop shadow: size 5, distance 5 > Outer glow: spread 20, size 13 |
Go to layer style> Bevel and Emboss: size 30px |
No comments:
Post a Comment