Afbeeldingen en Flash-overgangsanimatie importeren

• April 20, 2024

Nu we de Flash hebben aangepast^R Voorlader voor SWF-sjabloon, we kunnen onze diavoorstellingsjabloon bouwen. We hebben al onze vier placeholder-afbeeldingen (zie Photoshop-tutorial). Gebruik de onderstaande links om de zelfstudieserie te volgen.

Laten we elke afbeelding twee seconden op het podium geven. Omdat de frames per seconde zijn ingesteld op 31 (zie Documentinstellingen), moeten we elke afbeelding 62 frames geven. Laten we dat afronden op 60 frames. Aan deze 60 frames voegen we fade-in en fade-out overgangen toe die elk 10 frames duren.

We beginnen met het importeren van de vier placeholder-afbeeldingen in onze projectfla.

1. Voeg een nieuwe laag toe aan de tijdlijn en noem deze "image1". Klik in de menubalk op Bestand - Importeren - Importeren naar werkgebied. Flash plaatst de afbeelding image1.psd op frame 1 van de laag image1 en plaatst deze in de bibliotheek.
   
   Herhaal dit voor de andere drie tijdelijke afbeeldingen. Je hebt vier lagen met de naam image1 tot en met image4 met de geïmporteerde afbeeldingen. Selecteer alle vier lagen en sleep ze onder de inhoudslaag. Schik ze in oplopende volgorde met de afbeeldings1-laag bovenaan de groep.
   
   Omdat de voorlader direct naar frame 2 gaat nadat alles is geladen, moeten we de afbeeldingen uit frame 1 verwijderen. Voeg voor alle vier de lagen een hoofdframe toe aan frame 2 en verwijder de afbeelding uit frame 1.
   
   We zullen eerst aan de image1-laag werken. Omdat de preloader Frame 1 in beslag neemt, zullen we het beeld instellen op fade-in over 9 frames, 60 seconden zichtbaar blijven op het podium en vervolgens over 10 frames uitfaden.
   
   
2. Klik in frame 2 van de laag image1 met de rechtermuisknop op image1 in het werkgebied en converteer naar symbool. Stel het Type in op Filmclip en noem het "image1".
   
   
3. Klik opnieuw met de rechtermuisknop op de afbeelding en kies Create Motion Tween. Sleep de tween-reeks naar frame 80.
   
   
4. Voeg een keyframe toe aan frame 11, 70 en 80.
   
   
5. Stel in frame 2 de alfa in op 0 in het deelvenster Eigenschappen (Kleureffect - Stijl - Alfa). Stel op frame 11 en 70 de alfa in op 100 en op frame 80 op de alfa op 0.
   
   De voorladercode vertelt Flash om naar frame 2 te gaan en te stoppen. Als we de code ongewijzigd laten, stopt de tijdlijn op frame 2 in plaats van de 80 frames af te spelen.
   
   
6. Wijzig in het deelvenster Handelingen gotoAndStop (2) in gotoAndPlay (2).
   
   

Nu kunnen we onze film testen en kijken naar image1 infaden, twee seconden zichtbaar blijven en fade-out. Het herhaalt zich echter niet. We zullen daar later wat code aan toevoegen.

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: The ULTIMATE Guide to ADOBE ANIMATE CC! (AKA Flash) - Tutorial (April 2024).