(category) LIST of posts

Biltur

En øvelse med movieclips inden i movieclips inden i movieclips – som gerne skulle samle op på det basale animation, flere tidslinier og anvendelsen af playback-actions.

Hierarkien for objekterne er som følgende:
biltur
< instancenavn >
blå: indeholder motiontweens
grøn: indeholder shapetween
gul: indeholder en tidslinie med “sektioner”
grå: knapper

.

Turorials Animation

adobeAnimationguide
Den bedste hurtige cs4 rundtur
et par små ulemper med den nye motiontween måske

Frame by frame

walk cycle
walk cycles tricks
Dermot O’connor den proffe walk cycle i 4 dele

bones

bones på photoshop movieclips (lag er jeres venner) | part2 target=”_blank” | part3 | part4 | part5 | part6
animate bones

3D

3d-rotation
exploring, animating 3d
bog og sider
scriptede 3d classes på flashandmath

cs4 effekter

spraybrush med moviclips!
deco-tool med movieclips

Blandet

cutout teknik med pelikan

Playback af MovieClips

Dette er anden del af en øvlsesserie. Første del er Animationer i movieClips

Knapper

Der oprettes knapsymboler (her er der lavet 2: en for play , en for stop) for alle play og stop knapper der derefter skal arrangeres ud på hovedscenen – på deres eget lag: knapper.
Der må gerne genbruges af samme symboler, der må også laves flere, hvis de skal se forskellige ud.

Knappers tidslinie er begrænset til det strængt nødvendige: det umiddelbare udseende. up, over down og hit(bruges kun til at aftegne det “musefølsomme” areal)
Knappers funktionalitet, scripter man sig jo til.
Derfor kan man godt lave flere lag, hvis grafikken er kompliceret.

Instance navne

Skal man kunne nævne knap- eller movieclip-instances i sit script, og det skal man for at kunne igangsætte en handling med et klik, så skal de have unikke navne. Marker dem individuelt og navngiv dem fra property-panelet.
De kan i princippet hedde hvad du vil, bare overhold web-navngivnings-konventionerne.
Det er smart at have et navngivnings system, som du – og andre – kan gennemskue.
Prøv at se om du kan gennemskue dette system:

anim_playback1.gif

Actions

Stil dig på hovedscenens eneste frame på et nyt lag øverst oppe, som du passende har døbt actions.
Actions panelet åbnes (find det i window-menuen, eller tryk f9, eller højreklik.) og der tastes.

NB: Vær opmærksom på, at alle kommandoer skrives på samme linie indtil tuborgklammer eller afsluttende semikolon!

anim_playback2.gif

Animationer i movieClips

Dette er første del af en øvlsesserie. Anden del er Playback af movieClips

Formålet er at undersøge de forskellige animationstekniker opstillet i animation teknikker – samt at anvende dem hver især i deres eget movieclip og derved håndtere flere symbolers tidslinier og lag.

Lav mindst 3 movieclips med forskellige slags animationer, de lines op på hovedscenens første frame, klar til senere playback kontrol med knapper.

anim.gif


Brug højrekliksmenuen (og helst Firefox) for at downloade disse eksempler, hvis du vil kigge i mine.
anim.fla (eksempel ovenfor)

Walkcycle slide

Definition

En walkcycle er den sekvens af bevægelser mellem det ene trin i et gangforløb og det andet – lige til bevægelsen gentager sig.

Teknikker

- med flyttet fodfæste – til duplicering
- på stedet /trædemølle – i en movieclip til at tweene
Frame by frame eller mindre tweens
Bones (mest til kagemænd) på en shape eller dele i movieclips
Efter billeder / video

Inspiration

Se Google og myriaderne af forskellige ‘stickman wars’
Legato (Nicholas Clauss)
En kreativ gif-animation

Ressourcer

Eadweard Muybridge
Preston Blair
Se tutorials på hyperlisten til animation

Animation teknikker

Nedenstående tekniker kan også kombineres på samme timeline.

Classic Motion tween

motion.gifanvendes på et symbols ‘instance’.

position = bevægelse
skalering = zoom effekt
rotation
vridning
Color effekt (tint, alpha) = fx. fade effekt
Filters (fx. drop shadow, blur)
Easing (brems, accelerer..) sættes generelt på hele tweenen, også hvis effekterne er kombinerede.

.

“New” Motion tween

newmotionanvendes på et symbols ‘instance’.

Kun siden CS4 -
Laver præcis samme forandringer i en movieclips properties som den klassiske motion tween, men laver selv nye keyframes.
Dels ved intuitiv “manuel ændring” på scenen –
- eller/og ved at indstille i Motion editor. Der kan man blandt meget andet indstille easing for hver enkelt property.

.

Shape tween

shape.gifanvendes på en shape.

.

Frame by Frame

fr-by-fr.gif
frame_by_frame
onion_skin

.