Wednesday, February 10, 2010

How To Create 2D Animation

Animation are "illusion of motion" one that at makes from still image that is featured alternately. On video or film, merancu's animations on tech where each frame in film is made separately. Frame can be resulted from computer, of photography or of pictured painting. While is that frame are merged, therefore available change illusion draws, according to the so called theory with" persistance of vision".

Animations types

1. Cel's animations
 
Say cel comes from to say "celluloid" one that constitute material that is utilized to make image film moves on tahuntahun first few animations. Now significant film at makes from acetic (acetate) Usually been drawn by use of hand (hand drawn animation)cel's animations usually constitute ply that form singles animations. Each cell constitutes a part one be diqoined, e.g. among object with its background, so gets each other moving independent.

E.g. an animator will make person animations walks, therefore her first step will draw background, then character who will walk at next sheet, then makes meaty ply character while does splits to be lifted, and eventual character while does splits.
Cel's animations is called also Traditional Animations where there are some its makings stage:

1. Making ready Idea / storyboard (script)

Script / idea is made ready as image that as sketch and writing that is turned over goes to director animations.


2. Voice Recording

Get things square all music, soundtrack, sound is effect, and animations character voice that is made.


3. Animatics (story reel)
Usually been made soundtrack's afters is finished to be made, before all animations is finished to be worked.Contain instance image and storyboard what do correspond to image scenes.


4. Design and Timing

After animatics is finished to be agreed, therefore animatics will be worked at design department's part.Usually involves character designers, background stylist, art director, color stylist, and timing director.

5. Layout

Layout covers: corner of camera settlement, lighting, and shading.

6. Animation

Animations drew by chromatic pencil at there are many paper. Need noticed also detail movement, time fitting, and mimik's movement fitting shows face and mouth.

7. Background

Background is drawn by use of water color, oil paint, and crayon.

8. Traditional ink and paint and camera

After all finish is drawn therefore will do image transfer upon the so called material cel and will be taken photograph and is turned around at camera as hereunder:

9. ink and paint is digital

On present era to be utilized scanner and computer.This is shows how two transparent cels's image, each with a different character drawn on them, and an opaque background is photographed together to form the composite's acre image.


Frame animations

 
Frame animations is shaped simplest animations.Its example while we make images that berbedabeda its movement on one bank binds books then we open that book by use of thumb rapid fire therefore image will visible moving.In one film, one series of frame moves with minimal speed 24 frames per sec in order not to happens jitter.


Sprite's animations
o On sprite's animations, image moved by silent background.
o Sprite is part of animations which move independent ala, as e.g.: flying bird, planet that berotasi, ball rebounds, or logo even that rotary.
o Deep sprite's animations that we can edit are animations of display that contain sprite, we can't edit interior that featured by display for each one frame as on frame animations.

Path's animations
o Animations path is animations of moving object along prescribed curve lining as trajectory.
o E.g. in train animations makings, persawat flies, bird etc. which need given power trajectory.
o On mostly path's animations is done also effect looping who make path's movement happens continually.

Spline's animations 
o Spline is representasi mathematical of curve. So object movement not only follow straight line but gets curve form.

Vector animations 
o Vector is line one to have jetty tip, aim, and length.
o kindred vector Animations with sprite's animations, but sprite's animations utilizes bitmap whereas vector animations utilize mathematics formula to figure spritenya.

Character's animations 
o character Animations usually exists at animated cartoon. All animated cartoon interior always moves to coincide. Ordinary software utilized is Unlimited's virtual . Sample animated cartoon that made by Virtual Unlimited is Toy Story and Monster Inc. Whatever its animations type, one that essential is give effect "life" (visual is effect) on image or object.

Visual is effect can be made by :

- Motion dynamics , reverential effect changed positioning to time.
- Dynamics's update , reverential effect changed at one particular object(form, color, structure, and texture)
- Changing light, position, orientation and in focus camera.

Computer Based Animation
Are tech animations processing utilize computer with tool to make visual effect.

1. process's input
Before computer gets to be used deep animations, image that didigitalisasi shall to form keyframe terdigitasi.

2. Composition Stage
Is stage where foreground and background is compounded to result individual frame for final animations.It can be done by use of "composition techniques's image", which is with places low resolution frame in array.

3. Inbetween Process
Move of one position goes to position othering to need frame composition with positioning intermediate squire goes to y. frame. That process is done by use of interpolating.
Interpolating weakness is subtracted realistic. So gets too be done by use of spline (utilizing vector).

4. Colour distorting
To change animations color utilized by CLUT( Color Look Up Table ) on buffer's frame. Colour distorting animations did by manipulates LUTE (e.g. with substitute color alternately) than substituting entirely image with pictured a new one that must will eat bandwidth greater.


Animations Language

There is 3 animations lingual categories:

1. list Notations is linear

All event in animations wrote by one front end frame number and one action which will be done at one particular particular co-ordinate.
42, 53, B, ROTATE "PALM",1,30 Its mean: among frame 42,53, rotate is named object PALM on co-ordinate x = 1 by corner of 30 degrees by use of information table of tables B.
Example: Scefo's program (SCEne is Format).

2. General Purpose Language

Done by glues animations on ordinary programming languages. Point of variable on that programming languages is made as parameter for procedural, to make animations.
Example: Ground is lingual one be made by use of LISP 3. Graphical Language



