Initially I sketched up my primary design idea on an A4 piece of paper; jotting down bits of content, title and graphic ideas.

I had decided to create a recipe page directed at a younger generation so decided to do spicy burgers as the food. This is quite daring and I think it would appeal to younger people. I came up with the title Keeping It Hot and wanted to use lots of words and phrases based around the theme of heat.

I also came up with the idea of using the Uncle Sam Wants You in my design by using the famous image and the phrase TV Listings Magazine (or whatever I decided to name the listings magazine) are challenging you! I thought it was comical and made the hot burgers sound dangerous.

Down the middle of the page I put a thermometer to imply hot and wanted it to be glowing red at the top. I also designed the recipe with images, but forgot about the ingredients list. One thing I definitely want to put in my design is the jalapeno and the tip which will be how to make the burgers even hotter. I want this because it will add authenticity.

at the bottom of the second page I’m going to have some text advertising a food programme on Edge’s Food channel, and also the Edge logo.

I sketched a second design which was some new ideas compared with my first draft.

The Contact Us page is a simple, plain page with just contact details on. This means the user doesn’t get confused by loads of text and images. In the footer of each page I have put a textual internal link which reads ‘Contact Us’. When the user clicks on it they will be directed to the contact us page. I’ve chosen to do it like this because it is standard for most existing websites to have the contact link at the bottom of each webpage, so if the user wants to know, that is the first place they would generally look.

This is what my Contact Us page looks like:

The contact us link looks like this after it has been clicked on (before it is blue):

OCR have given me a choice of thirteen briefs to choose from for this project. Each brief has a combination of two or more of the following media:
- Video
- Print
- Web-based
- Audio
- Games software

The brief I’ve chosen is:

A website for a new TV channel (to include a minimum of three hyper linked pages with original images, audio and a video extract), together with:

- a newspaper advertisement for the channel
- a double page spread for a listings magazine, focused on the channel’s launch

This is my first attempt at a stop animation. I just used 16 photos which are repeated. I don’t think the quality of the photos are good nor is the idea original, but I just wanted to try it out and grabbed my camera and what was on my bed.

I compiled the video using software called Robot Jam, which I downloaded from a really good site:

www.giantscreamingmonkeys.com

This my second go at stop motion animation. It’s pretty similar to the first one except longer and with some text. I created tis using both a digital slr and using the still photo mode on a video camera. I put the animation together on Final Cut Pro and was taught the basics of how to use it.
I found Final Cut Pro harder and more time consuming than Monkey Jam although, I know if I need to do anything more technical I could do it on here. The programme is more suitable for video than still images.
This is my animation:

I’ve found a good animation website with lots of information and links to other helpful websites.
This is the website:

http://www.stopmotionanimation.com

The handbook seems particularly helpful, though I’ve only really scanned through it. I think this is going to be useful in my project and will be refering to it throughout.

This is an attempt at animating letters. I cut them out of magazines and wanted to make them come to life to create words.
I took this with my still camera, it constists of 94 photos and took a lot longer to produce.

From making this animation I’ve learnt the importance of consistency. I am therefore going to start using a tripod to make sure the transistion between frames is smoother. I also need to be careful not to let my photography slip because the lighting was uneven with this.
I like the idea of animating letters to create words (although the words in this clip were totally random, i just picked out what I saw). I think this would work particularly well in conjuction with lyrics for my music video and is something I’m thinking of using at a later date.
Next, I want to try using alphabet fridge magnets and using the same technique. I also want to work more in a photographic studio with better lighting and background.

This is a timeline showing major events that have happened over the past 49 years to contribute to the way the Internet is today.

1958 – President Eisenhower requests funding to create the ARPA (Advanced Research Projects Agency). This was the forerunner of the ARPANET and the Internet.

31 May 1961 – ‘Information Flow in Large Communication Nets’ gets published RLE Quarterly Progress Report. It’s Leonard Kleinrock’s first paper on Packet Switching. Kleinrock, Professor of Computer Science at UCLA, was a big part of the building and management of the ARPANET, the world’s first packet switched network.

Oct 1965 – Larry Roberts directed the first network experiment which successfully made two computers talk to each other using packet switching.

Dec 1966 – The ARPA project began with Larry Roberts as its chief scientist. Teamed with Leonard Kleinrock, Robert Kahn and Vinton Cerf they create ARPANET and are responisble for something that was built on to get today’s Internet.

