Sådan laver du et simpelt animeret banner i Flash CS3
Hvis du ønsker at gøre en animeret banner hjælp forældet teknologi, vil denne tutorial viser dig, hvordan du bruger Adobe Flash og ActionScript 2.0. Bemærk, at dette kan gøres meget lettere med HTML og jаvascript.
Video: Knapper i Flash til hjemmesider i Flash del 1
1
Åbn Adobe Flash og opret et nyt dokument. Rediger dokumentet ved at trykke på Command + J for Mac eller Ctrl + J til pc. I valgmulighederne skal du forlade bannerstørrelsen 468 bred x 60 højde (dette er standardwebstørrelsen på et banner), og lad baggrunden være med hvilken som helst farve, du vil have, og klik på OK. Til denne øvelse vil den være sort.
2
Gå til dine lag og navngiv din første, uanset hvad du ønsker, at din første animation skal være. I denne tutorial vil det være en cirkel, så laget selv kaldes `cirkel`. Flyt musen til det rektangulære værktøj, klik og hold musen nede for at åbne menuen og vælg det ovale værktøj, og slip derefter musen. Gå til banneret, og lav en cirkel af enhver størrelse. I denne vejledning er størrelsen ret stor, så kun et stykke af cirklen ses i banneret, og dimensionerne er 175,5 x 175,5.
3
Nu, hvor du har cirklen udført, skal du trykke på F8 (Mac og PC) for at åbne konverteringsboksen for symbol. Klik på diagrammet, og navngiv symbolet som "cirkel", og tryk derefter på OK. Du har oprettet et symbol, der kan animeres. Gå til dit lagdelt område og flyt musen over ramme 5, og tryk på F6 (Mac og PC). Dette vil skabe en keyframe, som vil have cirklen på samme sted. Klik på den første ramme igen, og flyt derefter til din cirkel og klik på den. Lad os nu gøre dette til en fade-in animation.
Video: Lav et fedt banner til fansite
4
Gå til egenskabspanelet nederst, og gå til farvemulighederne. Klik på det, og gå til alfa-sektionen, og angiv derefter procenten til 0. Dette vil gøre din cirkel forsvinde, men rolig, fordi den stadig er der, kun nu skjult.
5
Gå tilbage til dit lagerområde, og højreklik på et keyframe, der ligger mellem 1. og sidste keyframe, og klik på "Create Motion Tune." Hvis det gøres korrekt, så har du gjort den første del af din animation med succes. Lad os nu tilføje teksten.
6
Opret et nyt lag, så navngiv det som "tekst", da det er det, vi vil lægge der. Gå til den 6. ramme i "tekst" -laget, højreklik og vælg "Indsæt ny keyframe", som vil give dig et tomt keyframe til at arbejde med. Gå til din værktøjspalette og klik på "T" for at vælge tekstværktøjet. Gå til dit banner, og skriv derefter de ønskede ord. Til denne tutorial, vil teksten være "banner", og teksten stadig er markeret, skal du trykke på F8 for at gøre det til en grafisk, skriv "tekst" for at indstille navnet og klik OK. Nu kan din tekst også animeres.
7
Gå nu til "cirkel" -laget, og klik på den 6. ramme, og klik derefter på og hold rammen, og træk den til det 16. keyframe. Dette vil gøre cirklen synlig i hele animationen. Flyt teksten til et område, der ligger inden for cirklen, men sørg for, at det ikke er med nogen klumper ud af cirklen. Gå til dine lag, klik og hold "tekst" laget, og flyt det ned, så det er under "cirkel" laget. Dette vil medføre, at noget af teksten forsvinder, hvilket er det, vi ønsker i øjeblikket.
8
Lås cirkellaget og gem det, så vi kan være sikre på, at intet vil blive beskadiget, og så kan vi se, hvad vi gør. Klik på ramme 15 i tekstlaget, og opret en keyframe ved at trykke på F6. Klik på teksten i den 16. ramme, og flyt den til, hvor du vil have teksten i banneret, men sørg for, at det sidste bogstav er lidt mere til venstre end cirklen. Du kan klikke for at gøre cirklen synlig, hvis du ikke er sikker på, hvor cirklen er.
9
Når du har cirklen placeret i stedet for din præference, skal du gå til "tekst" laget, og derefter mellem de to keyframes gøre det til en bevægelse mellem ved at højreklikke og vælge "Create Motion Interpolation". Når dette er færdigt, skal du oprette et tredje lag og navngive det i ActionScript. Gå til den sidste ramme (16. ramme) og opret en ny keyframe ved at trykke på F6. Gå til Vindue -> Handlinger, og skriv stop () - og luk derefter vinduet.
10
Gå til, hvor du vil gemme animationen, og navngiv animationen som "banner". Gå ned til Eksporter som: og klik på den del, der siger .swf, åbner menuen for alle muligheder. Gå til "animated gif (.jpg)" og klik på det, så filen bliver et gifbillede, og klik derefter på OK.
11
Video: Flash øvelse animation
Tillykke! Du har lavet et simpelt banner for at vise alle!
tips
Overvej at bruge et moderne mønster, såsom HTML5.
advarsler
Dette vil ikke være kompatibelt med iOS eller andre mobile operativsystemer.