Interactive Space

I have been taught how to use html in Dreamweaver. My idea is based on doors in my hallway, I want people to click on a door and behind each one is something odd and abstract. I have used Photoshop to edit these images, I have used one photo of an open door which I will repeat for the other doors. I've done this as it was really hard to get a good photo of the door as the corridor is so narrow, the walls came out curved and distorted which I had to correct in Photoshop. I have used Photoshop quite a lot when I did Photography A-Level so I know the program quite well. I have only done a couple of doors as the editing took me quite a long time to get right, I had to make the subject in the room look like it fits with the door frame so I had to adjust shadows, lighting and use the dodge and burn tools. I sketched a few ideas in a small book, but the two I liked the most was a giant eye and hands coming out of the door as it looks quite scary and nightmarish.

The sequence 
You will be able to click on one of the 4 doors to view the closed door and then have the choice of whether to open the door or go back to choose another one.

The Start (Hallway)

Room 332

There will only be the one option to 'Go Back' which goes to the hallway.

I could make it so when this image is clicked on there will be another edit of the hands reaching closer and then a black screen.

Room 333

There will only be the one option to 'Go Back' which goes to the hallway.

Room 354

There will be 2 options: 'Go Back' or 'Enter'

The 'Go Back' option will take you to the hallway. The 'Enter' option will show you the full landscape (shown below)

Room 355

There will be 2 options: 'Go Back' or 'Enter'

The 'Go Back' option takes you to the hallway and the 'Enter' option shows the Reepham Market Place (image below)

There will be options to click 'Left' or Right', view the church or 'Go Back'.

Church:

There will be some brief information about the two churches here when the cursor hovers over part of the image. I will use a small piece from this website: http://www.reephambenefice.org.uk/reephamchurchhistory.html

There will a 'Back' option which goes to the market place.

Left (from market place)

The Old Brewery House Hotel - I will use a brief piece of information taken from this website for the mouseover:  http://www.reepham.org.uk/The_Society.htm

There will be a 'Back' option which goes to the market place

Right (from the market place)

The King's Arms - I will use a brief piece of information taken from this website for the mouseover:  http://www.reepham.org.uk/The_Society.htm

There will be a 'Back' option which goes to the market place

1. Hands

I have used the hands from two images, adjusted the levels and used the burn tool so the hands look like they are coming out of the black background.

2.Eye

I have enlarged an image of my face, put the photo in black and white, adjusted the levels and used the burn tool to make more shadows. I wanted to make it really bold and striking.

3.Landscape

In this door frame is a photograph from the lake district, when you click it you are shown the full image.

4.Town

When you click on the town in this door frame you are shown the full image of the market place where you will have the option to go left or right. If you go left you will be able to view The Old Brewery House and there will be a brief piece of information on the history, if you click right from the market place you will be able to view The King's Arms and read a brief piece of information. There will also be an option to view the church from the market place with a small amount of information on its history.

I have had to use Photoshop to fix the distortion of the closed door photos, the camera made the walls looked curved so I had to use 'Transform' and then 'Warp' to adjust the images so they were straight.

Here are the original photos: