Animer former med Shapehints
Forord!!!!!! Du kan også bruge Shape Hints til at lave 3D med! Se det her lille flash-eksempel jeg har lavet:http://graphica.deviantart.com/art/Rowl-animation-Shape-Hints-67132813 Derudover har jeg i en periode arbejdet på en 3D film lavet næsten kun med shape hints. Den er langt fra færdig, men i kan se den her: http://graphica.deviantart.com/art/Trailer-01-Part-of-a-serie-63307043 Hej igen :) Denne gang vil jeg lære jer hvordan man bruger Shape Hints i Flash så i kan lave en form der ændres til en ny... Dette er et "must learn" for alle der arbejder med flash! Et meget vigtigt værktøj hos enhver animator. Metoden kan blive brugt i mange sammenhæng, til at lave 3D, (Ikke rigtig men noget der ligner) til at få noget til at skifte form på en ordentlig måde uden at i får en krøllet animation og mange flere ting... kommer an på hvad i har af ideer. Hvis i ikke gider at læse det hele igennem er det nok bare at læse og lave til den store sorte prik længere nede. Grunden til at jeg har tilføjet lidt ekstra er at det uddyber lidt hvordan Shape Hints fungerer og i vil få nemmere ved at forstå det hvis i gennemfører artiklen, men det er egentlig ikke nødvendigt hvis i ikke gider at læse det. Her er et eksempel på hvad i vil komme til at have lavet i slutningen af artiklen. Det er ikke så kønt men det kan bruges i masser af sammenhænge når først man forstår systemet:  _______________________________________________________________________________ Lad os se at komme i gang. Start med at åbne Flash og vælg "Flash document". (Standart) Størrelsen er ligegyldig men for en god ordens skyld kan jeg sige at jeg i artiklen har brugt 550 x 400 pixels (Standart) I artiklen har jeg valgt at køre med 12 fps så hvis du sætter det op må du selv tage højde for at lægge ekstra frames til. Tegn en firkant som denne med "Rectangle Tool" (R) (Hold shift inde for et præcist kvadrat):  Copy (Ctr+c), paste (Ctrl+V) firkanten og placer den kopierede oven på den forrige og dobbeltklik på den som vist her:  Tryk delete så du får et L der vender på hovedet. Dobbeltklik på en kant så alle kanter bliver valgt og tryk delete for at slette dem. Derefter dobbeltklikker du på formen så den hele bliver valgt. Vælg "Free Transform Tool" (Q) og roter formen så den bliver placeret sådan her (Hold shift inde for at gøre det mere præcist):  Ryk formen ud til venstre. (Ikke helt hen til kanten men næsten) Derefter indsætter du en "Keyframe" (F6) på frame 15. I toolbaren øverst klikker du "Modify->Transform->Flip Horizontal" så formen bliver spejlvendt. Så rykker du hele formen til højre indtil at den akkurat er nået helt væk fra den position den stod på før. (Den skal ikke gå ind over noget af det sted den stod på før) Så skulle du nogenlunde have dette (Den lysgrå er så i kan se hvad jeg mener med at den skal være væk fra den forrige form. Den lysegrå er den forrige form, den sorte er den form i laver nu):  Gå til 1. frame. I Properties vælger du i Tween, "Shape"  Prøv at trykke "Enter" for at afspille det... Det ser ikke særligt flot ud vel? Krøller sig nærmest over til den næste form... Det skal vi gøre noget ved. Stadig i frame 1 trykker du "Ctrl+Shift+H" eller går op i "Modify->Shape->Add Shape Hint" for at indsætte et shape hint. Nu burde der være kommet en lille rød prik med et A frem. Hvis du går til frame 15 vil du se at det også er der. Nu skal du på frame 1 sætte A"et i et hjørne og på frame 15 sætte A"et i det samme hjørne. (Bortset fra det her er modsat) Prøv at teste nu. Kører det ordentligt? Ellers sæt nogle flere ind ved at bruge metoden fra før. Her er hvordan jeg har placeret mine Shape Hints på de to frames (1 og 15): Frame 1:  | Frame 15: Som du sikkert har forstået vil det punkt hvor du har sat et f.eks. A blive til det punkt ved den næste keyframe hvor du her satte et A. Bogstaverne i prikkerne er kun lavet for at man kan holde styr på alle sine hints. (Lad være med at indsætte for mange hints da det nemt kan forvirre både dig og programmet. (Programmet tager den nemmeste vej den kan komme frem til med dine hints og nogle gange virker det ikke helt logisk) Når jeg kører den nu ser den sådan her ud:   Her fra er det ikke nødvendigt for dig at læse videre... De næste ting vil være uddybelser og en smule sværere end det du lige har lavet.Lav en Keyframe på frame 16 og derefter lav en ny Keyframe på frame 30 og tryk "delete" for at fjerne formen på frame 30. Herefter skal du der hvor du i starten lavede Det omvendte L, nu lave en måne på frame 30. (Lav en cirkel med "Oval tool" (O ) (Hold Shift for en Præcis cirkel), lav en til oven på lidt ved siden af, dobbeltklik på den og tryk delete for at slette den. Dobbeltklik på en kant så alle kanter bliver valgt og tryk delete for at slette dem.) Den skal være placeret nogenlunde samme sted og have nogenlunde samme størrelse som formen på frame 1. Sådan her skal den nogenlunde se ud:  Nu skal du på frame 16 i Properties vælge Tween, "Shape" (Som tidligere) Stadig på frame 16 indsætter du nogle Shape Hints. Her er mine Shape Hints på frame 16 og 30: Frame 16:  | Frame 30: Lav en ny Keyframe på frame 31 og endnu en på frame 45. Gå til frame 1 og tryk "Ctrl+C" for at kopiere formen. Gå til shape 45 og tryk delete for at slette månen og derefter tryk "Ctrl+Shift+V" for at paste formen. Så gå til frame 31 i Properties vælge Tween, "Shape" (Som tidligere igen) Nu skal du på frame 31 indsætte Shape Hints og derefter rykke dem hen på deres pladser på frame 45. (Lige som de to andre gange) Her er hvordan jeg har placeret dem: Frame 31:  | Frame 45: Så er vi færdige! :D Tryk "Ctrl+Enter" for at afspille den. Kønt er det ikke men men det kan bruges til en hel masse så snart man bliver lidt god til det :D Håber i kunne bruge det :) (Har tjekket efter men der har sikkert været et par stavefejl) _______________________________________________________________________________ Opsumering: Lav en form i en Keyframe. Lav en ny form i en ny Keyframe. Sæt Shapehints for at sammenbinde dem. (Lad være med at indsætte for mange da det nemt kan forvirre både dig og programmet. (Programmet tager den nemmeste vej den kan komme frem til med dine hints og nogle gange virker det ikke helt logisk)) Forresten: alt dette kan selvfølgelig også gøres med farver så når du har månen så kan du gøre den grøn så den fader pænt over ;) Sidst redigeret 17:36 12/10/2007 |
|
Kommentarer
Giv din mening tilkende om denne artikel, eller læs andres.Har du spørgsmål eller brug for hjælp til denne artikel henvises du til forummet.
| Nice :D |
Oprettet af:
|
| Tak :) |
Oprettet af:
|
| Det squ fedt nok 8) |
Oprettet af:
|
| Glad for at i kan lide den :D |
Oprettet af:
|
|
Jeg kan ikke Flash, så kan ikke udtale mig om det tekniske. Men forhelvede ser det godt ud. Du illustrere det hele rigtigt godt, samtidig med at du skriver så alle kan følge med. Thumbs up! |
Oprettet af:
|
|
super godt illustreret :) helt sikkert godt at lære hvis man er interreseret i framebyframe animation. 5/5 herfra |
Oprettet af:
|
|
Fedt at i alle kan lide den :D Det er sådan noget der giver en lyst til at skrive flere artikler :) |
Oprettet af:
|
| Guf ;) Lige noget for mig, hvis du kunne lave en artikel om flash fx hvordan man får en mand til at gå og måske lidt lyd på ville det være utrolig fedt :) |
Oprettet af:
|
| character animation er noget sværere og kræver en god "føelse", hvis det da skal være godt, ellers er det let :) |
Oprettet af:
|
| Forresten: alt dette kan selvfølgelig også gøres med farver så når du har månen så kan du gøre den grøn så den fader pænt over ;) |
Oprettet af:
|
Side af 2