Een envelop openen Flash ActionScript 3
Een paar van mijn lezers wilden weten hoe ze de populaire Flash konden makenR animatie die een envelopopening toont. In deze zelfstudie maken we die animatie en programmeren we deze om te beginnen wanneer op de stempel op de envelop wordt geklikt.

Onze taak bestaat uit twee delen. We moeten de stempel op de envelop in een knop veranderen en die knop programmeren om een ​​animatie uit te voeren die de envelop opent. Eigenlijk is het enige deel van de envelop dat geanimeerd is de flap. De tweede stap is het maken van de filmclip die de flap op de envelop is en de animatie programmeren.

Laten we beginnen met het tekenen van een rechthoek op het podium die onze envelop zal zijn en een kleinere rechthoek in de rechterbovenhoek die onze stempel zal zijn.

  1. Wijzig laag 1 in "Env" en teken een rechthoek in het midden van het werkgebied die je envelop wordt. De envelop kan elke gewenste kleur hebben, zolang je deze maar op het witte podium kunt zien. Teken een kleinere rechthoek die de stempel zal zijn.

  2. Om onze stempel om te zetten in een knop, selecteert u de stempel en klikt u op Wijzigen - Omzetten in symbool. Stel in het dialoogvenster de volgende waarden in.

    Naam - stampButton
    Type - Knop
    Registratie - linkerbovenhoek

  3. Ga nu naar de eigenschappencontrole en geef deze knop een exemplaarnaam van stampButton.

  4. Dubbelklik op de knop om de bewerkingsmodus te openen. U ziet de vier knopfasen op de tijdlijn. Voeg een keyframe toe aan het Hit-stadium. Teken vervolgens een rechthoek over het gebied waar de stempel zich op de envelop bevindt. Dit bepaalt het klikbare gebied voor de stempelknop. Klik op Scene1 om terug te gaan naar de hoofdtijdlijn.

    Nu zullen we de flap voor de envelop tekenen.

  5. Voeg een nieuwe laag toe aan de tijdlijn en sleep die laag onder de Env-laag. Hernoem deze laag "Flap".

  6. We zullen het PolyStar-hulpmiddel gebruiken om de flap te tekenen. U vindt het verborgen onder het gereedschap Rechthoek. Klik op het PolyStar-pictogram en ga naar de eigenschappencontrole. Klik op de knop Opties om het dialoogvenster Hulpprogramma-instellingen te openen. Stel het aantal zijden in op 3 en klik op OK.

    Teken nu een driehoek op het werkgebied en draai deze totdat de punt van de driehoek naar boven wijst. Sleep de driehoek totdat deze langs de bovenkant van de envelop komt. Klik op het gereedschap Vrije transformatie en vorm de klep opnieuw in dezelfde breedte als de envelop.

    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] gedeponeerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.


    Video-Instructies: Interaktive Karten -- Projektbeispiele 99° (Mei 2024).