Flash-pagina Overgangseffect Kopiëren naar raster

• Mei 17, 2024

In deze Flash-zelfstudie maken we een zeer populair pagina-overgangseffect met behulp van de Flash Copy to Grid-assistent. Deze Copy to Grid-assistent bestaat al voor verschillende versies van Flash als onderdeel van de tijdlijneffecten. Omdat het echter zo'n handige en tijdbesparende functie is, vind ik dat het onderdeel moet zijn van de toolbox van elke Flash-ontwerper.

Hier is de overgang die we gaan bouwen. Zoals u kunt zien, breiden elf verticale rechthoeken zich uit over het podium en werken ze als een masker om de achtergrondafbeelding te onthullen. Met behulp van de assistent Kopiëren naar raster hoeven we slechts één rechthoekige filmclip te maken en er vervolgens een Motion Tween-animatie aan toe te wijzen. De rest van het werk om de animatie voor de pagina-overgang te maken, wordt voor ons gedaan door Flash.

Laten we een nieuwe film van 550 x 400 pixels starten en we zullen ActionScript 2.0 gebruiken. De lege film mag slechts één frame en één laag "Laag 1" in de tijdlijn hebben. Hernoem deze laag naar "Overgang". Voor ons voorbeeld heb ik een achtergrondafbeelding in het werkgebied geïmporteerd. Dit gaf me een nieuwe laag in de tijdlijn. Ik hernoemde deze laag naar "Achtergrond" en sleepte deze naar beneden om er de onderste laag van de tijdlijn van te maken. We zullen werken aan de overgangslaag.

1. Klik op frame 1 van de overgangslaag. Teken met het gereedschap Rechthoek ergens in het werkgebied een kleine rechthoek (lijn naar nul, opvulling naar zwart of een kleur naar keuze).
   
   
2. Selecteer de rechthoek met het gereedschap Selecteren. Stel in Eigenschapcontrole de breedte van de rechthoek in op 50 pixels, Hoogte op 400 pixels en de X- en Y-posities op 0.0. Als u een podium van een andere grootte gebruikt, wilt u dat de hoogte van uw rechthoek de hoogte van het podium is. Deel vervolgens de breedte van het werkgebied door een willekeurig getal om de breedte van uw rechthoek te krijgen.
   
   
3. Met de rechthoek nog steeds geselecteerd, ga naar de Menubalk en klik op Invoegen - Tijdlijneffecten - Assistenten - Kopiëren naar raster. Hiermee wordt het dialoogvenster Kopiëren naar raster geopend. Het duurt elf van onze rechthoeken om het hele podium te dekken. Stel voor de opties Rastergrootte het aantal rijen in op 1 en de kolommen in 11. (Als u een ander aantal rechthoeken gebruikt, vervangt u de 11 door uw aantal rechthoeken.) Stel ook zowel de rijen als de kolommen in voor de opties voor de rasterruimte op nul zetten. Klik op de knop Voorbeeld bijwerken en wacht een paar secties totdat Flash is voltooid. Klik vervolgens op OK om het dialoogvenster te sluiten. Je zou nu het hele podium zwart moeten zien.
   
   
4. Ga naar de bibliotheek. Daar vindt u een afbeelding met de naam "Copy to Grid 1" en een andere afbeelding met de naam "effectSymbol" (in de map Effecten). Klik met de rechtermuisknop op de effectSymboolafbeelding en kies Eigenschappen in het menu. Wijzig in het dialoogvenster Eigenschappen het Type van Afbeelding in Filmclip. Herhaal dit voor de afbeelding Kopiëren naar raster 1.
   
   

Nu zijn we klaar om de Motion Tween aan de effectSymbol-filmclip te bevestigen. Dubbelklik in de bibliotheek op de effectSymbol-filmclip en u wordt naar de tijdlijn van de filmclip gebracht.

Volgende →

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst en Flash Paper is / zijn ofwel [a] geregistreerde handelsmerken [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.