Morten Skildpadde animation

morten-skildpadde copy

Klik på morten og se ham danse :D
(åbner i nyt vindue – Virker i Google Chrome & Safari browsere, måske skal du zoome lidt ud, hvis han er for stor til skærmen (PC: Ctrl + -  ;   Mac: Cmd + - )

Animationsprincipper anvendt:

#1 SQUASH & STRETCH
– Mortens ben og underkrop er formet forskelligt (strukket/presset) løbende på billederne, for at få bevægelserne levende.

#4 STRAIGHT AHEAD
– Animationen starter med den første tegning, og bevæger sig fra tegning til tegning ind til slutningen.

#6 SLOW IN AND SLOW OUT
– Mest slow out, da der er flere ens billeder i slutningen, for at få ham til at bevæge sig langsommere dér.

#9 TIMING
– Den skæve fordeling/ timingen af bevægelser fra billede til billede gør hans bevægelser mere naturlige.

Storyboard:

morten-skildpadde-storyboard

Proces:

1. Spritesheed produceres i illustrator med de 9 valgte felter. Morten laves i første felt, og kopieres til det næste, her rettes han til, og så fremdeles, indtil han ender i felt 9 som i første felt.

2. Dernæst gemmes filen som “.png” og dreamweaver åbnes. Ny HTML5 oprettes og css tilføjes. Her oprettes “.sprite” som “div-element – class” med reference til mit sprite-sheed med de 9 steps / felter. (-png filen), størrelsen af billedet defineret (W og H) og animation tilføjes:(webkit = chrome & safari) 9 steps, 1 s., uendelig (infinite), og bevægelsen skal gentages baglæns (alternate). “@-webkit-keyframes play” tilføjes: pos. 0px – pos. -7153px. (hele sprite-sheed ‘et)) Titlen tilføjes, filen gemmes. Og derefter testes den i Safari browseren.

På denne måde vises billederne fra sprite sheed ‘et så hurtigt, at det ligner Morten danser :-) (prøv også at åbne en fane med youtube og find “Morten Skildpaddes titel-sang”, det er lige før tempoet passer :-P

 

Illustrator portræt opgave

Målet med følgende opgave var, at blive rutineret i brugen af “pen tool” i illustrator. (portrættet herunder er dog efterfølgende lavet til jpeg i photoshop, så det kunne komme herind på siden :-) )

Opgaven:

“Vælg et foto af dig selv, og lav det til et portræt ved hjælp af illustrators pen tool”:

              FOTO                                                        PORTRÆT

christina-illustration-altan                         christina-illustration-altan

Bolbro Badminton klubmesterskaber 2015

Som “socialminister” i Bolbro Badminton, er det bl.a. min opgave at arrangere og gennemføre årets klubmesterskaber. Hertil skulle bruges nogle plakater/flyers, som jeg – meget belejligt – har produceret fra bunden i InDesign.. Tja.. Bedøm selv:

Klubmesterskaberne:

klubmesterskab-bolbro-badminton-2015

Spisning om aftenen efter:

spisning-klubmesterskab-2015
(Se bort fra de sorte streger i bedømmelsen af designet ;o) )

InDesign opgave – Magasin cover – Cover

I design-faget blev vi præsenteret for et super godt redskab til produktion af plakater, flyers, brochurer og ja, rapporter: Adobe InDesign. Og nårh ja, det er jeg jo ikke ligefrem novice i, men man kan jo altid lære mere og blive bedre!

Opgaven gik her ud på at vælge en magasin-forside og genskabe den fra bunden i Indesign – velvidende at font og billede ikke kunne blive 100% ens:

Original:cover-forside
Min version:

cover-magasin-christina-m

 

All rights reserved!

InnoEvent 2015

Uge 11 2015 gik med “InnoEvent”, hvor jeg havde valgt at arbejde med case inden for telepsykiatrien. Dette er en lille smagsprøve på, hvad jeg og min gruppe fik ud af ugens forløb:

Group 43 – Telepsychiatry

Group Presentation video:

 

“Mobile app for NoDEP” video: