emkiset.ru

Hoe maak je een eenvoudige geanimeerde banner met behulp van Flash CS3

Als je een geanimeerde banner wilt maken met verouderde technologieën, laat dit artikel je zien hoe je een banner maakt met behulp van Adobe Flash en ActionScript 2.0 gebruikt. Dit kan natuurlijk veel eenvoudiger worden gedaan met behulp van HTML en jаvascript.

stappen

Titel afbeelding Make a Simple Animated Banner in Flash CS3 Stap 1
1
Open Adobe Flash en maak een nieuw document. Pas het document aan door op de toetsen Command + J op Mac of Ctrl + J op pc te drukken. Selecteer in de opties, als bannerformaat, 468 breed x 60 hoog (dit is het standaardformaat voor een banner), selecteer vervolgens de achtergrondkleur van uw keuze en klik op OK. In deze handleiding gebruiken we de kleur zwart als achtergrondkleur.
  • Titel afbeelding Make a Simple Animated Banner in Flash CS3 Step 2
    2
    Selecteer je lagen en noem de eerste zoals je wilt. In deze handleiding wordt het een cirkel, dus de laag zelf wordt gebeld "cirkel". Klik op de Rechthoekige tool en houd deze ingedrukt om een ​​menu te openen, selecteer de ovale tool en laat de muis los. Ga naar het werkgebied en maak een cirkel van elke grootte. In deze handleiding is de grootte erg groot, zodat slechts een klein deel van de cirkel binnen de banner zichtbaar is, met een afmeting van 175,5 x 175,5.
  • Titel afbeelding Make a Simple Animated Banner in Flash CS3 Step 3
    3
    Nu de cirkel rond is, drukt u op F8 (zowel op de Mac als op de pc) om het conversiemenu te openen als symbool. Klik op de grafiek en geef hem een ​​naam "cirkel" naar het symbool en druk op OK. Nu heb je een symbool dat je kunt animeren. Plaats de cursor op het gebied van de laag en verplaats deze over het vijfde frame en druk vervolgens op F6 (Mac en pc). Hiermee maakt u een frame met de cirkel op hetzelfde punt. Ga terug naar het eerste frame en klik vervolgens op je cirkel. Nu zullen we het laten vervagen in de animatie.
  • Titel afbeelding Make a Simple Animated Banner in Flash CS3 Step 4
    4
    Ga naar het eigenschappenvenster aan het einde van het venster en selecteer de kleuropties. Klik op de kleuropties, selecteer Alfa en in percentagetype 0. Hiermee verdwijnt uw cirkel, maar maakt u zich geen zorgen, daar gaat het, alleen u kunt het niet zien.


  • Titel afbeelding Make a Simple Animated Banner in Flash CS3 Stap 5
    5
    Ga terug naar het gedeelte Lagen en klik met de rechtermuisknop tussen het eerste en het laatste frame, klik dan op "Creëer Motion Interpolation". Als je het goed doet, heb je het eerste deel van je animatie al succesvol gemaakt. Nu moeten we de tekst toevoegen.
  • Titel afbeelding Make a Simple Animated Banner in Flash CS3 Step 6
    6
    Maak een nieuwe laag en verander de naam in "tekst". Ga naar het zesde frame in de laag "tekst", klik er met de rechtermuisknop op en selecteer "Voeg nieuw frame in", dit zal een leeg kader creëren waar je kunt werken. Selecteer uw Tools-palet en klik op de "T" om het tekstgereedschap te selecteren. Plaats uw cursor op uw banner en typ vervolgens de gewenste tekst. In deze gids zal de tekst zijn "banier". Druk nu met de geselecteerde tekst op F8 om er een afbeelding van te maken, type "tekst" als een naam en klik op OK. Nu kunt u uw tekst animeren.



  • Titel afbeelding Make a Simple Animated Banner in Flash CS3 Step 7
    7
    Ga nu naar je laag van "cirkel" en klik op het 6e frame, klik erop en houd het ingedrukt om het naar het 16e frame te slepen. Hierdoor wordt de cirkel zichtbaar in de hele animatie. Verplaats de tekst naar een punt in de cirkel, maar zorg ervoor dat deze niet links van je cirkel ligt. Ga naar het gedeelte Lagen en klik op de laag "Tekst" en sleep deze laag onder de laag "Cirkel". Hierdoor zal een deel van de tekst verdwijnen, maar maak je geen zorgen, dat is wat we op dit moment willen.
  • Titel afbeelding Make a Simple Animated Banner in Flash CS3 Step 8
    8
    Blokkeert en verbergt de laag van "cirkel", zodat je ervoor kunt zorgen dat je niets verpest, zodat je kunt zien wat je doet. Klik op het 15e frame van de laag "tekst" en maak een frame door op de F6-toets te drukken. Klik op de tekst in het zestiende kader en verplaats deze naar de plaats waar u de tekst op uw banner wilt weergeven, maar zorg ervoor dat deze links van de cirkel meer is geladen. U kunt de cirkellaag zichtbaar maken als u niet zeker weet waar de cirkel zich bevindt.
  • Titel afbeelding Make a Simple Animated Banner in Flash CS3 Step 9
    9
    Zodra je de tekst precies hebt geplaatst waar je hem wilt hebben, ga je terug naar de laag "tekst"en maak tussen de twee frames een bewegingsinterpolatie door er tussen te klikken en te selecteren "Creëer Motion Interpolation". Als je daarmee klaar bent, maak je een derde laag en benoem je deze "ActionScript". Selecteer het laatste frame (de 16e) en maak een nieuw frame door op F6 te drukken. Klik nu op Venster > Acties en typ "stop ()"- Sluit nu het venster.
  • Titel afbeelding Make a Simple Animated Banner in Flash CS3 Step 10
    10
    Ga naar de plaats waar u de animatie wilt opslaan en sla deze op onder de naam "banier". Ga waar het zegt "Exporteer als:" en klik op het gedeelte dat zegt .SWF, open het menu zodat alle opties verschijnen. kiezen ".jpg-animatie", zodat het een GIF-afbeelding wordt en klik vervolgens op OK.
  • Titel afbeelding Make a Simple geanimeerde banner in Flash CS3 Stap 11
    11
    Gefeliciteerd! U bent klaar met het maken van een eenvoudige banner die u kunt opscheppen voor wie u maar wilt.
  • tips

    • Overweeg een meer moderne standaard te gebruiken, zoals HTML5.

    waarschuwingen

    • Dit is niet compatibel met iOS of andere mobiele besturingssystemen.
    Delen op sociale netwerken:

    Verwant
    Hoe de achtergrond in Adobe Illustrator te veranderenHoe de achtergrond in Adobe Illustrator te veranderen
    Hoe maak je een banner in flash voor je websiteHoe maak je een banner in flash voor je website
    Hoe te deblokkeren Adobe Flash PlayerHoe te deblokkeren Adobe Flash Player
    Hoe volledig te verwijderen adobe flash player 11 plug-inHoe volledig te verwijderen adobe flash player 11 plug-in
    Hoe te delen in Adobe IllustratorHoe te delen in Adobe Illustrator
    Hoe maak ik banners in WordHoe maak ik banners in Word
    Hoe een banner te makenHoe een banner te maken
    Een afspeelknop maken voor een animatie in Adobe Flash CS4Een afspeelknop maken voor een animatie in Adobe Flash CS4
    Hoe maak je een knop in Flash Cs4Hoe maak je een knop in Flash Cs4
    Een animatie maken in Adobe IllustratorEen animatie maken in Adobe Illustrator
    » » Hoe maak je een eenvoudige geanimeerde banner met behulp van Flash CS3
    © 2021 emkiset.ru