Hozzon létre animált elrendezéseket

Az InDesign elindítása óta az Adobe keményen dolgozott azon, hogy ez legyen az első választás a nyomtatáshoz való tervezés során. A kreatív világ azonban azóta soha nem látott ütemben fejlődött, és ahogyan azt sokan tapasztaltuk, az ügyfelek gyakran nyomtatás helyett képernyőre rendelnek munkát.

Az Adobe még nem szundikált, és a CS5 segítségével rengeteg eszközt vezetett be a gazdag média hozzáadásához az elrendezésekhez, amelyek Flash-be és PDF-be is exportálhatók. Az igazi bónusz az, hogy a munkafolyamat intuitív lesz minden InDesign-veterán számára, és még az újonnan érkezők is gyorsan megismerkedhetnek az eszközökkel.

Ebben az oktatóanyagban bemutatjuk az objektumok animálásának alapjait, gombokat hozhatunk létre, és műveletet válthatunk ki belőlük. Csak azt fogjuk kaparni, hogy ezek az új eszközök mit tehetnek, de miután megszerezte az alapokat, szabadon felfedezheti az összes lehetőséget.



Kattintson ide a támogatási fájlok letöltéséhez (3,85 MB)

Interaktív munkaterület-menük

Interaktív munkaterület

01 Az InDesign CS5 egyik legkézenfekvőbb szolgáltatása a munkaterület gyors megváltoztatása. Főleg az interaktív eszközök csomagját fogjuk használni, ezért lépjen az Ablak> Munkaterület> [Interaktív] lehetőségre, majd menjen vissza ugyanabba a menübe, és kattintson az Interaktív visszaállítása gombra. Ez visszaállítja a munkaterületet az eredeti alapértelmezett értékekre, így nincsenek nyitva olyan extra menük, amelyek elvonhatják a figyelmét.

Mozgásgrafika fejléc,

Mozgásgrafika címsor

02 Nyissa meg a shakespeare.indd fájlt a támogatási fájlok Shakespeare_Mappájában. Kezdjük azzal, hogy először hozzáadunk némi mozgást a címsor szövegéhez. Válassza ki a „Shakespeare szonettjei” csoportosított szöveget, és nyissa meg az Animáció panelt. Ha megnézi a Név mezőt, látni fogja, hogy az InDesign automatikusan „Csoportnak” nevezte. Célszerű megszokni az elemek elnevezését, különben a dolgok nagyon zavarossá válhatnak, különösen, ha sok különbözőt kell kezelnie. Írja be a „Heading” nevet.

Előre beállított animációs fejlécek

Előre beállított animáció

03 Kattintson az Előbeállítás menüre, hogy felfedje az Adobe által előre beállított animációk tömbjét. Miután tapasztalt lesz velük dolgozni, létrehozhatja sajátját, de most a 'Repülj balról' lehetőséget választjuk. Ellenőrizze, hogy az Esemény (ek) beállítása Az Oldal betöltése (On Page Load) értékre van-e állítva. Az InDesign automatikusan ezt választja, ami zavaró lehet, de ebben az esetben azt akarjuk. Hagyja a többi beállítást az alapértelmezett értéken.

animációs mozgásút előnézet futtatása

Mozgásút

04 Figyelje meg, hogy most egy zöld vonal van az objektumhoz kötve. Ez a mozgás útja, és megmutatja az animáció irányát. Szerencsére nem kell minden alkalommal exportálni a fájlt, amikor animációit szeretné ellenőrizni. Nyissa meg az Előnézet panelt, és megjelenik egy kis előnézete a fájljának. Az animáció futtatásához nyomja meg a Háromszög lejátszása ikont az Előnézet ablaktábla bal alsó sarkában. Látnia kell, hogy a szöveg balról mozog. Az alapértelmezett előnézeti panel nagyon kicsi, ezért fogd meg a bal alsó sarkot, és húzd ki, hogy megfelelő méretű ablakot kapj.

Aktiváló gomb animáció

Indító animáció