1 Sep 1969 – The first ARPANET node is installed at UCLA Network Measurement Center. Leonard Kleinrock puts the Interface Message Processor to a Sigma 7 Computer. This is the first generation of what a router is today.

1 Oct 1969 – The second node is installed at Stanford Research Institute. The machine sent its first message ‘lo’, the first three letters of ‘login’. Unfortunately, it crashed when they typed in the letter ‘g’, but the bug was fixed and they were able to login successfully.

1 Nov 1969 – The third node is installed at University of California, Santa Barbara.

1 Dec 1969 – The fourth node is installed at University of Utah.

MTV – Homepage

http://www.mtv.co.uk

  • MTV (Music Television) was originally a channel specifically for music videos, but now has a variety of shows particularly popular being the reality shows.
  • It is aimed at young people, mainly teenagers and older adolescents.
  • On the website for MTV is their logo which is placed in the top left corner so it is one of the first things you see.
  • The logo is very simple yet effective and has become very recognisable all over the world.MTV Logo
  • The background for the website is a light grey and the text is black so that it stands out and is easy to read.
  • The primary navigation bar is horizontal at the top of every page. It branches out into more specific links, but the initial category’s are; Channels, Music, Shows, News, Videos, Galleries, Competitions, Games, Downloads, Mobile, Community.
  • When the mouse hovers over a category a vertical navigation bar appears giving you more options which relate to the category.
  • The layout for the homepage is lots of tables and lines to divide articles.
  • It has lots of images and text which make it look exciting and busy, but I think it has too much text and some of the images are too small. It isn’t what you want to see on a homepage which should be simple and not overwhelming.
  • Other things included in the homepage that I like are; music video chart, downloads (especially these days), popular searches.
  • A good way to navigate around the website is the internal search engine and by using the artist and show browse, which is important for such a complex and detailed website.
  • There is an advert which is relevant because it links to Amazon a popular shopping site commonly used for purchasing CDs and other music related items.
  • The text and images are set out differently, but aren’t all over the place. In different sections the image and text placing alternates.
  • The first thing to catch my eye on the site was the flash animation up the top. It changed every so often between 5 images of different artists and tv show advertisements. There wasn’t a lot of text mainly large eye catching images as well as 5 thumbnails next to it to choose from.

4Music

http://www.4music.com/

  • 4Music is the sister channel of Channel 4
  • It is aimed at a young audience
  • The homepage is a lot simpler than MTV, but is quite effective and not overwhelming
  • There is a horizontal navigation bar with; Home, Artists & Tunes, On TV, Free Stuff, MonkeyMusic4music
  • The logo is in the top left corner
  • There is a one table used which is formatted with the images on the left and the text on the right
  • The background is light with contrasting text to make it easy to read
  • There is also a weird photo in the background which is a bit distracting and pointless as you can’t even see what it is
  • The photos are a good medium size
  • There is an advertisement by Orange advertising their indie rock day so is relevant
  • The channel covers a wide variety of music genres which are listed at the bottom of the page

Film Distribution

A film distributor is a company which link the film producers to the people who are going to watch the film. They take films shown in cinemas and make them into DVDs, Videos etc and sell to the public for home viewing.

During the film distribution process, the distributor books a film with the producers, where they see ways to target the audience and market the film.

They then negotiate a percentage of sales for the distributor who create a line of of advertising material and sell the film on DVDs etc.

They are also responsible for dubbing foreign films and adding subtitles.

Cat on a Hot Tin Roof

Cat on a Hot Tin Roof (1958), is a story about an alcoholic ex-footballer and his wife who he has emotionally abandoned. The drama unfolds when the husband is reunited with his father who’s dying of cancer and a host of memories surface.

It was one of the top ten films of 1958 receiving 6 Oscars, another 2 wins and 8 nominations.

The total gross for the film was $17,570,324.

Cat on a Hot Tin Roof is highly accesible on DVD from most popular shops I looked at on the internet.

SMART:

Specific

Measurable

Achievable

Realistic

Time Measurable

This is a table I’ve made stating my SMART targets and what makes them measurable, achievable, realistic and time measureable.

smart targets

Today I created a table of SMART targets. I took my brief and broke it down into individual task that have to be done to achieve what I want and get the final result. I wrote what I needed to achieve in order to have completed each task and who would agree the task was finished, mainly the subject tutor. I also wrote about what made each task realistic and a deadline that I wanted it to be done by.

