Unit 39 web Animation Level 3 year 1 - P1 M1 D1

History of animation Enchanted drawing – Stop Action Photography Drawing of rice paper Cole McKay – Little Nemo – Gertie Bray – the use of tracing paper African Hunt (cell) World war 1 – animation used for propaganda 1920 Tomas the cat – first colour animation Felix the cat the most famous cat Max Fleischer – rotoscoping Coco the clown Betty Boop https://www.youtube.com/watch?v=IuzGsXzbG0M https://www.youtube.com/watch?v=NuHnJozhYYM

Your goal is pass P1: learners will describe correctly, and with substantial but not necessarily complete coverage, the key characteristics of web animation technology and usage. They will be able to distinguish correctly between, for example, banner ads, animated interface elements and e-learning content. They will accurately identify technical issues such as compression and file formats. Evidence will show a basic understanding of technical terminology but learners will generally be unsure about this vocabulary and will make fairly frequent mistakes when they do use it.

Your goal is merit M1: learners will explain the key characteristics of web animation technology through detailed illustrative, relevant examples which show how particular technologies are used. They will also discuss the purpose of the chosen examples, clearly explaining differences between, for example, banner ads, animated interface elements and e-learning content. However, learners will not elucidate these examples to show fully how they illustrate the point they support. They will be able to accurately discuss technical issues such as compression and file formats using subject terminology for the most part correctly, though they may make mistakes or be unsure about usage at times.

Your goal is distinction D1: learners will be able to fully explain the characteristics of web animation technologies. They will be able to fully explain, for example, 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. This fuller and more extensive explanation and provision of argument to support points made, and the higher quality expression, will discriminate between this grade and the merit. Learners will analyse usages of this technology through examples which illustrate clearly the breadth of applications of web animation. They will critically compare, assess and discriminate between the given examples of usage and justify points made using supporting arguments or evidence. They will draw out of each example precisely what it is about it that exemplifies the point it illustrates.

Task 1: Investigate the uses of Web animation banner ads animated interface elements linear and interactive animations Promotion instruction information entertainment http://www.webdesignerdepot.com/2015/05/the-ultimate-guide-to-web-animation/ https://www.w3.org/TR/web-animations-1/

https://www.awwwards.com/websites/animation/

Task 1: https://www.youtube.com/watch?v=NZbrdCAsYqU Hand Drawn Research and explain Animation terms, techniques & developments in animation such as: optical illusion of motion Persistence of vision Claymation stop motion cel flip books animated cartoons computer generation Classic, hand drawn animation Cut outs Rotoscope Stereoscopic 3D CGI cut out Motion Capture  Morphing Task 1: https://www.youtube.com/watch?v=NZbrdCAsYqU Hand Drawn Computer Historical animation tools

Task 1: Research and explain dynamic hypertext mark-up language (dHTML) extensible hypertext mark-up language (XHTML) Java applets

Task 1: Research and explain Animation software (open source and paid for) Pivot Photoshop Flash Maya Blender Cinem4d After Effects Studio Ghibli animation software is now free https://www.youtube.com/watch?v=eZ9XoyQ6b1U https://www.youtube.com/watch?v=AcvS0Cp97qA https://www.youtube.com/watch?v=1yJgDTcuaOo https://www.youtube.com/watch?v=ZJVQ5owmInA https://www.youtube.com/watch?v=5CZdTdMmp2w https://creators.vice.com/en_uk/article/free-studio-ghibli-animation-software

Task 1: Research and explain Animation software techniques & Tools Frame by frame (Flash) Walk cycle (Flash) Tweening Masking Layers Importing assets/props Frames and key frames https://www.youtube.com/watch?v=ZJVQ5owmInA https://www.youtube.com/watch?v=5CZdTdMmp2w

Task 1: Research and explain file formats and digital animation formats 2d vector animation 3d animation Raster (bitmap) animation Vector files vs bitmap files (i.e.: saving a Photoshop document in JPEG format will reduce the image quality and flatten all the image's layers) Compression and why it’s important for web animations file size download speeds) Scalability web player plugins File formats (native files formats vs player file formats) Fla Swf Gif Play back software (Quick Time, RealPlayer, VLC Media player)

Resources https://www.youtube.com/watch?v=0g1eb8O9j1M https://www.youtube.com/watch?v=rJaN643ri7s