WEB PORTFOLIO PRESENTATION!

By: Martin Irwin

Mood Boards:
What Are Mood Boards?
Mood Boards are poster like designs that include images, text and other objects to offer an illustrate vision on various different ideas the creator has, usually describing a specific subject or story. These boards allow ideas to flow and provide concepts for others. Usually created digitally. http://en.wikipedia.org/wiki/Mood_board http://www.wisegeek.org/what-is-a-mood-board.htm

Moodboard Example #1:

Here is an example of a mood board. This mood board is clearly about Hip-Hop, giving us an insight of the months magazine covers. The mood board shows us the hottest artists in the US Rap scene at the moment. Giving us the impression of the High Life fame and glamour. The use of a variety of different colours acts as eye candy to the public, catching attention and representing the traditional Hip-Hop culture with different fonts, colorful text and pictures of artists. This could be used by magazine publishing companies for advertising purposes to promote hip-hop magazines on websites to help boost sales and could be created on software packages such as photoshop.
http://joshstevensasmedia.blogspot.co.uk/2010/12/moodboard-magazine-covers.html

MoodBoard Example #2:

Here is another example of a mood board, however, this particular mood board is completely different to others. Instead of using bright attracting colors with positive pictures, this board focuses on a dull effect giving us the impression of negativity. The moon board is about the Horror film Cannibal, so the use of dull colours is used to represent tragedy and horror. Screenshots from the movie have been taken from the official movie and could be used by film companies for advertising or to give fans an insight of the fim before official release date using still shots taken from the movie, this mood could have been create on an online software package known as sample board . All pictures within the board relate and are used to tell the story of the Cannibal.
http://www.sampleboard.com/ http://galaxy-entertainment.weebly.com/moodboard.html

MoodBoard Example #3:

This example of a moon board focuses on the UK Hip-Hop and Grime scene, music based simply because of the well known UK Artist recognised in the pictures.

The mood board could be used to advertise an upcoming magazine that focuses on the UK Rap scene or could also be used as individual promotion for each artist on the poster. Due to it containing some of the photographs of hottest UK Rap artists it could be used by record labels to promote upcoming music projects such as E.Ps, Mixtapes or Albums, Or media production companies such as SB.TV to represent a show reel video about videos made during a certain time period. This mood board could be created on an i-pad application known as Mood Board.
http://tomsullivanmedia.blogspot.co.uk/2011/10/uk-grimehip-hop-mood-board.html https://itunes.apple.com/gb/app/moodboard/id355893506?mt=8

Mind Maps/Spider Diagrams:

What is a mind map/spider diagram?
Mind maps and spider diagrams have the same purpose and provide a detailed plan of a specific topic. Both are created around a keyword which is placed in the centre and surrounded by associated ideas. Each branch goes into detail and elaborates on various ideas , and sub branches are then used to elaborate more on the specific sub heading. Usually created by hand or could be created digitally on Mind Map creating applications such as Mind Jet or MindMeister.

Mind Map Example #1:

This an example of a mind map, focusing on Health as the main subject. Sub headings such as Diet and Exercise are both seen to be used as sub headings to elaborate on various different sub categories which have an involvement with the main subject.

However there are branches leading from the sub headings which lead to other topics the sub heading may include. This allows the user to cover each subject in detail. Mind maps can be used in any media company, and is used as a pre-production document and acts as a starting point to any idea allowing the creator to elaborate on ideas and form a structure to their work, also allowing other input and feedback suggested by members of production team to be added to the initial plan.Can be created on software packages like Eddraw Mind Map which allows you to create and customise mood boards.

http://learningfundamentals.com.au/resources/
http://www.edrawsoft.com/freemind.php

Spider Diagram Example #1:

Here is an example of a spider diagram. Just like a mind map it uses on key word in the centre and is surrounded by branches which lead to sub headings and different ideas which relate to the selected topic. This particular spider diagram is about Working on a management committee and each branch coming from the centre leads to sub headings which represent what is expected from the management committee and all the specific job roles clearly identifying job roles allowing users to have a clear understanding without elaborating into detail. This could be used for any media organisation and just like a mind map it creates a structure to the beginning of an idea, the first step taken when planning. Usually created by hand.

Visualisation Diagrams:
What are Visualisation Diagrams ? A Visualisation Diagram is just like a mind map, a source of structure for you initial idea. However, this specific type of diagram uses pictures/images instead of just words and written text. Mainly used to visualise web pages.

