Innehållsförteckning:
Video: How to Create InDesign Animation 2024
Adobe Edge Animate CC är mycket HTML-vänlig. Om du har en befintlig - om än en väldigt grundläggande - HTML-webbsida som du vill animera, klicka bara på Öppna fil från Welcome-skärmen för att börja arbeta med den.
Kontrollera att alla bilder och tillhörande filer finns i samma mapp som htm-filen när du öppnar den - eller i en kapslad mapp i htm-filen. Annars kommer de inte att visas på scenen.
När du importerar befintlig HTML, kom ihåg följande:
-
Edge Animera kanske inte gillar dina CSS-filer
-
Bilder i din htm-fil visas i bibliotekspanelen.
-
Text importeras som ett element.
Möjliga problem med CSS-filer
Tänk på att ju enklare HTML-sidan är den du importerar desto lättare är det för Edge Animate att öppna den.
Om du har problem med att öppna din htm-fil, försök ta bort alla relaterade CSS-filer. Det kan hända att du förlorar det tidigare arbetet, men kom ihåg att du snabbt kan ersätta allt designarbete med Edge Animate.
Om du öppnar en befintlig HTML-fil med menyer och så kan du animera menyerna och elementen men du kan inte formatera färgen och några andra aspekter.
Anledningen till detta är att Edge Animate endast tillåter animationssekvenser för importerade HTML-objekt så att inte kämpa med någon CSS-styling du kanske redan har tillämpat. Det kan bli lite rörigt när du tillämpar två stilar på ett element, vilket kan leda till oväntade resultat.
Bilder visas i bibliotekspanelen
Om HTML-sidan som du importerar innehåller bilder, importerar Edge Animate de här bilderna till bibliotekspanelen som en tillgång (se den här siffran).
Här importerades den ursprungliga Edge Animate-ikonen som en tillgång i bibliotekspanelen.Du kan nu behandla de importerade bilderna som element som du kan animera eller lägga till interaktiva attribut du kan få bilden att flytta runt skärmen och / eller göra bilden en länk.
Text importeras som ett element
När du importerar en HTML-fil med text, Animate importerar den texten som ett element. Du kan välja textelementen och animera dem eller lägga till handlingar för dem. Du kan dock inte redigera texten.
Om den ursprungliga HTML-filen använde H1 eller stycke-taggar för text, känner Animate igen dessa attribut och visar dem på panelen Elements, som visas.
Text importeras som ett element.