Importer bilder og Flash-overgangsanimasjon

• April 19, 2024

Nå som vi har tilpasset Flash^R Forlaster for SWF-mal, vi kan lage lysbildefremvisningsmalen vår. Vi har allerede våre fire bilder om plassholderen (se opplæringen til Photoshop). For å følge opplæringsserien bruker du lenkene nedenfor.

La oss gi hvert bilde to sekunder på scenen. Fordi rammene per sekund er satt til 31 (se Dokumentinnstillinger), må vi gi hvert bilde 62 rammer. La oss avrunde det til 60 bilder. Til disse 60 rammene vil vi legge til fade-in og fade-out overganger som vil vare 10 rammer hver.

Vi begynner med å importere de fire plassholderbildene til prosjektfladen vår.

1. Legg til et nytt lag på tidslinjen og navngi den "image1". Fra menylinjen klikker du på File - Import - Import to Stage. Flash vil plassere image1.psd-bildet på ramme 1 i image1-laget og plassere det i biblioteket.
   
   Gjenta dette for de tre andre plassholderbildene. Du vil ha fire lag med navnet image1 til image4 med de importerte bildene. Velg alle fire lagene og dra dem under Innholdslaget. Arranger dem i stigende rekkefølge med image1-laget øverst i gruppen.
   
   Fordi forhåndslasteren vil gå direkte til ramme 2 etter at alt er lastet inn, må vi fjerne bildene fra ramme 1. Legg til et nøkkelbilde til ramme 2 for alle fire lagene og fjern bildet fra ramme 1.
   
   Vi skal jobbe med image1-laget først. Fordi forhåndslasteren tar opp ramme 1, vil vi stille inn bildet til å fade inn over 9 bilder, forbli synlig på scenen i 60 og deretter fade-out over 10 bilder.
   
   
2. Høyreklikk på bilde 1 på scenen på ramme 2 i bildet1, og konverter til symbol. Sett typen til filmklipp og navngi den "image1".
   
   
3. Høyreklikk på bildet igjen og velg Create Motion Tween. Dra Tween-spennet til ramme 80.
   
   
4. Legg til et nøkkelbilde til ramme 11, 70 og 80.
   
   
5. Sett på Alfa til 0 i Egenskaper-panelet (Color Effect - Style - Alpha). På ramme 11 og 70, sett alfa til 100 og på ramme 80 sett alfa til 0.
   
   Forlasterkoden ber Flash gå til ramme 2 og stoppe. Hvis vi lar koden være som den vil, stopper tidslinjen på ramme 2, i stedet for å fortsette å spille de 80 bildene.
   
   
6. Endre gotoAndStop (2) til gotoAndPlay (2) i Handlinger-panelet.
   
   

Nå kan vi teste filmen vår og se image1 visne, holde seg synlig i to sekunder og fade-out. Den gjentar seg imidlertid ikke. Vi vil legge til litt kode for det senere.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse fra 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, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.

Video Instruksjoner: The ULTIMATE Guide to ADOBE ANIMATE CC! (AKA Flash) - Tutorial (April 2024).