Mahmud Al Hakim Lärare - Folkuniversitetet Flash CS3 Grundkurs DAG 2 Mahmud Al Hakim Lärare - Folkuniversitetet

Agenda 9.00 – 10.15 Mer om text Att läsa Kapitel 6 10.15 – 10.30 Paus 10.30–12.00 Animera Interpolerad animering Kapitel 7 12.00 – 13.00 Lunch 13.00 – 14.15 Bild-för-bild animering Textanimering Läs även Sidan 67, 73, 110, 14.15 – 14.30 14.30 – 16.00 Knappar Filter och effekter Kapitel 9 Sidan 89-90 Kapitel 11 Kapitel 14 2 Copyright, Mahmud Al Hakim, www.hakimdata.se

Formatera och länka Text Copyright, Mahmud Al Hakim, www.hakimdata.se

Dela upp text Om du vill omvandla enskilda bokstäver i ett ord måste du först dela upp varje bokstav i en enskild textruta. Vill du förändra enskilda bokstäver ytterligare väljer du Ändra – Dela upp en gång till. Copyright, Mahmud Al Hakim, www.hakimdata.se

Tips: Panelen Scen Finns under Fönster – Andra paneler Dubbelklicka för att byta namn Copyright, Mahmud Al Hakim, www.hakimdata.se

Tips: Panelen Historik Finns under Fönster – Andra paneler Om du vill ångra flera steg samtidigt drar du skjutreglaget till ett steg eller klickar till vänster om ett steg längs skjutreglagets bana. Skjutreglaget bläddrar automatiskt till det steget och ångrar alla efterföljande steg. Copyright, Mahmud Al Hakim, www.hakimdata.se

Animera Animeringar skapas genom att förändra innehållet i nyckelbildrutor som ligger på en tidslinje. Det finns två typer av animeringar: Interpolerad animering Här skapar man en startbildruta och en slutbildruta (två poler) sen lägger Flash själv till bildrutorna däremellan. bild-för-bild (bildruta-för-bildruta) animering Här skapar du en bild i varje bildruta. Passar bäst för små okomplicerade förändringar och variationer. Copyright, Mahmud Al Hakim, www.hakimdata.se

Översikt över tidslinjen Spelhuvud Tips! Dubbelklicka för att ändra bildrutehastighet! Copyright, Mahmud Al Hakim, www.hakimdata.se

Bildrutor och nyckelbildrutor En bildruta är ett steg på tidslinjen. I ett nytt Flash-dokument är det befintliga lagret i filen endast en bildruta långt. Nyckelbildrutor För att kunna animera måste du skapa s.k. Nyckelbildrutor. Med en nyckelbildruta bestämmer du var, när och hur förändringen i animeringen ska inträffa. Copyright, Mahmud Al Hakim, www.hakimdata.se

Infoga bildrutor Tips! Använd kortkommandot F5 för att infoga en bildruta. Copyright, Mahmud Al Hakim, www.hakimdata.se

Infoga nyckelbildrutor Tips! Använd kortkommandot F6 för att infoga en bildruta. Copyright, Mahmud Al Hakim, www.hakimdata.se

Ta bort bildrutor Markera – Högerklicka – Välj ta Ta bort bildrutor Copyright, Mahmud Al Hakim, www.hakimdata.se

Övning: Skapa en rörelseinterpolering – Sidan 49 Nyckelbildruta Rörelseinterpolering Copyright, Mahmud Al Hakim, www.hakimdata.se

Obs! Rörelseinterpolering kan inte utföras på lager med ogrupperade former eller lager med flera grupper eller symboler. Därför behöver du konvertera enkla former till symboler eller grupper för att kunna animera. Copyright, Mahmud Al Hakim, www.hakimdata.se

Importera bilder till biblioteket Copyright, Mahmud Al Hakim, www.hakimdata.se

Rörelsestödlinje Objekt måste inte röra sig i en rak linje från den ena sidan av scenen till den andra sidan! Övning: Interpolera längs en rörelsestödlinje, sidan 51-53 Copyright, Mahmud Al Hakim, www.hakimdata.se

Lägg till ljud i en film Copyright, Mahmud Al Hakim, www.hakimdata.se