From what I did today I realised that there is a lot of work to do this year. But by creating this table of targets I’m hoping to keep organised and by meeting all the deadlines I should be fine.

It also made me think about things such as organising photo shoots which is something I hadn’t thought of because it had all felt so far away. I am now going to really crack down and start thinking about how I’m going to do everything, but I’m less worried than I was and now excited about the project.

Today I started my research. I’ve gathered information about; Sky, Channel 4, MTV, Nickelodeon and BBC.

I’m in the process of highlighting key information which I will compile to give an insight into those channels. I chose these because they are varied and have lots of sister channels which I can look at in more depth and cover a wide audience.

From what I’ve researched so far I’ve learnt about how up and down the tv industry is and how hard it is to keep your audience. There were a few things I came across that I didn’t understand so I’m going to make a list of these and create a glossary for reference in the future.

After looking at the channels in general I want to look at channel names, logos and slogans. And evaluate and compare.

TV licence fee – Every household which contains one or more televisions must pay a license fee. For the financial year of 2008/09 it cost £139.50. This pays for BBC 1 and BBC2 (ITV, Channel 4 and Five are paid for with advertising).

Terrestrial – These are the standard tv channels BBC1, BBC2, ITV, Channel 4 and Five.

Cable – additional tv channels transmitted to your tv via cables which are paid for as an extra in top of the tv licence fee e.g. Virgin Media

Satellite – same as cable except the channels are transmitted via an aerial e.g. Sky

Ofcom – the independent regulator of TV, radio and other digital communication services. They monitor what is being shown and deal with complaints or things they think are inappropriate

Commercially funded – when a channel is gets it’s money from it’s advertisements

I’ve also stumbled across a web page which is also a glossary and has lots of words used in the tv channel industry which will be really helpful in this project.

http://www.howtolaunch.tv/glossary.asp

  • 4Channel 4 began on 2nd November 1982
  • It is publicly self funded
  • Channel 4 is broadcast all over the UK and also in some nearby countries
  • It’s sister channels are; E4, More 4, Film4 and 4Music
  • It is a terrestrial channel normally tuned to 4, except for in Wales
  • Channel 4 premiered popular shows including Friends and ER
  • The first advert shown was for the Vauxhall Cavalier Mk II
  • The first man and woman on the channel were Richard Whitely and Carol Vorderman
  • It also showed reality shows including Big Brother
  • Channel 4 targets a wide audience, but has a clear market for 18-35 year olds
  • Previously known as Pinwheel 1977-1981nick
  • Owned by Viacom
  • American cable television channel
  • Also broadcast in Europe, the Middle East, Russia and Asia
  • Aimed at children 6-20
  • Prime time aimed at children 12-20
  • Launched 1st December 1977
  • Went national 1st April 1979
  • Famous for ‘You Can’t Do That On Television’
  • Used to finish programmes at 9pm
  • Was known in 1981 as ‘Nickelodeon, the first channel just for kids’

My research is going to be split into four parts; Existing TV channels, websites, newspaper advertisements and TV listing advertisements.

TV Channels

I’m going to look at four existing TV channels to gain some general knowledge about the industry and how they work.

Websites

I’m going to analyse music, sports and reality tv channels because this is what I would like to base my website on.

I’m going to look at the homepage and the websites as a whole.

Then I’m going to compare them and summarise to come to a conclusion of what makes a good website.

Newspaper advertisements

I will look at three newspapers advertising a tv channels and make points on what works and what doesn’t.

TV listings

The same format will go for tv listing advertisements as it did for newspapers to see if there is a difference and to learn for when I create my own advertisements.

Today I added to my TV Channels research by looking at Nickelodeon and looked at the website homepage for 4Music.

I was surprised to learn that Nickelodeon is aimed at children aged 6-20 as I couldn’t imagine a 20 year old watching Nickelodeon, but then again it might be different in different parts of the world.

From looking at the 4Music homepage I learnt that less is more when it comes to websites as in comparison to the MTV homepage it was a lot easier to view and the images were better larger.

Also these are some other points I picked up on which will help me produce a good website:

  • Have a simple yet effective and memorable logo
  • Use a light background and contrasting text to make it easy to read, as well as quite a simple font
  • Adverts are usually related to the websites content to target specific markets e.g. guitar brand advertised on a music channel website