Visualisation Diagram Example #1

Here we have an example of a Visualisation Diagram, used to show the conversation of different file formats. Almost giving you step by step instructions on how to do so. This diagram uses both text and pictures to provide help and support to its user, using familiar icons/images to help carry out the step by step instructions to convert Project & Media from file format FCP to Avid successfully without any problems. This diagram is very effective its clear and easy to understand and could be used in any business to help employees create specific content usually product design. Visualization diagrams can be created on software packages like Gaphviz which has its own network where you can share diagrams and ideas.
http://www.graphviz.org/

Visualisation Diagram Example #2

Here we have another example of a Visualisation Diagram. This diagram has been created to inform and allow users to have a clear understanding of social networking and blog sites giving you an insight of what theyre used for and how they should be used. The diagram also shows the comparison between each site and highlights their individual similarities. This could used by web design companies as an initial plan to compare all the best aspects of other websites to get an idea of the content their website should include, or to create new ideas or even create a proposal for a new idea to invest in. This could also be created on photoshop or other online websites which offer you a template design to create a free Visualisation Diagram.

http://31.media.tumblr.com/0f155d61cd2927d7fe1d2095e016f2b5/ tumblr_mrj8qbkJMa1ri7l0po1_1280.jpg

Visualisation Diagram Example #3

Here is another example of a Visualisation Diagram, just like a mind map but with more images instead of text. This specific diagram is showing viewers/users the next step in Firewall protection software. Clearly highlighting the process of how it will work and what the software will do in detail, broken down into 3 simple categories, the use of arrows indicate the next steps, whereas the use of small icons allow users to have a clear understanding of the process taken. This could be used by new employees of media companies and act as basic instructions on how to use firewall. Could be created on an free online on websites such as Creately which allows you to create diagrams.

Storyboards.
What Are Storyboards?
Storyboards are pre-production documents used to tell the camera operators and the rest of the film crew how each scene of the video will be shot and what it should look like, containing information about the duration of each shot, the type of shot and camera angle, any camera movement, any dialogue, what happens during the shot?, stage directions and sounds being played in the background. Used to create the initial vision of the Directors idea.

http://www2.potsdam.edu/betrusak/621/ storyboards.html

Storyboard Example #1
(Image Wouldnt Load)
http://acomp.stanford.edu/tutorials/storyboarding This is an example of a storyboard. The purpose of this specific story board is to tell the story of young person learning about creating storyboards, each box represents a scene for the Video product, there are 9 shots in total and each box has unique instructions which is followed by camera operators and directors. Providing a detailed plan of how each shot should look, with instructions to the different camera shots and angles and what happens in each shot. Also providing information about when Dialogue should be used by characters. Storyboards should be used for every video production to act as a plan to run by. This particular storyboard has been created by hand. For example TV programme production companies will use storyboards like this to indicate what will happen in each shot, used as a pre-production document and could be created on software packages such as Storyboard artist which allows you to create your idea from scratch. http://www.powerproduction.com/storyboard-artist.html

Storyboard Example #2
This storyboard has been created differently from the previous example. Here we have an example of a Digital made storyboard which provides shot by shot instructions on how to film a specific scene to a video production. The storyboard shows each how each shot should be filmed and also tells the camera operator or director what frame rate each scene should be filmed at. Each box is a detailed version of each scene providing a clear guidance plan that should be followed when filming. Duration of each shot and camera movements are also listed as should be. http://scoaladecinema.ro/wp-content/uploads/2011/09/storyboard-1.jpg For example Animation companies such as who create cartoons such as Pokemon will use the storyboard to plan each individual shot before creating the episode. Could be created on a software package known as Toon Boom Storyboard Pro https://www.toonboom.com/products/storyboardpro

Storyboard Example #3
This example is short and less detailed, however, it still provides information required to create a scene to a video production. Each shot is listed a specific shot with stage directions, camera movement, how each scene should be shot, what characters are involved and detailed drawings of how the actors should be. This has been drawn by hand, and provides a sequence to how a specific scene should be filmed. Fashion companies will hire a film crew to film an advert to promote an upcoming winter collection of clothing which will be used on television to advertise their new product, storyboards will be used to plan the advert, including any effects, titles and animation added before filming and editing. Could be created on software packages such as Frame Forge http://www.frameforge3d.com/Products/Core-Version/