Flash Fade-övergångar för bildspel

• Maj 3, 2024

I våra två senaste tutorials byggde vi en enkel Flash^R CS4-bildspel för tre bilder. Nu kan vi lägga till det grundläggande bildspelet genom att bygga Motion Tweens för varje bild som kommer att lägga till en övergångseffekt mellan våra bilder. Den enklaste övergången att skapa är fade-in / fade-out-effekten. Vi kommer att bygga den här först.

Vårt första steg är att konvertera den första bilden till en symbol.

1. Högerklicka på bilden på ram 2 i Image1-lagret. Klicka på Ändra - Konvertera till symbol i menyraden. Ge symbolen namnet "Image1" och ställ in Typ till filmklipp. Ställ instansnamn på "Bild1" på Egenskapspanelen.
   
   
2. Nu kan vi lägga till övergången. Högerklicka på Frame 2 och välj Create Motion Tween. Flash skapar automatiskt ett mellanrum som sträcker sig över 300 ramar för vår första bild. Vi måste reducera detta till 100 bilder. Placera musen över det blå området vid ram 300. Klicka och dra det blå spannet bakåt så att det slutar på ram 100.
   
   Vi vill att vår första bild ska tona in i cirka 10 bilder, förbli synlig i 80 bilder och sedan tona ut över 10 ramar. Vi kan kontrollera detta genom att lägga till Keyframes.
   
   
3. Just nu är vår bild 100% synlig över alla 100 bilder. Eftersom vi vill att bilden ska fade in under de första 10 ramarna måste vi berätta för Flash att slutet på vår första övergång kommer att vara Frame 10. Vi kan göra det genom att lägga till en Keyframe till Frame 10 på Image1-lagret. Högerklicka och välj Infoga nyckelbild - alla.
   
   Nu kan vi ställa in bildens synlighet eller alfa till 0% på ram 2. Detta skapar fade-in-effekten. Men en alfa på 0% ger oss en tom vit scen. Vi vill inte starta vårt bildspel med det vita steget. Så låt oss ställa in alfa till cirka 50% istället.
   
   
4. Klicka på bilden på ram 2. I avsnittet Egenskaper - Färgeffekt ställer du in Style på Alpha och reglaget för 50%.
   
   
5. Klicka på bilden på ram 10 och ställ in Alfa till 100%.
   
   Nu måste vi berätta för Flash att behålla denna 100% Alpha till Frame 90. Vi kommer att göra detta med ett annat Keyframe.
   
   
6. Högerklicka på Frame 90 i Image1-lagret och lägg till ett Keyframe.
   
   
7. Slutligen kan vi minska Alpha on Frame 100 till 50% för att slutföra fade-out-effekten. Klicka på bilden på Frame 100 på Image1-lagret och ställ in Alfa till 50% på Egenskaper-panelen.
   
   

Testa din film så ser du att den första bilden bleknar in och ut. Men de andra bilderna förblir desamma. Om du vill kan du upprepa denna effekt för de andra två bilderna.

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta om med tillstånd från 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 och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: How To Create a Slideshow in InDesign CC for your Interactive ePUB (Maj 2024).