Extreme

http://www.extreme.com

Homepage

  • The background is white with black, grey and blue text to make words stand out and easy to read
  • There is a black banner at the top with a grey navigation bar and white text, they are all very boyish colours
  • The logo as in a lot of websites is in the top left hand corner
  • There are several advertisements dotted around the page which aren’t particularly relevant; phone company, driving school, car hire and one saying ‘Time to find a real job’..which makes me wonder what kind of people watch this tv channel
  • The font is the same and is quite boring and too small
  • There is also a photo for every article so some of them are small to fit in and they are too small to see
  • Horizontal menu bar; Home, OnTV, Videos, Events, Photos, Articles, 10_years, Games, Forum, Win

Today I implemented my website sketches into a PowerPoint presentation to show present my homepage layout and ideas to peers. I also used hyperlink to show interactive features e.g. how i want the navigation bar to expand when you hover over it.

I got lots of good feedback from people and the main criticisms were that the background was to plain and the layout to random. I played around with the layout a little, but found it looked too much like a magzine. I referred to my research and looked at some websites; ITV, Channel 4, MTV to refresh my memory. I’m happier with the layout, but think it will look better when I expand on the design elements more when I take my next step and when I create this in FrontPage.

I have the name for my tv channel, ‘Edge’, so now I need implement a logo onto the computer using this. I started by selecting 12 various fonts and printing out my name in each font.

edge

I did a survey of several peers to get some general feedback about the fonts and also tallied which one they thought would be the most suitable.

I told each person that:

  • The logo was for a tv channel aimed at young people
  • The tv channel is aimed at both genders
  • The tv channel broadcasts extreme sports/music/reality tv
  • The music genre is rock/indie
  • The logos currently have no colour, I am just focusing on the fonts and I am going to add to them in Photoshop

Feedback:

1 ‘This is good because it fits a general genre which would be suitable for my tv channel because it’s target market is broad.’

2 ‘Too 50 year old grandad’

3 Needs to be bigger and more in your face, but otherwise good.

‘Looks like something you’d see on a music television channel

‘Reminds me of the Fender logo so would fit in well with the music genre’fender_logo-400-400

4 ‘Makes me think of English literature. If you

Using my research and feedback I set to work creating a suitable logo for my website. I didn’t want to use little pictures or anything because I wanted it to be simplistic and not complicated. I used the font that my peers had chosen as their favourite and adapted it to make it more personal and suitable as a logo.

This is my final design:

I’ve chosen to use purple as it is eye catching and also appeals to the females of my target market without being too girly.

I’ve adapted this by adding a drop shadow and extending the bottom of the ‘g’ and the top of the ‘e’. I decided this would be best because it looks less like a font you would find a main body of text written and more like something that would look good in the corner of each of my web page.

Today I started to create the base of my website on Microsoft FrontPage.

I created the navigation and the links between the first few pages, which so far are; TV, Sport, Music, Reality and the Homepage.

I wanted to create a horizontal navigation bar with a roll over effect which brought down a more specific menu for each section. I used various tuturiols and HTML codes, but found I really struggled. So I have decided to leave this bit for a while because it seems it is probably going to be the hardest part of the website design.

I think it is going to take a lot of hard work to create the website how I would like it so I’m going to have to spend a lot of time learning HTML and will be using various books and websites.

So far I’ve used the tutorial from this website:

http://209.85.229.132/search?q=cache:lo7moCB0JhcJ:www.thekjs.essex.sch.uk/yates/Documents/FrontPage2000.doc+tutorial+frontpage+2000+websites+that+suck&cd=1&hl=en&ct=clnk&gl=uk&client=firefox-a

I did already know the things on this, but it helped jog my memory. I now have a basic hyperlinked navigation bar which runs along the top of all my pages thanks to shared borders.

I also looked at the themes which come with the software, but they are all pretty rubbish so I am going to upload my own.

One helpful thing about the tutorial was all the tips it has without about what makes a good website including a link to what bad websites look like.

Next I’m going to work on adding graphics and my logo to the homepage. I’m also going to start planning advertisements that would be suitable.

Using Photoshop I started today by creating buttons for my navigation bar. I used a similar design to MTV’s navigation buttons by creating a gradient and made them on Photoshop. This is what mine looked like.

I’m pleased with these as they look simple and professional which I think is because of the gradient and the outer glows that I used. At first the outer glow looked tacky, but I managed to avoid this by lowering the opacity.

