Innholdsfortegnelse:
Video: Slick web animations -- Polycasts #23 2024
Adobe Edge Animate CC er veldig HTML-vennlig. Hvis du har en eksisterende - om enn en veldig grunnleggende - HTML-nettside du vil animere, klikker du bare Åpne fil fra velkomstskjermen for å begynne å jobbe med den.
Kontroller at alle bilder og tilhørende filer er i samme mappe som htm-filen når du åpner den - eller i en nestet mappe i htm-filen. Ellers vil de ikke vises på scenen.
Når du importerer eksisterende HTML, husk følgende:
-
Edge Animate kan ikke like dine CSS-filer
-
Bilder i din htm-fil vises i Bibliotekspanelet.
-
Tekst importeres som et element.
Mulige problemer med CSS-filer
Husk at jo enklere HTML-siden er den du importerer, desto lettere er det for Edge Animate å åpne den.
Hvis du har problemer med å åpne htm-filen, kan du prøve å fjerne alle tilknyttede CSS-filer. Du kan angre på tapet av det tidligere arbeidet, men husk at du raskt kan erstatte alt det designarbeidet med Edge Animate.
Hvis du åpner en eksisterende HTML-fil med menyer, og så kan du animere menyene og elementene, men du kan ikke omformatere fargen og noen andre aspekter.
Årsaken til dette er at Edge Animate bare tillater animasjons-sekvenser for importerte HTML-objekter for ikke å kjempe med noen CSS-styling du kanskje allerede har brukt. Det kan bli litt rotete når du bruker to stiler til et element, noe som kan føre til uventede resultater.
Bilder vises i Bibliotekspanelet
Hvis HTML-siden du importerer inneholder bilder, importerer Edge Animate disse bildene i bibliotekspanelet som en ressurs (se denne figuren).
Du kan nå behandle importerte bilder som elementer som du kan animere eller legge til interaktive attributter; Du kan få bildet til å bevege seg rundt skjermen og / eller gjøre bildet til en kobling.
Tekst importeres som et element
Når du importerer en HTML-fil med tekst, animerer importerer denne teksten som et element. Du kan velge tekstelementene og animere dem eller legge til handlinger for dem; Du kan imidlertid ikke redigere teksten.
Hvis den opprinnelige HTML-filen brukte H1- eller avsnittetiketter for tekst, gjenkjenner Animate disse egenskapene og viser dem i element-panelet, som vist.
