Monday 18 February 2008

Awesome Storyboard

Storyboard examples

Storyboarding-Why Do a Storyboard?

A storyboard is a sketch of how to organize a story and a list of its contents.

A storyboard helps you:

Define the parameters of a story within available resources and time
Organize and focus a story
Figure out what medium to use for each part of the story
How to Do a Rough Storyboard

A multimedia story is some combination of video, text, still photos, audio, graphics and interactivity presented in a nonlinear format in which the information in each medium is complementary, not redundant. So your storyboard should be put together with all those elements in mind.

The first thing to tackle is the part about the story being nonlinear.

1. Divide the story into its logical, nonlinear parts, such as:
a lead or nut paragraph, essentially addressing why this story is important
profiles of the main person or people in the story
the event or situation
any process or how something works
pros and cons
the history of the event or situation
other related issues raised by the story
Instead of thinking "first part," "second part", "third part", "fourth part", think "this part", "that part", "another part", and "yet another part". It helps to avoid linear thinking. The home page comprises a headline, nut graph, an establishing visual (can be a background or central photograph, a slide show or a video), and links to the other parts, which are usually subtopics of the overall story.

Next, divide the contents of the story among the media -- video, still photos, audio, graphics and text.

Decide what pieces of the story work best in video. Video is the best medium to depict action, to take a reader to a place central to the story, or to hear and see a person central to the story.

Decide what pieces of the story work best in still photos. Still photos are the best medium for emphasizing a strong emotion, for staying with an important point in a story, or to create a particular mood. They're often more dramatic and don't go by as quickly as video. Still photos used in combination with audio also highlight emotions. Panorama or 360-degree photos, especially combined with audio, also immerse a reader in the location of the story.

Does the audio work best with video, or will it be combined with still photos? Good audio with video is critical. Bad audio makes video seem worse than it is and detracts from the drama of still photos. Good audio makes still photos and video seem more intense and real. Avoid using audio alone.

What part of the story works best in graphics? Animated graphics show how things work. Graphics go where cameras can't go, into human cells or millions of miles into space. Sometimes graphics can be a story's primary medium, with print, still photos and video in supporting roles.

Does the story need a map? Is the map a location map, or layered with other information? GIS (geographic information systems) and satellite imaging are important tools for reporters. Interactive GIS can personalize a story in a way impossible with text by letting readers pinpoint things in their own cities or neighborhoods - such as crime or meth labs or liquor stores or licensed gun dealers.

What part of the story belongs in text? Text can be used to describe the history of a story (sometimes in combination with photos); to describe a process (sometimes in combination with graphics), or to provide first-person accounts of an event. Often, text is what's left over when you can't convey the information with photos, video, audio or graphics.

Make sure the information in each medium is complementary, not redundant. A little overlap among the different media is okay. It's also useful to have some overlap among the story's nonlinear parts, as a way to invite readers to explore the other parts of the story. But try to match up each element of a story with the medium that best conveys it.

Interactivity means giving the reader both input and control in a story. By making the story nonlinear, you've introduced an element of interactivity, because the user can choose which elements of a story to read or view and in which order. By including online forums or chats, you give readers input into a story. Some news sites have included interactive games so the reader can construct his own story. One newspaper let people help plan a waterfront redevelopment project with an online game in which they placed icons on a map of the waterfront showing where they thought parks, ballfields, restaurants, shops and so on should be located. For more examples of how news Web sites are including different types of interactivity, check out J-Lab -- the Institute for Interactive Journalism.

When you're done breaking a story down into its elements - both in terms of its content and the different media you could use - you need to reassemble all that into a rough storyboard.

On a sheet of paper, sketch out what the main story page will look like and the elements it will include. What's the nut graph? What are the links to the other sections of the story? What's the menu or navigation scheme for accessing those sections? What multimedia elements do you want to include on the main page as the establishing visuals, whether video or pictures.

Then do the same for the other "inside" pages that will be the other parts, or subtopics, in your overall story. What is the main element on each page and what other information should be included there? What video, audio, pictures or graphics would best tell this part of the story?

A rough storyboard doesn't have to be high art - it's just a sketch. And it isn't written in stone - it's just a guide. You may very well change things after you go into the field to do your interviews and other reporting.

What storyboarding does is help point out the holes in your story. It helps you identify the resources (time, equipment, assistance) you'll need to complete the story, or how you have to modify the story to adjust to your resources. A good way to learn storyboarding is to take a newspaper feature story and sketch out a storyboard of all the elements in it, the multimedia possibilities if it were more than a print story and how you might break it up into a nonlinear Web presentation.

How to......

For this new breif we are required to produce a how-to video on a subject of our choice, we need to produce a 2 minute long instructional vid in pairs and then a 2 minute long dramatic video of subject matter to be presented. For both of these we will have to create an in depth storyboard and fully edited and completed movies.
Examples of instructional vids in general.....

Laser Espionage Microphone (how-to) - The most amazing home videos are here

How To Fold A T-shirt In 2 Seconds - The top video clips of the week are here

DIY Toothpick Peg Launcher - More free videos are here

How To Make Lock Picks - Funny bloopers R us

Mysterious Lightbulb Hack! - Funny blooper videos are here

Build Hydrogen Generator Cell With Household Items - The funniest bloopers are right here

DIY $5 Mini USB Fridge! - Celebrity bloopers here

Lethal Gun - More bloopers are a click away

Monday 4 February 2008

Mock & Final Layout


These are the layout designs i did, i decided that i wanted to do 2 columns per page seen as 3 splits the text up too much. Also 2 makes the design work better together. I have decided to use only three images, this is because i have a lot of info and it would mean shrinkin pictures down. I have had to slice one image up, but this was because it looks better, and the fact it's bright and draws your eye towards the start of the text.


Mock & Final Layout 2




Layout

This is an example of what my page looked like in indesign, i created four columns but moved them so there was a bleed in the centre of the page allowing for a centre fold. I left a larger space at the bottom aswell so that the text will sit right on the background image.

Imagrey

I created a 2-d version on the radio frequency logo and then using illustrator made it into a 3-d object. i really like the way this has come out.



Background Design

I decided that i wanted to use some sort of image as the background, i began thinking about colours but soon realised it doesn't look half as effective. I used some photographs and using some tracing options in illustartor changed them into simple backgrouns as to not over complecate the design.




I played with the options more and decided that a simple linear background would be best suited. It works because it leaves a lot of negative space as to not remove from the legibility of the text.

Realated imagrey

These are the few pieces of design related to frequency, i couldn't find much but seen as they are a pirate station i reckon the last thing they thinkin is how to make money through merchendising. Also there are some photo's which i collected that are all rights free.