I then decided to try DreamWeaver, the web design programme fro Macs. I found this to be quite complex, but had so many widgets and ways to stylize everything. In five minutes on Dreamweaver I managed to create a rollover drop down navigation bar that I had been trying for weeks on FrontPage. Everything on Dreamweaver looks so much more professional and I can change everything to make it personal and exactly the way I want it to look. I am going to use this from now on for my website because I think FrontPage will produce a much more amatuer website in comparison.

I had some trouble viewing my website in a browser at first, but after messing about with it I managed to sort it out and I think this will be a case of just practising and seeing how stuff works on the software.

I started by practicing applying images to photographs and making them look like tattoos. I learnt that key processes to producing a realistic looking tattoo is to use the ‘Multiply’ blending mode, bring the opacity down and use the ‘Warp’ and ‘Perspective’ tools to shape the image to the contours of the body.

This is my first attempt:

I think I did well for my first attempt. I like the way the tattoo goes up her neck, but think to make it look more realistic it would need to be warped to the shape of the neck more and add more wrinkles.

This is the second image:

I think this came out better as I was starting to get the hang of it, but the colouring was a bit of an ill choice and I think it could be stretched around the rest a bit more. However, now when I come to do the real thing I think if I spend a lot of time on it I can make it perfect.

For my Homepage I needed to use a strong image to grab viewers attention and make them want to view more of my web pages. I’ve decided that I want an image which relates to a tattoo reality tv programme which my channel airs. I want to have a naked back with a really colourful tattoo and then extend the illustrations off of the person onto the background to emphasise creativity coming to life. Because it’s going to be to hard to hunt down someone with the perfect back piece for my website I’m going to produce it using Photoshop.

In preparation for this, I will be doing a test run to practice adding illustrations to people and making it look realistic.

Today I practiced applying images to photographs in attempt to make realistic looking tattoos. This involved a lot of time and patience trying to make it look right. I also had to use a lot of Photoshop knowledge as well as researching further techniques and playing around with different features I’d never used before.

For this task I found a very helpful tutorial which was simple, concise and easy to use. It only had a few steps so i followed them quickly. I also messed around with different blending modes to find out which worked best, I think this is dependent on the image though.

I’m pleased with how easily I found it to create tattoos using Photoshop and this gives me confidence when it comes to making the image for my Homepage. I’m going to use a variety of little illustrations within my back piece, which will contain a lot of symmetry. I’m going to use images from the internet, but the photograph of the back will be my own. The kind of pictures I’m going to use for the tattoo will include skulls, swallows etc. common iconography in the fashion of people who my tv channel is targeted at.

The photos for my tattoo image didn’t take as long as I anticipated. I decided I was going to use myself as the model, because I didn’t think anyone was going to be too comfortable baring their naked back.

I set up my tripod and took the self portraits against a plain background using a Nikon D40.

This is the image I decided to use:

I used the crop tool to get rid of unnecessary parts of the photo and to focus on the back which was the most important thing.

I also sharpened mask and applied the levels and curves as I would with any photograph.

Curves

Levels

I used the clone stamp to get rid of any spots and blemishes before smoothing the skin. I created a new layer and named it ‘Skin’. I then took the dropper tool and picked out the lightest colour in the back. I painted this all over the skin on the body, arms and neck before adding Noise and Gaussian blur. I then brought the opacity right down.

I cut out the illustrations that I was using for ‘tattoos’ in a separate document and pasted them onto the photo of my back before bringing the opacity down.

This is what my image looks like so far:

I’ve put some images onto the background as well just to see what it will look like, but it’s not finished yet.

Today I designed the music chart pages for my website. I did it using Photoshop because I didn’t need the to be interactive and when they are finished they can be inserted straight onto the web pages as graphics. I started by creating a background for the page. I wanted to have a textured effect to it and after typing the keywords ‘scratchy texture’ into Google Images I found something suitable. I made a shape which I filled with a purple colour and took the opacity right down. I also did a similar thing for the title which was a dark purple fading out to transparent and was a higher opacity to separate the background.

This is the texture I used before I put the colour over it:

I looked at and tried out various fonts online which I wanted for the title.

These are the websites I used:

www.fonts.com

www.dafont.com

These are the fonts I liked:

