We where asked to create a 5 minute pitch to Ed Stagg about what we plan to do in our slot of the 60 minute. I created a few key points and wrote out a script to help me during it so i could add enough content and meet as many of the key terms i had to during the pitch. The key terms i refer to where given to us on the project brief we where sent by Mrs Merrick. Below is a screen shot of what we was instructed to try and include.
Here is a script i wrote out in the lesson before we where intended to do our pitch. During though, I didn't stick to it as i rushed it and got straight to key points, i simply picked out the most important parts and improvise from there.
"Our initial brief is to create a 60 minute radio show, which will give us 7.5 minutes individually to create our own part to it about a topic that is appropriate to our target audience, which is teachers, pupils and parents. During my 7.5 minute slot, i plan to discuss interesting and exciting news or facts about teachers here at Bluecoat that pupils didn't know, in other words teacher profiling. The aim of this is to provide a fun and more exciting touch to the 60 minute mix we are creating. To involve the students i will create a survey to find out what sort of topics they want to hear about the teachers and what they want to hear about specifically. A suggestion made was to talk about teachers careers before they got into teaching, for example Mr Cook the PE teacher used to be a proffesional swimmer before he got into teaching. Questions like this will not only be interesting but could inspire the students to fulfill their dream jobs and know that it is possible to achieve.The teachers will be shown as a role model and an admirer to the pupils. This will hit the target of what our most important target audience will want to hear from my slot. The questions I will ask the teachers will be appropriate in regards to there ethnicity religion and gender to ensure no-one is offended. For this project we dont have a set budget and it will take place withing the school. We will record interviews either in the studio or with ipads to get the best quality for our show. I also plan to do a vox or questionnaire that the teachers, parents and students cant get involved with so i have a wider knowledge and idea of what to talk about within my interview."
Sunday, 16 June 2013
Unit 65 Blog
A formal blog containing your
understanding of web animation
technologies. You will explain the differences between banner ads, animated
interface elements and e-learning content, and technical issues such as compression
and file formats, using technical vocabulary correctly and confidently at all
times.
Animated interface Element
Animated interface element are commonly seen on smart phones and tablets world wide. This animation is highly recommended to make any website have a modern effect and is used across many media platforms.it is simply a list that comes up with relevant links or words when pressed a letter on a keyboard. not only do smart phones or other devices have this element, many websites do. For example in Google instead of waiting you to right out the whole thing you want to search, as soon as you type the first letter a number of results come up. THIS IS SHOWN I THE SCREEN SHOT BELOW. It makes the site the individual is on a lot easier to work around and get to information you want a lot quicker, adding a professional touch at the same time. However it could be suggested to have a negative side to it. This is because the element will come up with the most common results or any results at random from the word wrote in. This could come up with inappropriate suggestions, and as they are based on phones that younger people could see, it could cause many problems on the content they will be allowed to see.
An interactive animation is one that an individual can become involved in, for example by clicking on a specific section can adjust the animation. A very common website that uses this is google. These links show a two interactive animations they have used over the years. (http://www.youtube.com/watch?v=tpZBIdgNez0 ) (http://www.youtube.com/watch?v=N1P91to26oA)
This refers to the instructional videos that are used on many websites such as wiki how and sometimes even revision websites to teach you how to do particular things, like maths problems. For example on wiki how, it uses very crisp, clear videos that are easy to see whats going in. Such as in this video used at the bottom of the website to see how a reef knot is made, (http://www.wikihow.com/Tie-a-Reef-Knot). There is the option to change the quality so you can see it clearly, and to set it to full screen. As it is a YouTube link on the website there is a chance it can buffer as it is a lossless compression. This is a feature used on many websites and is a very professional one at that. As well as having instructional purposes, similar videos provide information to the individual would highly benefit from.
Animations have changed over the years and has been visible through the different developments in technology. For example...
Promotion is usually on every website used around the world. Either the website itself will be promoting a particular product, like (www.apple.com) where it promotes all its products individually with videos photos and specific colours to show off its best features or it will be an advert that hosts for example games with large promotional banners, similar to the banner adverts i have previously talked about. These mainly promote sales in clothes websites or the latest car (video 2 mp3). However an alternative would be an advert to promote a product which was video orientated. for example the (http://www.gofurther.com/#en-GB/content/easy-access-door-system) that has a photo related to the featured video in the center of the screen. Those are the only features present on the screen as it is a page purely for the video to promote the new ford car. The apple website mainly uses photos or takes advantage of the album photo of each song used on one of there products. For example when looking at the ipod touch (http://www.apple.com/ipod/) they have used a banner advert to promote their product. They have also used the brightest cases to add more colour to the page as it is very plain and simple colour scheme, that would make the product seem bland if it went along with it. They have also eased the intensity down by using a less bright but still colorful album phot on one of the 5 ipods shown on the banner. This is effective, eye catching and promotes the product well along side any text beneath it that can further attract a viewers attention and further promote the product. These three different types of promotion are all strong as they all use similar techniques to promote their product.
Linear and interactive Animation
An interactive animation is one that an individual can become involved in, for example by clicking on a specific section can adjust the animation. A very common website that uses this is google. These links show a two interactive animations they have used over the years. (http://www.youtube.com/watch?v=tpZBIdgNez0 ) (http://www.youtube.com/watch?v=N1P91to26oA)
This refers to the instructional videos that are used on many websites such as wiki how and sometimes even revision websites to teach you how to do particular things, like maths problems. For example on wiki how, it uses very crisp, clear videos that are easy to see whats going in. Such as in this video used at the bottom of the website to see how a reef knot is made, (http://www.wikihow.com/Tie-a-Reef-Knot). There is the option to change the quality so you can see it clearly, and to set it to full screen. As it is a YouTube link on the website there is a chance it can buffer as it is a lossless compression. This is a feature used on many websites and is a very professional one at that. As well as having instructional purposes, similar videos provide information to the individual would highly benefit from.
Animations have changed over the years and has been visible through the different developments in technology. For example...
However, a linear animations is an animation on a continuous loop, almost similar to a GIF. On many websites, such as the Simpsons website (http://www.thesimpsons.com/), the animation will immediately pop up. For example at the start as the website buffers, it has a spinning doughnut that goes from one point to another continuously until the loading has completed. This is just one of they many animations used on this website and on many others accessible world wide. The positive aspects of these animations is that as there is two different types, they could cater for different audience. For example both a simple linear and interactive animation could be exciting and entertaining to use on a children's website, as well as an adults depending on its topic or theme. A disadvantage however could be that it draws away the attention from the key elements in the rest of the website. For example google can use them efficiently as the only important part to it is the search bar just below it, however others may not. This is specifically aimed at interactive animations as they may be attractive and entertaining but very distracting from important other features.
Promotion
Promotion is usually on every website used around the world. Either the website itself will be promoting a particular product, like (www.apple.com) where it promotes all its products individually with videos photos and specific colours to show off its best features or it will be an advert that hosts for example games with large promotional banners, similar to the banner adverts i have previously talked about. These mainly promote sales in clothes websites or the latest car (video 2 mp3). However an alternative would be an advert to promote a product which was video orientated. for example the (http://www.gofurther.com/#en-GB/content/easy-access-door-system) that has a photo related to the featured video in the center of the screen. Those are the only features present on the screen as it is a page purely for the video to promote the new ford car. The apple website mainly uses photos or takes advantage of the album photo of each song used on one of there products. For example when looking at the ipod touch (http://www.apple.com/ipod/) they have used a banner advert to promote their product. They have also used the brightest cases to add more colour to the page as it is very plain and simple colour scheme, that would make the product seem bland if it went along with it. They have also eased the intensity down by using a less bright but still colorful album phot on one of the 5 ipods shown on the banner. This is effective, eye catching and promotes the product well along side any text beneath it that can further attract a viewers attention and further promote the product. These three different types of promotion are all strong as they all use similar techniques to promote their product.
Instruction/Information
Animation can also be used to help and inform others. For example, the website (http://www.explania.com/en) shows a site that provides animations which are only created educational purposes. They are based on things such as the human heart and about sports, more specifically what the off side rule is in football.
Banner Ad's
Banner adverts are used to promote a particular product or subject, and are on almost every website. They aim to inform the public that this product is available, and will highlight all its positive features. The adverts shown here are to sell certain offers and products from Boots. The use of bright colours will draw the eye of the viewer and make it look aesthetically pleasing. For example even though the bottom banner advert here is just white, the use of the particular shade of pink text and edging, as well as an image of a product available makes it more appealing to the eye. This is similar to the second banner as it has also gone for a simple yet effective colour scheme. However, instead of using pink they have used different shades of brown, that link with the shades of make up used either side of the logo.However, the top one has gone for a completely different approach as it has used a blue background colour and white text. To add more colour variation it uses the brightest coloured toys on the right hand side. This draws the attention to the banner as the background is not outstanding. These are very common ways that banner adverts use where they emphasise the colours to attract them to the product. An advantage of a banner ad is that on certain sites they will be catered to suit you. For example on Facebook, if you adjust your personal settings, adverts relevant to it will appear. It is an advantage as you wont have unwanted and irrelevant adverts on the page. Another example of this is on the website for 'How Stuff Works' (http://www.howstuffworks.com/banner-ad.htm). Along the side they have adverts all relevant to the tech section of the website. The picture below specifically shows the banner advert page and the adverts alongside it. A disadvantage of the colour scheme used on the one underneath is that is pink which is stereotyped to be a very feminine colour. This means that male customers may be drawn off when the advert could apply to them. As the specific product being 'clinique', a makeup brand, it might not appeal to men. But an example the website banner below is a good an example of a multi gender product that is advertised in a pink banner. Simply seeing this before reading it would automatically loose many mens attention.
History Of Animation
Hand Drawn and flick book
Many companies use hand drawn versions of an animation first as a run through of what the actual animation will look like. For example disney did this a lot in creating their animations and films so that they could plan each step out and ensure it was to the best standard it could be, with no jolts or un smooth transitions. However, as films are on average two hours long, it means a large amount of drawings have to be done by a big team of people. A flip book is a booklet that has a freeze frame of a particular picture that shows a gradual movement in the picture. This was used in the past often as is a very useful method to use. However, the issue with using flip books is that they would have to be hand drawn or printed, which takes a long time depending on how long and how detailed the animation is.
Animated Process
Processing the animation requires vital stages to help analyse each step of the animation. For example on the dream works website (http://www.dreamworksanimation.com/insidedwa/productionprocess) show the production progress they undergo when creating all their animated films. The first step is to create the script and imagine it. This will allow new interpretations to be made by others and allow the producer to develop it further. Depending on how long an animation is, this may not be relevant, as this is more set on films which require a large amount of speech. This leads to the disadvantage as it will take a very long time to create the script if it stretches over a long period of time. The second is to create storyboards, which is what we have done for our own animations. These will be simple yet still effective to tell the producers of each stage. This is a useful step to see how the animation will look before actually creating it. Again, depending on the length of the animation this may take a while to draw each scene in high detail. Thirdly, is visual development which involves paintings, blue prints, drawing and sometimes models, which are only really seen in movie animation processes. These will vary in colour type and style so a number can be viewed and chosen over the other. This again will take a long time to do and will not be too beneficial considering time. The forth is casting, involving voices to be portrayed in the animation. Many don't use these as they are very short in comparison to films. Finally they would create the product using certain softwares and programs to make it.
However, it is visible from the past animation process which used things like flip books and drawings how much it has developed. For example in the past, they just used free hand drawings where as now we go through a number of different digital as well as hand drawn processes. It can be further devekloped using CGI which means computer generated imagry. This is used in many 3D or 3Dsmax films to increase their quality, which is done by increasing the number of polygons, yet decreasing their size to make them fit into a realistic shape. They will then layer skins ontop to make it look more like the object they aim to make. The image below shows these steps when using CGI to create a horse for a film.
Hand Drawn and flick book
Many companies use hand drawn versions of an animation first as a run through of what the actual animation will look like. For example disney did this a lot in creating their animations and films so that they could plan each step out and ensure it was to the best standard it could be, with no jolts or un smooth transitions. However, as films are on average two hours long, it means a large amount of drawings have to be done by a big team of people. A flip book is a booklet that has a freeze frame of a particular picture that shows a gradual movement in the picture. This was used in the past often as is a very useful method to use. However, the issue with using flip books is that they would have to be hand drawn or printed, which takes a long time depending on how long and how detailed the animation is.
Animated Process
Processing the animation requires vital stages to help analyse each step of the animation. For example on the dream works website (http://www.dreamworksanimation.com/insidedwa/productionprocess) show the production progress they undergo when creating all their animated films. The first step is to create the script and imagine it. This will allow new interpretations to be made by others and allow the producer to develop it further. Depending on how long an animation is, this may not be relevant, as this is more set on films which require a large amount of speech. This leads to the disadvantage as it will take a very long time to create the script if it stretches over a long period of time. The second is to create storyboards, which is what we have done for our own animations. These will be simple yet still effective to tell the producers of each stage. This is a useful step to see how the animation will look before actually creating it. Again, depending on the length of the animation this may take a while to draw each scene in high detail. Thirdly, is visual development which involves paintings, blue prints, drawing and sometimes models, which are only really seen in movie animation processes. These will vary in colour type and style so a number can be viewed and chosen over the other. This again will take a long time to do and will not be too beneficial considering time. The forth is casting, involving voices to be portrayed in the animation. Many don't use these as they are very short in comparison to films. Finally they would create the product using certain softwares and programs to make it.
However, it is visible from the past animation process which used things like flip books and drawings how much it has developed. For example in the past, they just used free hand drawings where as now we go through a number of different digital as well as hand drawn processes. It can be further devekloped using CGI which means computer generated imagry. This is used in many 3D or 3Dsmax films to increase their quality, which is done by increasing the number of polygons, yet decreasing their size to make them fit into a realistic shape. They will then layer skins ontop to make it look more like the object they aim to make. The image below shows these steps when using CGI to create a horse for a film.
Animation
computer generation
frame rate is the frequency at which an imaging device creates consecutive images called frame. It is often expressed in frames per second and involves the speed it takes for the object to move to the next stage in the animation. If you don't get the correct balance of speed, it can make the animation rough and not flowing smoothly, therefore laving you with a poorly created animation that will look unprofessional. The following website (http://www.adobe.com/devnet/flash/learning_guide/animation/part02.html) is from the software flash that gives you a general understanding of flash rates.
Also, in animation onion skinning is used. This is found in 2D animations and involves layering each stage or key frame of the animation on top of each other, to see several at once. This way it will show the editor where they need more frames or less, and need to edit parts to improve it. It is a very useful technique but also is a very technical one and may not be a function on many players.
Tweening is yet another technique used that has developed over the years. It means the process of generating the intermediate frames between two images to give the impression of it evolving smoothly into the second image. Traditionally, hand drawn sketches where used on light tables to see and adjust any issues with the animation. However now, it is all computer based, for example on Wikipedia (http://en.wikipedia.org/wiki/Inbetweening) , it provides an example that shows the colour tweening used on the a ball which bounces from one side to the other. An advantage is that they are more accurate in comparassion to frame by frame animations. For example when considering the speed of the animation, tweening can ensure it runs more smoothly and appropriately.
Digital Animation
Vector animation and Bit Maps
A vector animation is where a motion is controlled by vectors rather than pixels. Vector usually allow a smoother animation as they are displayed and adjusted using numerical values instead of stored pixel values. Many players like macromedia have this technique on it. Advantages of using vector animations are that they are only small scale files which make it able to scale the image without the risk of loosing any quality. Bitmaps are a computer file which is used to store pictures. it is made up of tiny blocks. For example this (http://www.animationpost.co.uk/tech-notes/bitmaps-vs-vectors.htm) shows us two images. One is where the bit map squares are larger than and the image is unclear and poorer quality. Where as the other shows the same image with smaller block making a fuller clearer image. These can effect the quality of the animation depending on how focused and concentrated the blocks are.
file formats and animation softwasoftware's
nimation, a number of different file formats are used and have their own particular advantages. A few examples are fla, swf, gif, mng and svg. Fla stands for flash which is a multimedia platform that is used to create vector graphics, animations and games. this is the software that we will be using To create ny animation as it is a very strong player. An advantage of this software is that it has a wide range of technical aspects that you can use for example many players don't allow tweening etc where as flash provides this. On the other hand, to a beginer it could be very complicated to use and take an awful long time to understand it. For example I struggled when I first used it and had a lot of help from others who had already got exoeriance in using the software.
15th July 2013
Subscribe to:
Posts (Atom)