Animation Through The Ages

Slides:



Advertisements
Similar presentations
2.02A History of Animation 2.02 Develop Computer Animations.
Advertisements

UNIT 14: Computer Animation
Unit 6 – Multimedia Element: Animation
ANIMATION Chapter 5. 'In his book "Web Site Usability," researcher Jared Spool found that his web site testers found animation uniformly irritating, and.
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
FLASH Introduction to Animation. Review: Intro to Computer Operation Information Technology Vocabulary Computer Hardware Motherboard CPU and Memory Peripheral.
Animation Introduction to Flash Media
Chapter 8 – Part I Interactive Multimedia Authoring with Flash: Animation “Computers and Creativity” Richard D. Webster, COSC 109 Instructor Office: 7800.
Animation Theory.
History of animation.
Animation. Where did animation start from? The original Steamboat Willie animation from Disney Each single frame was painted onto a cell – like a sheet.
Animation is mainly used to produce cartoons, however, it is also used to produce special effects in commercials, live-action movies, video games, and.
 Define the term 2D animation.  Explain the techniques and development of 2D animation.  Compare the affect, pros and cons of these different styles.
Explaining the principles of web animation Gladys Nzita-Mak.
Web animation Gladys Nzita-Mak. Uses of web animation Banner ads Promotion Instruction Information Entertainment.
Main points  Where it started  What is it  Computer animation  Java applets  Flash  Animation process  Optical illusion in motion  Claymation.
Chapter 11 ANIMATION  Group Name: Creative Web World  Jose T Barriga  Claudia L. Espinosa  Ranjana Agarwal.
Animations By Georgia Waldram-Higham. CGI-(Computer generated imagery) Computer-generated imagery (CGI) is the application of computer graphics to create.
Business and Computing Deanery Multimedia Week 6 Animation.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 8 This presentation © 2004, MacAvon Media Productions Animation.
Chapter 7 Animation. The Power of Animation Animation grabs attention Transitions are simple forms of animation  Wipe  Zoom  Dissolve.
Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based  Bitmap –Bitmaps are made up of single pixels  Vector based –Vector graphics are.
 The creation of moving pictures one frame at a time Literally 'to bring to life' e.g. make a sequence of drawings on paper, in which a character's position.
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
Animation techniques By mark smith. Thaumatrope Thaumatropes are originally from the prehistoric age they would draw on a leaf or some bark and attach.
Chapter 7 Animation Prepared by: Ms. Ma. Anna Corina G. Kagaoan College of Arts and Sciences.
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
Animation What is animation all about?. What is Animation? O “ The technique of photographing successive drawings or positions of puppets or models to.
Introduction to Flash. A Metaphor Definitions Stage is the rectangular area where you place graphic content, including vector art, text boxes, buttons,
Bringing Animation to Your Websites introducing ADOBE FLASH.
“ Animation Through the Ages” Camelia McCallion. Main tasks What is computer animation? Hand drawn (cel) Flick books Animated cartoon Animation process.
Animation is a group of moving pictures to make an object or a character to look like it is moving for example a stickman walking along a road. Animation.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
Animation through the ages By Nicole Frize. Main Tasks  What is computer animation  hand drawn (cel) ;  flick books;  animated cartoon;  animation.
Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.
Computer Engineering and Networks, College of Engineering, Majmaah University ANIMATION Mohammed Saleem Bhat CEN-318 Multimedia.
CDM105 Session 8 Macromedia FLASH MX 2004 Part 1 : The Interface, Drawing graphics, Symbols, Layers and Frame-by-frame animation 1 CDM105 Session 8.
COM 205 Multimedia Applications
Unit 6 – Multimedia Element: Animation
Unit 39 web Animation Level 3 year 1 - P1 M1 D1.
Frame(GIF) and Vector Animation
TOPIC 5 - ANIMATION.
Animation Part I: Interactive Multimedia Authoring with Flash
MOHD SAIFULNIZAM ABU BAKAR
Frame(GIF) and Vector Animation
Multimedia – Stop Motion Animation
GIF or Not GIF? Use GIF for animation:
Chapter 4:- Animation Eyad Alshareef Eyad Alshareef.
Lesson Objectives To understand how to create animation with motion tweens.   To understand how to create symbols and why these are important.
“Animation Through the Ages”
Introduction to Animation
Introduction to animation
Origins of animation Gladys Nzita-Mak.
Scientific Visualization I – Unit 6
Frame(GIF) and Vector Animation
Uses and Principles of animation
Web animation Brad Hurley.
Tool for Creating Rich Media
Competency 002 B Sonia Aldape
Objective % Explain concepts used to create digital animation.
Objective % Explain concepts used to create digital animation.
Assist. Lecturer Safeen H. Rasool Faculty of SCIENCE IT Dept.
Chapter 5 Animation.
2.02A History of Animation 2.02 Develop Computer Animations.
Objective Explain concepts used to create digital animation.
Chapter Concepts Discuss Using Animation on the Web
GIF or Not GIF? Use GIF for animation:
2D Animation Digital Arts.
Presentation transcript:

