Navigation
Resources
Tutorials » Web Design Company Layout
Step 11
Now we are going to do the footer, and because we want the layout to have some overall similarities, we are going to be using the same fonts and design (inverted gradient) as our links bar. So create a new layer named 'footer bg' and make a selection of 550x20px and fill the selection with a gradient from #f1f1f1 to #dddddd.
Step 12
Create a new text layer and add in the footer text, the font that I have used here is the same as in step 8. So a quick way of doing this would be to click on your text links layer and then using the Text Tool click on the area above your 'footer bg' layer, this will keep the same text styles without you needing to type it all in again. We are now finished!
View my Layers Window
« Previous 1 2
Now we are going to do the footer, and because we want the layout to have some overall similarities, we are going to be using the same fonts and design (inverted gradient) as our links bar. So create a new layer named 'footer bg' and make a selection of 550x20px and fill the selection with a gradient from #f1f1f1 to #dddddd.
Step 12
Create a new text layer and add in the footer text, the font that I have used here is the same as in step 8. So a quick way of doing this would be to click on your text links layer and then using the Text Tool click on the area above your 'footer bg' layer, this will keep the same text styles without you needing to type it all in again. We are now finished!
View my Layers Window
« Previous 1 2
Random Tutorials
