Gyors áttekintés az élen animált kompozícióról

Az Edge Animate kompozíció létrehozásának folyamata nem különbözik túlságosan más típusú tartalom létrehozásától. Kezdéskor gondold át, hogy mit, hol és hogyan szeretnél az animációd megjelenni. Az animáció egy meglévő webhely része lesz? Animációt ad hozzá egy könyvhöz? Ügyfele vadonatúj animált logót kér?

Talán hirdetést szeretne létrehozni, hogy megjelenjen az interneten? Mindezeket a projekteket az Edge Animate segítségével hozhatja létre.

Íme az Edge Animate kompozíció létrehozásának alapvázlata:

Határozza meg, hogyan fogja Ön és közönsége használni ezt az animációt.

Gyűjtse össze képeit és egyéb eszközeit.

Írj egy vázlatot.

Hozzon létre és mentsen el gyakran használt elemeket, például gombokat későbbi újrafelhasználáshoz.

Kezdje el az animációt.

Mentse és exportálja a kész animációt.

Mielőtt elkezdené az animációt, gondolja át, hogy az animációt e-olvasóban, böngészőben, iBooksban tekintheti meg, vagy iOS és Android eszközökön egyaránt használható alkalmazás lesz.

Az eszköztől függetlenül, ha támogatja a HTML5-öt és a JavaScriptet, az Edge Animate projekt zökkenőmentesen fog futni.

Az eszközök összegyűjtése

Miután tudja, mit szeretne létrehozni, és hol szeretné megjelenni, ideje elkezdeni összegyűjteni az eszközöket – elektronikusan rajzolt képeket, fényképeket, szöveges bekezdéseket vagy mindhárom kombinációját –, amelyekből a végső animáció létrejön. Az Edge Animate megkönnyíti ezen eszközök importálását vagy létrehozását.

Az animáció vázolt megközelítésének kialakítása

Ezen a ponton meghatároztad az animációd célját és a művészetet, hogy szép legyen. Most létre kell hoznia egy drótvázat, lényegében annak a vázlatát, hogy hogyan szeretné lejátszani az animációt.

Persze, szárnyalhatja és kijavíthatja menet közben, de egy kiváló ötlet az, ha elképzeli az animációt a fejében, majd vesse papírra, hogyan képzeli el az animációt az elejétől a végéig. Ez a vázlat alapot nyújt a munkához.

Szimbólumok készítése gyakran használt elemekhez

Ha tudja, hogy az animációja sok hasonló elemet fog tartalmazni , vagy ugyanazokat az elemeket, amelyek újra és újra megismétlődnek, először ezeket az elemeket kell létrehoznia. Az elemek az animációt alkotó különböző darabok. Egy elem lehet egy rajzolt doboz, egy megadott szövegdoboz, egy importált kép stb.

Az újra felhasználható elem lehet egy gomb vagy egy elem, amelyet újra felhasznál az animáció során, vagy bármilyen típusú navigáció, amelyet a közönség használhat.

Miután létrehozta ezt az elemet, és a kívánt módon viselkedik, elmentheti szimbólumként. Ezután exportálhatja ezt a szimbólumot más projektekben való használatra. Ily módon, ha ez az animáció egy animációs sorozat részévé válik, és újra szeretné használni ugyanazokat a szimbólumokat, akkor megelőzi a játékot azzal, hogy az adott animáció elkészítésekor már elmentett néhány elemet, és készen áll a használatra.

Akár egy teljes animációs projektet is elmenthet szimbólumként. Például, ha diavetítés-animációt hoz létre, a teljes diavetítést elmentheti szimbólumként, amelyet azután exportálhat az Edge Animate programból, majd importálhatja egy másik Edge Animate projektbe.

Animátorok, kezdje el az animációt

Ha van egy célja az animációnak, minden eszköze sorakozik, és készen áll a használatra, és elmentette a többszörösen használható elemeket szimbólumként, akkor ideje elkezdeni az animációt.

Az animáció megkezdéséhez importálja az eszközöket a színpadra. Ezután az Idővonal segítségével hozhat létre kulcskockákat. A kulcskép egy animációs sorozatot jelöl . Például, ha animál egy dobozt, amely a Színpad egyik oldaláról a másikra mozog, az animáció kulcsképként jelenik meg az Idővonalon.

