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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 Adobe Flash Player te activeren
- Hoe de achtergrond in Adobe Illustrator te veranderen
- Hoe maak je een banner in flash voor je website
- Hoe te deblokkeren Adobe Flash Player
- Hoe volledig te verwijderen adobe flash player 11 plug-in
- Hoe te delen in Adobe Illustrator
- Hoe maak ik banners in Word
- Hoe een banner te maken
- Een afspeelknop maken voor een animatie in Adobe Flash CS4
- Hoe maak je een knop in Flash Cs4
- Een animatie maken in Adobe Illustrator
- Hoe maak je een eenvoudige presentatie met behulp van Flash
- Hoe Adobe Flash Player te installeren
- De mesh-tool gebruiken in Adobe Illustrator
- Hoe de lasso-tool in Adobe Illustrator te gebruiken
- Hoe een Flash Player voor Android te krijgen
- Hoe vormen maken in Adobe Illustrator
- Een banner maken met GIMP
- Hoe een poster of een banner te maken met Posteriza
- Hoe een kopie van een pagina in een PDF-document te maken
- Hoe een banner te maken in Adobe Illustrator