Gå till panelen Timeline. Här finns endast ett lager som heter Layer 1. Dubbelklicka på namnet Layer 1 och byt det till Content.
Lägg till ett nytt lager genom att klicka på symbolen för nytt lager. (Längst ner till vänster i panelen.) Döp om det nya lager som skapas till Animation.
Skapa på samma sätt ytterligare lager enligt illustrationen. (Om lagren hamnar i fel ordning går det bra att dra dem på plats med musen.)
Välj File/Save as och spara ditt dokument i en lämplig katalog. (Använd samma katalog för att spara övriga filer i detta projekt, t ex bilder och html-filer.) Döp filen till tomtebanner. Den får automatiskt filtypen .fla.
2 Importera bild med tomte och bearbeta den
Spara nedanstående bild på en tomte i samma mapp som din Flashfil.
I Flash väljer du File/Import to Library. Leta upp tomtebilden och importera.
Öppna panelen Library och kontrollera att bilden med namnet jenny_nystrom.jpg finns där.
Fortfarande i panelen Library skapar du ett nytt biblioteksobjekt genom att klicka på knappen för New Symbol längst nere till vänster i panelen. I dialogrutan New symbol som poppar upp ger du objektet namnet Tome och ställer in att det skall vara av typen Graphic.
Dubbelklicka på din nya symbol så att den öppnas i redigeringsläge. Det ser du på att symbolens namn står bredvid dokumentets namn över scenen på detta sätt:
Dra symbolenut på scenen så att den alltså hamnar i symbolen Tomte.
Se till att jenny_nystrom.jpg är markerad på scenen och vetorisera den med kommandot Modify/Bitmap/Trace bitmap. Använd de förinställda värdena för tracing.
Den nyskapade vektoriserade bilden kommer att bestå av ett stort antal objekt. Markera olika delar av tomtens bakgrund och radera så att du till slut bara har själva tomten kvar. Om du skulle råka radera fel går det bra att ångra i många steg med Ctrl+Z.
När du är nöjd skall du spegelvända tomten. Markera först hela tomten (Ctrl + A) och grupper dess olika delobjekt med Modify/Group. Välj därefter verktyget Free transform tool. Genom att dra i någon av klossarna mitt på markeringsboxens vertikala linjer kan du göra en spegelvändning.
Free Transform Tool
Nu är din vektoriserade tomtesymbol klar. Skapa på motsvarande sätt en symbol med namnet Gott_nytaar och låt den innehålla en vektoriserad version av texten Gott Nyttaar i bilden av Jenny Nyström.
När dina två nya symboler är klara återvänder du till din Flashfilms huvudtidslinje genom att klicka på Scene 1 över scenytan.
Se till att lagret Content är valt i paletten Timeline.
Placera dina nya symboler (tomten och gott_nyttaar) genom att dra dem från biblioteket in på scenen. Du behöver minska deras storlek. Gör det antingen med Free Transform Tool eller med paletten Properties. Illustrationen nedan visar hur rutan properties kan se ut när du har scenen tomtesymbol markerad.
Ungefär så här skall det se ut när bilderna är placerade och skalade:
Spara din fil
3 Importera Illustratorfil med logga och skriv in text
Ladda ner Illustratorfilen hamrens.ai och placera i samma mapp som din Flashfil.
Aktivera lagret Text i din Timeline.
Välj File/Import/Import to stage. Leta upp Illlustratorfilen och importera den. Lägg märke till att du i en dialogruta får möjlighet att välja bort olika delar av filen. Klicka dig förbi denna ruta.
Placera storleksförändra och placera loggan enligt illustrationen:
Välj textverkttyget i verktygpaletten och rita upp en textruta. Skriv in texten Handla enklare. Formatera textrutan så här: (Lägg märke till att färgen är mörkt grå)
...och placera den så här:
Så här skall det ungefär se ut när det är klart:
4. Animation med stjärna
Gå till panelen Library och skapa en ny symbol. I popuppfönstret New symbol ger du den namnet Star-movieclip och ser till at det är av typen Movieclip.
Gå in i redigeringsläge för din nya symbol genom att dubbeklicka på den i Library-panelen.
På verkktygspaletten finns verktyg för att rita figurer. I standardläge kan du rita rektanglar, men om du klickar på den lilla trekantspilen i verktygets ikon kan du även välja att rita andra forme. Välj formen PolyStar. Gå därefter direkt till panelen Properties, för att ändra inställningar för verktyget. KLicka på knappen Options under rubriken Tool settings. I dialogrutan som öppnas kan du välja att rita femuddiga stjärnor. Gör så.
Välj en gul färg och rita en femuddig stjärna.
Markera stjärnan (Ctrl+A fungerar eftersom stjärnan är symbolens enda innehåll för närvarande) och gör om den till en symbol med kommandot Modify/Convert to symbol. Ge symbolen namnet Star-graphics och låt den vara av typen Graphics. Om du nu tittar efter i biblioteket skall du se att du har en ny symbol där. Denna symbol Star-graphics använder du för närvarande i synmbolen Star-movieclip.
Kontrollera att du fortfarande befinner dig i redigeringsläge för symbolen Star_movieclip.
Gå till panelen Timeline. Högerklicka på frame 15 i tidslinjen och välj Insert keyframe.
Lägg in ytterligare två keyframes i rutorna 30 och 45.
Gå till frame 15 genom att klicka på den.
Du skall nu ändra utseendet på den instans av symbolen stjärna som ligger på frame 15. Markera först stjärnan. Gå därefter till panelen Properties och dess rubrik Color Effects. Välj Tint i dropdownboxen Style. Klicka därefter på den intilliggande rektangeln för färg och välj en röd färg.
Ändra även storleken på stjärnan. Gör den någo större med hjälp av Free Transform Tool.
Lägg in animationer genom att i tidslinjen högerklicka på någon av rutorna 1-14. Välj Classic tweening. Nu skall en pil visas i tidslinjen för att signalera att en animation är inlagd. Lägg in en likadan tweening någonstans mellan ruta 15 och 20. Nu är din animerade symbol klar att användas. Du kan testa din animation i Library-panelen genom att välja symbolen Star-movieclip. I minityren av symbolen överst i bibliotekspanelen finns en liten play-knapp som du kan trycka på.
Nu återstår bara att placera den animerade symbolen på scenen. Gå till projektets huvudtidslinje. Aktivera lagret Animation. (Klicka på Scene 1 över arbetsytan.) Dra in en version av symbolen Star-movieclip på scenen. Förmisnka den och placera den ovanför loggan enligt illustrationen.
5 En osynlig knapp
Gå till panelen Library och skapa en ny symbol. Ge den namnet Osynlig knapp och låt den vara av typen Button.
Gå in i redigeringsläge för symbolen Osynlig knapp genom att dubbelklicka på den.
Välj verktyget för att rita rektanglar Rectangel tool. Med valfri färg ritar du sedan en rektangel av varlfri storlek.
Markera rektangeln och gå till panelen Properties. Ge rektangeln förljande värden:
W: 600px
H: 160px
X: 0
Y: 0
Gå till panelen Timeline. Högerklicka på den ruta som finns under rubriken Hit och välj Insert Keyframe.
Gå därefter till rutan under rubriken Up. Markera rektangeln på scenen och radera den. Nu har du skapat en knapp utan någon synlig grafik, men med en stor rektangel som markerar en klickbara yta. En osynlig knapp med andra ord.
Återvänd nu till filmens huvudtidlinje och markera lagret Osynlig knapp. Dra symbolen Osynlig knapp från biblioteket ut på scenen. Placera den så att den täcker hela filmen. (En osynlig knapp av den här typen kommer att visas som en färgad transparent yta när du befinner dig i redigeringsläge. När du skapar din färdiga film kommer den dock att vara helt osynlig.)
Blå markering för osynlig knapp
Testa gäran din film genom att trycka på Ctrl+Enter.
6. Actionscript
Nu är det dags att lägga in Actionscript som skall hantera din klickning på knappen.
Gå till lagret Osynlig knapp. Markera den osynliga knappen. Öppna panelen Properties och ge knappen ett Instance name. Namnet skall vara btn_osynlig.
Markera den första rutan i lagret Actionscript i tidslinjen.
Öppna Actionscripteditorn genom att trycka på F9. (Window/Actions går också bra.)
Free Transform Tool