Graphical

Language is visual language who that memvisualisasikan can action of take orders to build animations.
Example: GENESYS, DIAL, and s Dynamics System.

Method to control animations

1. Full Explicit Control
Animator manages all animations control with all perintahperintah what do will be done in animations, even to datas as interpolating and rotasi was done by ala explicit or bases inputan of the mouses, keyboard, or joystick.

2. Procedural Control
Base communication among object to get property.Control that happening is control among one object with the other object. E.g.: an object serves a ball may not pass wall object.

3. Constraint based System
Controling happens since other object influence, where is that object interaction.

4. Tracking Live Action
control happens matter-of-fact aught correspond to real world.

5. Kinematics and Dynamics
Kinematics bases position and speed from point.



Animations transmission

1. Symbolic Representation
Animations object (for example ball) direpresentasikan coincides by order of its operation (ball is trundled), then by the side of new receiver to be featured Smaller file measure, but time for mendisplay will more long time because have available scan converting telebih previously by the side of receiver.

2. Pixmap Representation
Pixmap ditransmisikan all and is featured receiver alongside.Longs time more transmission time, but mendisplay's time faster Anime

- Japanese artificial animations. Anime usually utilize character figure and background which drawing to utilize hands and little bit computer helps.

- anime's story usually miscellaneous type (adventure, science fiction, children, romance, medieval fantasy, erotica / hentai, horror, action, and drama), have a lot of story figure, and there is that is kept book in comic form (or called by manga) and is broadcast at television and video, even there is that made by its game.

- Genre anime:

o Bish jo = 'beautiful girl', utilized to describe anime that tells about gallant lovely girl character.
Example: Magic Knight Rayearth
o Bish nen = 'beautiful boy', utilized to describe anime that tells about looker young men and elegan.

Example: Fushigi Yugi, Kindaichi.

o Ecchi = 'indecent sexuality'. As: seks's black humor stripling.

Its example: Love Contempts.

o Hentai = 'abnormal', 'perverted', utilized for meracu on porn. Example: Golden Boy o Josei = 'young woman', Anime who relates about young woman. Rarely there is, dorama's example is Oshin, Great Teacher Naomi.

o Kodomo = 'child', anime who is attributed for little kid.

Its example: Doraemon.

o Mecha : anime who tells about giant robot.

Example: Mobile Suit Gundam.

o MoƩ : anime about character which really gallant or cute, Its example: Naruto.

o seinen : anime who is targetted for young men or adult man.

Its example: My Goddess's oh! , kungfu Boy, kenji.

o sentai / Super sentai = "fighting team" one that meracu on team superhero, Example: harlem beat, shoot!, 4WD is mini.

o Sh jo : = 'young lady' or' little girl', Example: Fruits Basket.

o Mah Sh jo : = 'Magical Girl', Its example: Sailor Moon.

o Sh nen : anime for man little kid, example: Dragon Ball Z.
Flash and Web Animations

SWF'S animations requires bandwidth that inferior than bitmap's video and format. Price who shall be paid by bandwidth what does inferior it is animations vekor not utterly been backed up / gets to be featured compared with by bitmap (need plug in special) Flash more than simply animations program. Flash backs up scripting language, Action Script the so called, so dimungkingkan to make interactive animations and makes web application with userinterface as Flash.


Timeline and Stage

Animations that is made at Flash organized by timeline

(representasi is consisting of graph frame bulk). Animations can be made on single frame sometimes during, by adds to y. frames on timeline sekuensial's ala. Stage are window's sub whereabouts frame made by figures object. Object can be made by use of drawing -
tool (nearly equals Illustrator and Corel), import of other application (BMP, JPG, PNG, facility auto trace ), text's animations (outline font).


Layer can used to organize element frame

(layer background, layer is plant, layer apprehends, layer...)
Flash interface contain vector drawing tool, host of palletes (colour mixing, alignment, applying transformations, setting typographics options, ....)
Symbol and Tweening Animations can be added into web page in shaped GIF'S animations or embedded's video. The most popular format for web animations is SHOCKWAVE FLASH (SWF) , usually at generate utilizes Macromedia Flash, one that as animations of vector.
Object can be kept on library in forms special, one that is named symbol , so get rebeen used. Severally instance symbol can be placed on stage. Symbol can ditransformasi (measure, orientation).

Tween motion can be made by some ways. Line of least resistance???

Usufruct tweening can be seen on timeline as sign as arrow on front end keyframe which is chosen. Motion tweening? Prescribed pictured movement beforehand with makes motion path.
Shape tweening? Known by the name of morphing. Transformation an object becomes to new form.


Three symbol's kinds in Flash :

1. Graphic symbol . Simply reusable vector objects. Used to motion tweening.

2. Button symbol . Used to makes a part interactive.

3. Movie clip symbol . Animations who can be added into movie main.


Animations 3 dimensions

Animations 3D easy for at describes, but more difficult to be worked. Properties 3D model defined by numbers. With revamp number can revamp object position, rotasi, surface characteristic, and even form.

Factor that make animations 3D more difficult:

· Shall memvisualisasikan form 3 dimensions.

· processing's ability to process render object 3D · Needs adequately funds, patient and training.
(Source from Duta Wacana University)

1 comments:

Totok Ardyanto said...

Your lapak is bahasa inggres! :D haha