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.


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.

Képek használata Adobe XD-ben

Képek használata Adobe XD-ben

Miután importálta a képeket az Adobe XD-be, nem rendelkezik túl sok szerkesztési vezérléssel, de átméretezheti és elforgathatja a képeket, mint bármely más alakzatot. Könnyedén lekerekítheti az importált képek sarkait a sarokmodulok segítségével. A képek maszkolása Zárt alakzat meghatározásával […]

A szövegtulajdonságok beállítása az Adobe XD-ben

A szövegtulajdonságok beállítása az Adobe XD-ben

Ha van szövege az Adobe XD projektben, elkezdheti módosítani a szöveg tulajdonságait. Ezek a tulajdonságok a következők: Betűcsalád, Betűméret, Betűsúly, Igazítás, Karaktertávolság (bevágás és követés), Sortávolság (vezető), Kitöltés, Szegély (vonás), Árnyék (vetett árnyék) és Háttér életlenítése. Tehát nézzük át, hogyan alkalmazzák ezeket a tulajdonságokat. Az olvashatóságról és a betűtípusról […]

Rajztáblák használata a Photoshop CC-ben

Rajztáblák használata a Photoshop CC-ben

Csakúgy, mint az Adobe Illustratorban, a Photoshop rajztáblái lehetővé teszik külön oldalak vagy képernyők létrehozását egy dokumentumon belül. Ez különösen akkor lehet hasznos, ha mobilalkalmazáshoz vagy kis prospektushoz készít képernyőket. A rajztáblát a Rétegek panel segítségével létrehozott speciális rétegcsoportnak tekintheti. A […]

Alakzatok és sokszögek az InDesignban

Alakzatok és sokszögek az InDesignban

Az InDesign Eszközök panelen található eszközök közül sok arra szolgál, hogy vonalakat és alakzatokat rajzoljon egy oldalra, így többféleképpen hozhat létre érdekes rajzokat a kiadványokhoz. Az InDesignon belül az alapvető formáktól a bonyolult rajzokig bármit létrehozhat, ahelyett, hogy rajzprogramot kellene használnia, például […]

Törölje be a szöveget az Adobe Illustrator CC-ben

Törölje be a szöveget az Adobe Illustrator CC-ben

A szöveg becsomagolása az Adobe Illustrator CC programban nem ugyanaz, mint az ajándékcsomagolás – ez egyszerűbb! A szöveg tördelése arra kényszeríti a szöveget, hogy a szöveget egy grafika köré vonja, amint az ezen az ábrán látható. Ez a funkció bármely darabhoz hozzáadhat egy kis kreativitást. A grafika arra kényszeríti a szöveget, hogy körülveszi. Először hozzon létre […]

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 (például 2 x 3 hüvelyk). Miután elkészített egy alakzatot, a legjobb módja annak, hogy átméretezze a pontos méreteket az Átalakítás panel használatával, amely ezen az ábrán látható. Jelölje ki az objektumot, majd válassza az Ablak→Alakítás […]

QR-kódok létrehozása az InDesign CC-ben

QR-kódok létrehozása az InDesign CC-ben

Az InDesign segítségével QR-kód grafikákat hozhat létre és módosíthat. A QR-kódok olyan vonalkódok, amelyek információkat, például szavakat, számokat, URL-eket vagy egyéb adatokat tárolhatnak. A felhasználó a QR-kódot kamerája és szoftvere segítségével beolvassa egy eszközön, például okostelefonon, a szoftver pedig […]

Hogyan lehet egy új fényképet réginek kinézni a Photoshop CS6 alkalmazásban

Hogyan lehet egy új fényképet réginek kinézni a Photoshop CS6 alkalmazásban

Előfordulhat, hogy új fényképre van szüksége, hogy réginek tűnjön. A Photoshop CS6 gondoskodik rólad. A fekete-fehér fényképezés újabb jelenség, mint gondolnád. A dagerrotípiák és más korai fényképek gyakran barnás vagy kékes tónusúak voltak. Saját szépia tónusú remekműveket készíthet. A tónusos képek […]

Az Adobe CS5 Illustrator Live Paint funkciója

Az Adobe CS5 Illustrator Live Paint funkciója

Az Adobe Creative Suite 5 (Adobe CS5) Illustrator Live Paint funkciójával létrehozhatja a kívánt képet, és színekkel töltheti ki a régiókat. A Live Paint vödör automatikusan felismeri a független, egymást metsző útvonalakból álló régiókat, és ennek megfelelően kitölti azokat. A festék egy adott területen belül továbbra is éles marad, és automatikusan folyik, ha van […]