First of all I chose the third font because it is modern, catchy and fun. But then I found the last font and after comparing both I showed them to my peers who agreed that the last font was better because it stood out more. I also chose to use the same font for the album page and the same design, but different colours, to show consistency.

Above the header is a small image of some headphones which I found online and adjusted the Levels to minimise the tones and create a cartoon look and drew a black line with a drop shadow to join them to the text. I then adjusted the hue and saturation to make them pink. I used the star paint brush to paint some pink stars, but this looked tacky and I deleted them because they didn’t fit in. I then experimented with another brush which I found made a great paint brush effect which I put behind my text in light yellow.

This is how my pages look so far:

Any website you visit these days will be bombarded with adverts. This has its advantages and disadvantages, but is a vital validation of a professional looking website. I decided I was going to create a few adverts to go on my website, not too many, but enough to give it authenticity.

The first one I was going to create was to advertise a shoe shop. Nothing is more eye-catching than moving images so I wanted to incorporate this, but keep it simple like a photo slide show.

I created this on Flash, something I had never used before so followed several tutorials from the following websites:

http://www.republicofcode.com/tutorials/flash/video/slideshow.php

http://www.ehow.com/how_2150099_import-image-flash.html

I made a mock advert first to get to grips with the workings of flash. I used a couple of photos of shoes from the internet and played them in a loop to emphasise the wide variety of shoes at the ‘shoe shop’.

I exported the video as a GIF first and found that I couldn’t get it to work and it just appeared as a still image.

I then found that you could export it as an Animated GIF. This worked, but has left a snake-skin effect on the video which I will get rid of when I put it on my website because it won’t be a GIF file then.

This is my animated advert:

I’m going to use similar images which I will be taking myself. I want to show the contrast between girlie high heels and skate shoes etc.

I’m also going to add some text which will probably not be animated, because that will be too much.

I started today by adding two new pages to my website, Diamond Girls and Essex Ink. I also added them to the Programmes section of the navigation menu and linked them. I started with Diamond Girls which is a reality TV show about some rich girls, inspired by The Hills.

http://www.mtv.com/shows/the_hills/season_5/series.jhtml

Using two images of diamonds from the internet I made a background for my web page which looks like this:

I really like the shine I’ve added to random diamonds which I achieved with the star brush, but it did look a bit tacky on it’s own. However, after looking at this tutorial:

http://www.ehow.com/how_14789_add-background-image.html

I was able to put this behind the main body of my web page and it looks really good.

I like the look of this so much that I’m going to put different backgrounds in for each section which co-ordinate.

I also created the banner using font from Da Font which I’ve used a lot in this project. I’m going to use banners for both the programmes web pages with the title and an image of the cast.

This is my banner for Diamond Girls so far:

I really like the font and the contrast of the hot pink against the blue. The pink is also a very girlie colour and reflects the personalities of the people in the show.

I also made my mock advert today. I’m so pleased with the skills I was able to pick up in Flash, which I didn’t have a clue about this morning. I was able to import images, extend time frames and play my video in a loop. I’ve now got to take my own images for the advert, as well as creating some more for the website.

I’ve planned out the content for my Programmes which will be:

Diamond Girls:

-Episode Guide (short summaries of a selection of episodes with images)

-Meet the characters (a few sentences about the main characters with images)

Essex Ink:

-Tattoo Gallery (a collaboration of the artists best work)

-Meet the artists (same as Diamond Girls)

My next step is to take the images for these pages and create the content.

Because my homepage  is going to consist of a mixture of things from throughout my website I’m leaving that for a while whilt I foucs on getting some of the other web pages sorted.

I haad already made the base for this page with the background and header, but needed to add some content which would include band names, singers, songs and album names.

To inspire me I used the following websites:

www.babynamegenie.com

www.bandnamemaker.com

www.songname.net

These have proved useful in the past to help me come of with ideas for names aswell as using the ones they generate.

I wrote the chart lists up in numerical form 1 – 10 with larger font for the names and smaller for the songs and albums.

This is my finished product:

I simply inserted these into the approriate documents on Dreamweaver as JPEGs as I had no intention of making them interactive.

I left my homepage until my website was in full swing as I wanted to incorporate things from through out and wanted this to be a lot more advanced then it would have been if I hadn’t picked up the skills I’d learnt through out this assignment.

I wanted to split my homepage into three parts, each representing a different part of the website.

I started with food and quickly and easily created a spinoff version of the image used in my newspaper advert.