Innentől kezdve az interaktivitás érdekében műveleteket adhat hozzá az elemekhez. Az animáció létrehozásakor megtekintheti annak előnézetét, hogy megbizonyosodjon arról, hogy az animáció úgy viselkedik, ahogyan azt elvárná.

Az animáció mentése és exportálása

Amikor befejezi az animációs projekt létrehozását, el szeretné menteni vagy exportálni a kompozíciót, hogy a közönsége vagy egy másik projektben vagy tervezőeszközben felhasználhassa. Az Edge Animate számos lehetőséget kínál a munka exportálására és mentésére. Hasonlóképpen számos lehetőség kínálkozik arra vonatkozóan, hogyan mutassa be munkáit online, iBooks-ban vagy más tervezőeszközökkel.

A folyamat befejezése

Végül ezzel a folyamattal animációt hozott létre HTML5 és jQuery használatával – egyetlen kódsor beírása nélkül. Előfordulhat, hogy közönsége soha nem ismeri azokat a technológiákat, amelyek lehetővé tették az általuk megtekintett animációt és az interakciót (ami azt illeti, előfordulhat, hogy nem érti teljesen azokat a fejlett kódolási technikákat, amelyek ezt lehetővé teszik – vagy soha nem is kell).

De ez az Adobe Edge Animate CC szépsége: a kulisszák mögött megteszi az összes nehéz feladatot, ami lehetővé teszi, hogy hátradőljön, és azt csinálja, amit a legjobban tud – gyönyörű animált és interaktív tartalmat hozzon létre, amely tetszőleges számú funkcióval reagál az illeszkedésre és a formára. képernyőméretek és eszközök.

Leave a Comment

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

Fedezze fel a Klónbélyegző eszköz használatát a Photoshop CS6 programban, és tanulja meg, hogyan klónozhat képeket szakmai szinten.

Adobe CS5 Dreamweaver Property Inspector

Adobe CS5 Dreamweaver Property Inspector

Az Adobe Creative Suite 5 (Adobe CS5) Dreamweaverben a Property Inspector az egyik leghasznosabb panel, amely részletes információkat nyújt a kiválasztott elemekről.

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós réteg a Photoshop CS6-ban színkorrekcióra szolgál, lehetővé téve a rétegek tartós módosítása nélkül történő szerkesztést.

Alakzatok átméretezése az Illustratorban

Alakzatok átméretezése az Illustratorban

Amikor az Adobe Illustrator CC-ben tervez, gyakran pontos méretű formára van szüksége. Fedezze fel az átalakítás panel használatát az alakzatok precíz átméretezéséhez.

A Photoshop CS6 panelek beállítása

A Photoshop CS6 panelek beállítása

A Photoshop CS6 paneljeinek kezelése egyszerű és hatékony módja a grafikai munkafolyamatok optimalizálásának. Tanulja meg a paneleket a legjobban kihasználni!

Kijelölések az Adobe Illustrator CC programban

Kijelölések az Adobe Illustrator CC programban

Fedezze fel, hogyan kell hatékonyan kijelölni objektumokat az Adobe Illustratorban a legújabb trükkökkel és technikákkal.

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Fedezze fel a Photoshop CS6 legmenőbb funkcióját, a Rétegek automatikus igazítását, amely lehetővé teszi a tökéletes képek létrehozását.

InDesign szövegkeret beállításai

InDesign szövegkeret beállításai

Fedezze fel, hogyan használhatja az InDesign szövegkeret beállításait a kívánt eredmények eléréséhez. Tudja meg, hogyan rendezheti el a szövegeket, és optimalizálja a kiadványait!

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

Fedezd fel, hogyan használhatod az InDesign Creative Suite 5 rácsait és segédvonalait az elemek pontos elhelyezésére. A rácsok és a segédvonalak megkönnyítik az oldal elrendezését és a nyomtatást.

Az átlátszóság alkalmazása az SVG-kre

Az átlátszóság alkalmazása az SVG-kre

Ismerje meg, hogyan alkalmazhat átlátszóságot az SVG-grafikákon az Illustratorban. Fedezze fel, hogyan lehet átlátszó hátterű SVG-ket nyomtatni, és hogyan alkalmazhat átlátszósági effektusokat.