Illustrator Web Layout

This project I enjoyed doing a lot. We were assigned to recreate one of the websites our teacher our teacher had on the web server into a mock up of our schools website, Olathe Northwest High School. Our teacher also had images and vector images to use for the site.

   Here are the steps to create the mock up.

1. Open the web server site into Illustrator and fit to the layer.

2. Then open/make a new tab in Illustrator.

3. Make rectangle boxes similar to the ones on the site and fill with a color.

4. Then add the image in the server to your site mock up. 

5. Then add a line and text to the header.

6. Next add text above all images.

7. Lastly add vector image to make the site yours. 

This is what my layers looked like.