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.

trin

Video: Knapper i Flash til hjemmesider i Flash del 1

Billedbetegnelse Lav et simpelt animeret banner i Flash CS3 Trin 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.
  • Billedbetegnelse Lav et simpelt animeret banner i Flash CS3 Trin 2
    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.
  • Billedbetegnelse Lav et simpelt animeret banner i Flash CS3 Trin 3
    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

    Billedbetegnelse Lav et simpelt animeret banner i Flash CS3 Trin 4
    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.
  • Billedbetegnelse Lav et simpelt animeret banner i Flash CS3 Trin 5
    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.
  • Billedbetegnelse Lav et simpelt animeret banner i Flash CS3 Trin 6
    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.
  • Billedbetegnelse Lav et simpelt animeret banner i Flash CS3 Trin 7
    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.
  • Billedbetegnelse Lav et simpelt animeret banner i Flash CS3 Trin 8
    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.
  • Billedbetegnelse Lav et simpelt animeret banner i Flash CS3 Trin 9
    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.
  • Billedbetegnelse Lav et simpelt animeret banner i Flash CS3 Trin 10
    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.
  • Billedbetegnelse Lav et simpelt animeret banner i Flash CS3 Trin 11
    11

    Video: Flash øvelse animation

    Tillykke! Du har lavet et simpelt banner for at vise alle!
  • tips

      1. Overvej at bruge et moderne mønster, såsom HTML5.

    advarsler

      1. Dette vil ikke være kompatibelt med iOS eller andre mobile operativsystemer.
    Del på sociale netværk:

    Relaterede
    © 2024 HodTari.com