Animation Through The Ages

What is animation Animation is a group of moving pictures to make an object or a character to look like it is moving for example a stickman walking along a road. Animation is a easy way to represent reality. It is also a easy way to show emotion to others from any age and to show a point to others. For example if you show a fire safety cartoon to young children they are more likely to watch it and learn the safety issues of fire. Animation is moving images to make it look like a video Animation is a great way to produce health and safety to children, for example a fire safety cartoon

2D and 3D Hand drawn A series of images put on a slide Moving pictures Types of animation 2D and 3D Hand drawn A series of images put on a slide Moving pictures There's different types of animation such as 2D and 3D Hand drawn A series of images put on a slide Moving pictures

Hand drawn (Cel) drawn It is when you have to draw every frame by hand and it is another traditional way. Drawn on a transparent sheet for hand drawn traditional animation. Also you can use paint to do the animation. Hand drawn animation Is the old and traditional way that animation was made

The Flip Book The flip notes are created by using a number of sheets of paper stuck together. you draw a image on the corner of a book all the pages there will be a drawn. An example of a flip book would be a stick man walking. Flip Note animation is when you use the bottom corner of each page in the note pad to make an image look like its moving for example a stick man walking

Animated Cartoon What is a animated cartoon? Animated cartoon is characters moving and talking for a T.V. program. Traditional cartoons would be drawn and now we have modern animation which lets us to create more smooth around the edges. Software like flash. An animated cartoon is a kids tv program that contains animation of certain characters that make a show For example tom and jerry which is a famous kids tv program

Animation process Design through story boards You draw it on paper You develop it on Adobe Flash And then you make it into a movie and test it and modified it if needed. The Animation process You can make animation from a number of ways from dawning it , to using Adobe Flash

GIF Stands for Graphics Interchange format Is a group of images shown how to be played by being put them what whey they are put in order. Are a small file size smaller than bitmap. GIF is a number of images put together to make a small video file

DHTML Instead of having basic buttons on a website you can have dynamic ones that light up when you hover over it. It also allows you to add a gif to a page. DHTML is a website language DHTML is a website language which allows you to add GIFs to websites and more animation

XHTML It is another website language. It too also allows you to create a web page. XHTML is another website language that allows you to create a web page

Java applets They are used to create web animation. It is an application but a small one which gives it its name which is applet. Applets aren't complete software applications, they work only in conjunction with a browser. Java applets are used to create web animation , They are smaller than normal apps this is were it gets its name

Optical illusion Sometimes referred as persistence of vision It makes you think that animation is happening when your mind is taking in a image moving fast that there is animation, For example Thaumatrope Another example would be flash, when you see a stick man running you can she the previous frames. Optical illusion makes you think that an animation is happing when its just a few images moving fast that creates a animation

Claymation Claymation was a old way to show cartoons and animation back in the 1980s It was a more traditional way of showing animation. Is one of the famous styles of stop motion. For example Pingu the old Claymation animation Claymation was a old but popular way to show kids tv shows in the 1980s Cartoons such as pingu

Stop motion Stop motion is when you have to stop the character in the animation and move him a ting bit each time It is the traditonial versoin of stopmotion The modern stopmotion is flash as in each frame you have to move the character a wee bit each time to make him look like that they are walking Stop motion is when you stop the character and move it to make it look like its animation

Computer Generation Computer Generation

Frame rate That if you go to fast it can see the previous frames. Every frame on the frame rate would be like flicking a page in a flick book. The automatic speed for frames is 24 frames per second it will always need adjusted for animation. Frame rate is when you can edit each frames speed

Frames They are like pages on a flip book Each frame can hold a different movement on a image A frame holds a different movement of the same image just like the image of the man running

Key Frame A key frame is a frame in flash that lets you see the previous page in flash A sequence of key frames defines which movement the viewer will see A keyframe is a frame where a new symbol instance appears in the Timeline

Onion skinning Onion skinning is when you want to make your animation move and that you can go back to your previous frame and you can change any changes that is needed. With out it we could not see or previous actions. Onion skinning allows you to see your previous movement in a image so that you now what to do next

Thanks for listening Thanks for listening