05 Most egy újabb animációt készítünk, és létrehozunk egy gombot az elindításához. Válassza ki a szonettet tartó szövegkeretet, és nyissa meg az Animáció panelt. Ellenőrizze, hogy a neve „Sonnet XIX”, és válassza a Beállítás lehetőséget a Preset menüből. Válassza ki az Oldal betöltése lehetőséget az Esemény (ek) menüben rákattintva - ezúttal létrehozzuk a saját ravaszt. Ezután csökkentse az időtartamot 0,75 másodpercre.

Rejtett tárgy az állításhoz

Titkos betét

06 Ezután a Kiválasztó eszköz (fekete nyíl) segítségével válassza ki a kör alakú ikont, benne a XIX számmal. Ez lesz a mi gombunk. Nyissa meg a Gombok panelt, és alul kattintson az 'Objektum konvertálása gombra' ikonra. Látni fogja, hogy a [Normal] állapot betöltődik az ikonnal. Kattintson a [Rollover] gombra egy második állapot létrehozásához.

Áthúzás és normál állapotok

Normál gördülés

07 Azt akarjuk, hogy az olvasó képes legyen megkülönböztetni a két állapotot, és ezt az InDesign nem tudta volna megkönnyíteni. Ha a [Rollover] állapot továbbra is ki van emelve, állítsa a gomb átlátszatlanságát 100% -ra. A két állapot közötti kattintásra most egy gomb jelenik meg, amely megváltoztatja az átlátszatlanságot az áthúzáskor. Ha jobb képet szeretne kapni arról, hogy ez hogyan fog megjelenni exportáláskor, nézze meg az Előnézet panelt.

roll webes esemény

Roll over esemény

08 Most, hogy megvan a gombunk, adnunk kell neki valamit. A Gombok menüben, a Név mező alatt megjelenik az Esemény menü. Ezek azok a példányok, amelyek eseményt váltanak ki. Ha ismeri a webes tervezést, felismeri a különféle lehetőségeket. Válassza az Átfordulás lehetőséget, és kattintson az alatta lévő plusz szimbólumra a Műveletek menü megjelenítéséhez.

hátramenet az export vaku gurulásakor

tolatáskor hátramenet

09 Ez a menü három kategóriára oszlik. Egyes műveletek csak a Flash-be, mások csak PDF-be, mások pedig mindkettőbe exportálhatók. Ebben az esetben Flash-re exportálunk, így folytassa, és válassza az Animáció lehetőséget. A megjelenő Animáció legördülő menüben válassza ki a létrehozott Sonnet XIX animációt, és hagyja opcióként a Play alkalmazást. Jelölje be a „Visszafelé gurulás” négyzetet.

az összes réteg előnézete

Előnézet

10. Most indítsa el az Előnézet panelt, hogy megbizonyosodjon arról, hogy minden animációja helytálló. A címsornak balról kell repülnie, a gomb kiemelésekor kiemelendő, és a szonettnek ki és be kell halványulnia, amikor a XIX gombot be- vagy kikapcsolja. Ha mindennel elégedett, akkor exportáljuk a fájlt a Flash-be.

Exportálás Flash SWF-be

Exportálás flashre

tizenegy Válassza a Fájl> Exportálás lehetőséget. A megjelenő Formátum legördülő menüben két Flash opciót lát: FLA és SWF. Az FLA-t akkor kell kiválasztani, ha a fájlokat egy Flash-fejlesztőnek adja át: az összes imént hozzáadott animációt kidobná, de a fájlokat importálni lehetne a Flash-be további munkára. Az SWF opció egyetlen Flash fájlt hoz létre, amelyet a legtöbb böngészőben vagy az önálló Flash Playerben lehet lejátszani. Ezt a lehetőséget szeretnénk.

html, swf, mentés

HTML és SAVE SWF létrehozása

12. Kattintson a Mentés gombra, és megjelenik az SWF exportálása panel. Győződjön meg arról, hogy az Exportálás beállítása Minden oldal, és jelölje be a 'HTML fájl létrehozása' és az 'SWF megtekintése exportálás után' négyzetet. Hagyja a többi alapértelmezett értéket, de a Speciális panelen ellenőrizze, hogy a Szöveg Flash Classic értékre van-e állítva, és hogy a Képkezelési felbontás értéke 72ppi. Kattintson az OK gombra, és az alapértelmezett böngésző elindul, amikor a Flash fájl készen áll és vár. Gratulálunk: most létrehozott egy mozgó elrendezést.