Forminterpolering (morfning) När du arbetar med forminterpolering förvandlar du en figur eller form till en annan figur eller form. Figurens färg, storlek och placering kan animeras. OBS! Symboler, grupperingar, textblock och bitmappbilder kan inte användas direkt utan måste först delas upp. Copyright, Mahmud Al Hakim, www.hakimdata.se

Övning: Forminterpoleing, sidan 54 Copyright, Mahmud Al Hakim, www.hakimdata.se

Figurtips Med hjälp av Figurtips matchas specifika punkter på en figur med exakt samma punkter på den figur som den ska övergå till. Copyright, Mahmud Al Hakim, www.hakimdata.se

Övning Utan Figurtips Med Figurtips Copyright, Mahmud Al Hakim, www.hakimdata.se

Lökskal Genom att använda funktionen Lökskal kan du titta på och redigera flera bildrutor samtidigt. Copyright, Mahmud Al Hakim, www.hakimdata.se

Importera bildsekvenser till scenen Arkiv – Importera – Importera till scenen... Övning: Importera filen steg1.gif Copyright, Mahmud Al Hakim, www.hakimdata.se

Bild-för-bild animering Innehållet förändras med en bild per bildruta. Animeringen sker när bildrutorna spelas upp. Obs! Varje bildruta är en nyckelbildruta. Copyright, Mahmud Al Hakim, www.hakimdata.se

Skapa kapslade animeringar Skift-klicka för att markera alla bildrutor. Högerklicka för att klippa ut bildrutor. Infoga en ny symbol. Högerklicka för att Klistra in bildrutor. Du kan nu återanvända animeringen. Copyright, Mahmud Al Hakim, www.hakimdata.se

Animera maskeringslager – Sidan 64 Copyright, Mahmud Al Hakim, www.hakimdata.se

Animera text – Sidan 64-65 Copyright, Mahmud Al Hakim, www.hakimdata.se

Knappar En knapp i Flash är ett interaktivt filmklipp uppdelat i fyra bildrutor vars utseende redigeras i symbolredigeringsläget! Upp: representerar knappen när pekaren inte är placerad över knappen. Över: representerar knappens utseende när pekaren är över knappen. Ner: representerar knappens utseende när man klickar på den. Träff: definierar området som reagerar på musklicket. Det här området är osynligt i SWF-filen. Copyright, Mahmud Al Hakim, www.hakimdata.se

Skapa en egen knapp Copyright, Mahmud Al Hakim, www.hakimdata.se

Knappar i Delade bibliotek Copyright, Mahmud Al Hakim, www.hakimdata.se

Publicera Flash filmer Copyright, Mahmud Al Hakim, www.hakimdata.se

Panelen Beteenden (OBS! Endast ActionScript 1.0-2.0) Copyright, Mahmud Al Hakim, www.hakimdata.se

Filter OBS! Filter används bara på text, knappar och filmklipp. Du behöver konvertera en bild till en knapp eller filmklippssymbol innan du kan lägga till ett filter till bilden. Copyright, Mahmud Al Hakim, www.hakimdata.se

Lägga till filter – Övning sidan 101 Copyright, Mahmud Al Hakim, www.hakimdata.se

Effekter på tidslinjen Flash CS3 erbjuder effektfulla tidslinjeeffekter. Dessa är: Assistenter, Effekter och Omforma/Övergång Copyright, Mahmud Al Hakim, www.hakimdata.se

Assistenter – Kopiera till rutnät Copyright, Mahmud Al Hakim, www.hakimdata.se

Assistenter – Distribuerat duplikat Copyright, Mahmud Al Hakim, www.hakimdata.se

Redigera och ta bort tidslinjeeffekter Copyright, Mahmud Al Hakim, www.hakimdata.se

Tidslinjeeffekter – Dela upp Copyright, Mahmud Al Hakim, www.hakimdata.se

Tidslinjeeffekter – Oskärpa Copyright, Mahmud Al Hakim, www.hakimdata.se

Tidslinjeeffekter – Utöka Copyright, Mahmud Al Hakim, www.hakimdata.se

Tidslinjeeffekter – Omforma Copyright, Mahmud Al Hakim, www.hakimdata.se

Tidslinjeeffekter – Övergång Copyright, Mahmud Al Hakim, www.hakimdata.se

Tips http://www.flashkit.com http://www.flashmo.com/ http://www.entheosweb.com/Flash Copyright, Mahmud Al Hakim, www.hakimdata.se