The image is comical, kitsch, eye catching and creates familiarty and consistency. All items I want to acheive from something which a user will see when they first access my website. It links my tv channel themes together by showing fun, body modifications, a relation to my tv programme Essex Ink and also food.

I put together my homepage using layers.

This made it easier to manage the items of my page particularly when it came to layout.

This is an example of the different layers used:

You can clearly see where everything is in relation to other objects and the rest of the page.

I found a way of making the image into a rollover image which I thought could add profesionalism and fun to my website.

This means that I can add an effect so that when the user rolls over an image with the mouse it changes to a different one. I wanted to keep this simple for now so on my homepage if you roll over the image you get this effect:

However, I would like to work more with the rollover effect, furthering it’s use and incorporating it more into my website.

Another big addition to my website was the flash advertisement (see previous blog on how I created the Flash Video).

This was simply found by selecting Flash Video in Media…

Choosing the video you want to use…

And determining size, placement, playback options etc.

The Flash video comes up as a grey box at first, but it can be played using the button at the bottom and you can also choose to loop the video and whether you want auto play.

The second part of my homepage is related to the music part of my website. I used a photo I’d taken from a seperate project which I felt was approriate.
I used the roll over effect on this the same as the last photo but with a green hue to match the banner ‘Music’. I also put a little section in, which related to ‘A day in the life of..’ page.

I also changed the food bit because I thought it looked tacky and added another small image and some content relating to the Recipe page.

All the images on the homepage so far have internal hyperlinks to the relevant web pages.

My top ten recipes page is similar to the music chart pages showing smooth consistency throughout my website. I made it completly on Photoshop using lots of layers and groups o create the background.

I also added a thick banner across the top for the header which is similar to the music chart headers.

On the right hand side I have created adverts:

The first is for something I made up called Scrumptious. It is a food advert so it relates to the theme of this part of the website.

This is a basic textual commonly seen on websites and usually sponsered links from Google. I added these because advertisements are all over existing websites and it helped create a busy look.

From what I learnt from my animated advert I carried through to design another one which was to be used on my homepage. This was a simple 3 keyframe flash video.

I designed the pages on Photoshop as images using pink as the consistent colour and the leaf brush tool in various shades of pink and purple (see below).

I also added outer glow onto my text to make it stand out:

I created the video in Macromedia flash using one layer. I inserted key frames evry 20 seconds and changed the image. I then edited the play options so that it looped.

essexinkad

spiceupyourlife

The brief I have chosen for my advanced portfolio is web-based and the criteria is to create a website for a new TV channel which must include a minimum of three hyper-linked pages with original images, audio and a video extract. Combined with the website I had to create a newspaper advertisement and a double page spread for a listings magazine, as part of a promotional package for the channel’s launch.

I started my pre production by researching all aspects of the project to get a thorough understanding of the brief and to give me inspiration for my initial ideas. I divided my research into four sections; TV Channels, Existing Websites, Newspaper Advertisements and Promotional Double page spreads.

I had already decided that I wanted my TV channel to cover a broad genre spectrum (focusing on music, sport and reality shows for this project) and be targeted at young people much like MTV . From this I researched similar TV channels including Nickelodeon and Channel 4 ad looked at the their audiences, channels and their individual styles. I also explored various details and researched information that didn’t immediately seem necessary such as statistics and when their first advert was launched, but these helped me to understand the company and it’s values and messages. By looking at these channels and their sister channels I was able to get an insight into a wider audience and I learnt about how hard it is to make an audience loyal to your product in this industry.

I took my task of researching existing websites and broke it down into sub-tasks which covered; Music, Sport and Reality TV channels.

To link in with my first lot of research I looked at MTV and 4Music’s websites. I analysed the websites presentation, house styles, use of colour, interactive features and language. I then evaluated the website as a whole noting it’s strengths, weaknesses and things I wanted to use in my own work. Some of the points I learnt were that simplicity is most effective, contrasting text means it’s easier to read and there as a strong coloration of advertisements which related to the website genre.

I followed the same critical analyse template as I used on the music websites for the sport focused TV channels.

I found these seemed to tend to be very boyish with stereotypical ‘boy’ colours such as black, grey and blue and language to fit male conventions. The advertisements were less relevant to the genre unlike others I’d looked at.

