Link to website with embeded teaser

http://www.stmaryleboneschool.com/studentsite/media/2011/TJ.html

Click gallery to see photos of my project journey.

Bloopers

This is my blooper reel. I decided to make it to lighten the mood of the trailer as it's quite deep and portrays a lot of different emotions. I felt a bit of comedy was needed

Printscreens of my official website

This is my official website online. I have embeded my trailer onto the site using a program called Macromedia Dreamweaver. I found using this quite difficult as it involved lots of formatting and html coding. Eventually I got the hang of it after resizing and moving my video around till it was

(<)style type="text/css"(>)

#place{

Position: Absolute;

top: 125px;

left: 500px;
}
(<)/style(>)

this sizing was where I wanted it to be.

Since I had taken a lot of photos during my production I wanted to show them off, so I made a gallery page hotspot link. I had previously uploaded all my images to tjmediaimage.tumblr.com so that I wouldn't have random image posts every now and again on my blog. I linked my gallery page to this site.

Mockup

This is my mock up for a gallery page, I have used photoshop to illustrate how I would like it to be.

1/3 of the page is an image, following the rule of thirds. I will have my title on my right side to follow the eye line rule. When the audience see the website they'll see the title, then the image and then the links.

My website JPEG

This is my final website design. Using one of the images I had taken whilst filming I developed a website. I opened up my image in photoshop and then made it smaller to fit the size of 998 by 560px as this is the size the website needed to be. I then used the courier font, (the font i'd used throughout this production) and wrote the title, cast and crew, gallery, synopsis, videos, and coming soon. I then duplicated these layers and lowered the opacity to create a shadow effect to relate to my genre. I have also included my billing box from my poster, as this is a typical film website convention. I also included logos such as film4, 12A film rating, and the UK Film council. I also included an "all rights reserved" caption. I then coloured my edges in order to abide by the conventions of film websites, I learnt that the edges are meant to fade. I achieved this by using a blurry brush and colouring the sides of the image white.