When it came to looking at tv channel websites which specialised in reality tv, I couldn’t find any. However, I know channels such as C4 and MTV cover this genre so I felt like I had done sufficient research in this area.

I also struggled to find newspaper advertisements and double page spreads which focused on tv channel launches. So I decided to look at these products in general and came to decisions on marketing techniques and ideas which I had got from existing products and memories of such adverts.

The newspaper advertisements were bright, bold, clear and attention grabbing. Because of the online age newspapers can be made up of up to 75% advertisements meaning companies fight for the reader’s attention. Based on this research I started to sketch out my inital advert design which was mainly an image with a little bit of text advertising a TV programme. The image was going to be a back piece tattoo which stood out and attracted a young audience and I wanted to keep text to a minimal so has not to be overwhelming and detract focus.

With the promotional advertisements I looked at fashion magazines that I had hoarded up in my bedroom because I’d previously seen good examples of this type of advertising and found it very effective. I found that they usually related to the magazine and almost fooled the reader into thinking they were reading another article whilst instead they were being unknowingly targeted with adverts.

The first issue of my construction I tackled was the logo. This was very important because it was going to represent my website in every product they published. This meant it had to be strong, memorable and define the company. After coming up with a series of names I thought were suitable I took this to people I had assigned as market researchers and surveyed their favourite. The most popular was Edge which then became the name for my TV channel. I did a similar thing with the fonts, I included some information about who my product was targeted at and a little about it. From my feedback I chose the most popular font and added to it to create my logo.

My inital plans for my website were to create my website using Microsoft Frontpage as this is something I had worked on before, but the first thing I wanted to make was an interactive navigation bar and after trying various ways and failing I decided to work with Macromedia Dreamweaver. This proved to be a lot easier and I could carry out complex and professional looking tasks on this software compared to Frontpage. A worked on some of the minor pages before creating the homepage.

Another big change to my website  when I decided to drop the sport section and change it to food. I made this descision when I realised I wouldn’t have been able to get the images I wanted of extreme sports. I think it would have been something to I could have done with more time, but because I had other things to do aswell I decided this was the best idea. I chose to use food as it is very accessible and also breaks conventions as you wouldn’t normally connect food tv with younger people, although I think it would be nice.

My website does look different from my drafts, but there are alot of elements that are the same, such as the graphics and interactive features. A lot fo new things were added and original ideas expanded as I worked more with Dreamweaver and found moer thing that I could do with it.

The flash video I made was another idea I came up with during my construction which I decided to use as my embedded video. I used information I’d gained from my research to tailor it to my website theme.

Another specification of the brief was to have audio in my website. I sourced this from a copyright free music site and chose music that I thought sounded modern and fitted the website. After viewing the website with the audio I think it was the right choice and it is upbeat and works well. Unfortunatly I struggled to find much music that worked and was copyright free which didn’t sound tacky, but the one I’ve used isn’t too bad.

For the newspaper advertisement I created a tattoo backpiece using Photoshop. I started by trying out various tutorials and blending techniques which led me to decide I was going to use the darken blending technique and warp the image to the shape of the body. The backpiece image was made up of a self portrait of myself and small graphics sourced from the Internet. I kept the advertisement simple with a block of colour half covering the image (with low opacity so you could see through it) and some text. This was the same as my intial draft and the idea I’d had from the beginning.

My double page spread was planned out after deciding to have a food section in my website. I based the promotional spread on this and using research of double page spreads I made it so that it looked like a recipe in a magazine, but was actually an advert for a programme on my tv channel. I took the burger images myself by actually following the recipe and making them, documenting each part with a photograph. I then edited one of the final pictures to make it look appetising, which involved painting a lot of it so that it was a more commericial colour.

Overall, I’m very happy with my products and I think they link in together well showing consistency. It uses laid back language and images to appeal to a young audience. I also took into consideration stereo types in genre and because I want my tv channel to be targeted at both sexes I tried to keep it neutral paticualarly the colours. However, since changing the extreme sports section to food I think the website as a whole would be more suited for females. Keeping neutral means that I haven’t set a strict boundary for who can view my products making it easier for a wider audience to be involved.

Compared to existing tv channel websites my product is a lot simpler and less overwhelming. Out of the ones I looked at for research I think it is the most similar to 4Musics website.

Categories

Blog Stats

  • 6,792 hits

Pages

 

January 2012
M T W T F S S
« Apr    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
Follow

Get every new post delivered to your Inbox.