Share
În articolul precedent v-am urmărit modul în care se utilizează o varietate de aplicații pentru a crea activele pentru o revistă interactivă și apoi procesul de adăugare a mediilor, a mișcării și a interactivității la acele active din InDesign CS5. Acest articol se va concentra asupra jocului final - ieșirea proiectului pentru livrare prin intermediul unei pagini Web sau trimiterea proiectului la Flash pentru mai multă muncă și ieșire la o aplicație SWF sau chiar la o aplicație AIR.
Motivul pentru care folosesc un layout în stil revistă aici este demo-ul pentru multe dintre caracteristicile din InDesign CS5. Voi recunoaște chiar de pe lilieci, dimensiunea paginii ar putea lovi mulți dintre voi ca fiind un tad largish. Rețineți că puteți utiliza orice dimensiune a paginii de care aveți nevoie și suspectez că una dintre cele mai comune dimensiuni va fi în vecinătatea a 800x600. Cu toate acestea, alegerea depinde de dvs..
Înainte de a ne sapa, hai sa ne ocupam de inevitabilul "De ce un SWF?" și "De ce un fișier Flash?" întrebări. Acestea sunt valide și răspunsul poate surprinde câțiva dintre voi.
De prea mulți ani, designerii au fost nevoiți să se așeze pe scaune de-a lungul peretelui la soirele Flash. Ei vor veni cu niște idei grozave, dar influența lor a scăzut la aceeași rată cu cea a dezvoltatorilor lor. Pe măsură ce ne mutăm într-un domeniu de comunicații digitale unde hârtia și ecranele sunt considerate a fi doar medii de afișare, designul grafic devine din ce în ce mai important. Proiectele concepute pentru imprimare, după cum ați văzut, pot să se deplaseze din pagina de imprimare statică și interactivitate, elementele audio și video pot fi construite chiar în proiect.
Formatul SWF, mai ales cu versiunea Flash Player 10.1, care pune un monstru al unui player media în mâinile tuturor celor care au acces la un ecran, vă permite să creați prototipuri rapide pentru clienții dvs. Doar pentru că noi "înțelegem" nu înseamnă că vor fi clienții voștri. Efectuarea saltului intelectual de pe hârtie pe ecran va fi o experiență nouă și a pune un swf în mâinile lor să-i "văd" de fapt despre ce vorbești.
Formatul Flash va fi absolut încântat de dezvoltatori. Proiectul va fi împărțit și reasamblat în fragmente Flash care vor necesita abilitățile unui dezvoltator Flash experimentat pentru a reveni la viață. Nu există niciunul din acestea: "Da, ieșiți la Flash și sunteți în joc". care întotdeauna pare să atragă atenția celor care nu au folosit Flash niciodată. După cum îmi place să spun, "Nu se va întâmpla". Veți vedea de ce spun asta mai târziu.
De acolo fluxul de lucru normal Flash se menține, în timp ce dezvoltatorul trage împreună fișierele de clasă, codul și elementele media care construiesc și chiar se îmbunătățesc multe dintre ele, pe eforturile designerului grafic. Ceea ce va incita Designerii este ca Flash CS5 iese din calea sa de a adapta integritatea designului. Odată ce acest proces este finalizat, proiectul poate fi lansat ca orice din SWF-ul final pentru încorporarea într-o pagină Web într-o aplicație AIR 2.0.
Să începem:
Cu documentul InDesign deschis, selectați Fișier> Export pentru a deschide caseta de dialog Export. Selectați Flash Player (SWF) din meniul Format din meniu și faceți clic pe Salvare.
Opțiunile voastre sunt, în cea mai mare parte, auto-explicative, dar există un cuplu aici care vă poate atrage atenția:
InDesign Markup (IDL): Acest format permite deschiderea documentului în InDesign CS4. Acest lucru nu ne privește.
Fragment InDesign: Acest lucru nu are absolut nimic de a face cu caracteristica fragmentului de cod al Flash CS5. Vă permite să salvați și să reutilizați obiecte pe pagina InDesign.
XML: Pun pariu că te-a atras atenția. Nu vă faceți prea entuziasmați de acest lucru, deoarece necesită multă muncă suplimentară de partea dezvoltatorilor. Dacă sunteți interesat de această opțiune, înțelegeți că puteți exporta numai XML după ce aveți:
Ține minte, dacă asta îți "plutește barca", scapă-te.
Când se deschide caseta de dialog Export SWF, determinați preferințele generale pentru SWF.
Hai să trecem prin alegerile tale:
În caseta de dialog Exportă SWF, faceți clic pe fila Complex pentru a deschide opțiunile avansate.
Acesta este locul în care proiectele preiau, deoarece acest panel va determina modul în care funcționează SWF. Hai să trecem prin alegerile tale:
Când faceți clic pe OK, SWF-ul este creat și, după cum puteți vedea în screenshot, proiectul se deschide într-o pagină Web.
OK, minimizați InDesign și deschideți folderul SWF ...
Doar că suntem toți pe aceeași pagină, ca să spunem așa, aici sunt dosarele care se blochează acolo:
Dacă vă întrebați despre imagini, butoane și text, acestea sunt toate încorporate în SWF.
Pentru un dezvoltator Flash sau un Designer, mergând imediat la un SWF este "pur și simplu nu făcut." Nu pot să fiu de acord mai mult. Găsesc caracteristica video pentru a fi un pic "de bază" și nu sunt un fan mare de a pune un film video pe video în timp ce joacă. Folosind, de asemenea, diferitele panouri pentru a "sârmă" butoanele și așa mai departe, atunci când o pot face mai eficient utilizând modul ActionScript 3.0, aceste caracteristici "Infinite" seamănă mai mult cu jucăriile "wind up" decât orice altceva. Cu toate acestea, acestea oferă o oportunitate de a testa funcționalitatea, astfel încât acestea au o utilizare. Chiar și așa, dacă doriți să creați un SWF slab, mediu și rapid de încărcare, atunci Flash este următoarea oprire în proces.
Înainte de a vă face pe toți entuziasmați de acest lucru, trebuie să știți că această tehnică, așa cum veți învăța în curând, funcționează cel mai bine între Flash CS5 și InDesign CS5; de fapt este singurul format Flash disponibil pentru tine. De asemenea, Adobe a întrerupt opțiunea de export XFL în InDesign. A fost acolo pur și simplu pentru a da InDesign CS4 posibilitatea de a trece în Flash. Exportarea pe bliț o înlocuiește.
În cele din urmă, înainte de export, asigurați-vă că ați creat un director nou pentru a ține fișierele.
Să începem.
Selectați Fișier> Exportați> Flash CS5 Professional (FLA) și faceți clic pe butonul Salvare pentru a deschide caseta de dialog Export Flash CS5 Professional (FLA).
Multe alegeri pot fi găsite în zona generală a casetei de dialog pentru exportul SWF. Cel nou este Text.
Ai patru opțiuni. Trei texte clasice, convertite în contururi și convertite în pixeli - au fost deja acoperite. Cel nou este textul Flash TLF. Acesta este noul mod de gestionare a textului în Flash CS5. TLF reprezintă Text Layout Framework și este caracteristica care aduce tipografia la Flash. Orice modificări tipografice pe care le faceți în InDesign se vor transfera, intact, la Flash. Aceasta este o veste bună pentru designeri. Vestea proastă este că această funcție funcționează numai cu Flash CS5 și cu Flash Player 10 sau o versiune ulterioară.
Selectarea punctelor de inserare a opțiunilor de selecție a cuvintelor de expresie "întrerupe" cuvintele atunci când se înarpe spre marginea casetei de text.
Înainte de a exporta în Flash, este posibil să doriți o verificare "preflight" pentru a vă asigura că într-adevăr obțineți WYSIWYG. Printre lucrurile de verificat:
Minimizați InDesign și deschideți folderul Flash.
Singura diferență pe care ar trebui să o observați între conținutul acestui folder și cea a omologului său SWF este includerea unui fișier .fla.
Luați fișierul .fla și deschideți-l în Flash CS5 (acesta este locul unde se răcește serios).
În primul rând, filmul are doar trei cadre. Motivul este ca fiecare raspandire in InDesign, si exista trei in acest document, este invelit in propriul movieclip (numit "Spread-xxx") in Biblioteca. Toate butoanele utilizate în documentul InDesign sunt transformate în simboluri ale butoanelor din biblioteca Flash și fiecare dintre imaginile utilizate în prezentarea de diapozitive - un obiect Multi-State din InDesign - este convertit într-un clip video și imaginile sunt adăugate la Flash bibliotecă ca simboluri bitmap.
Vestea proastă și pentru mulți dintre voi aceasta nu este o veste foarte proastă, toată interactivitatea este pierdută. Va trebui să "rewire" proiectul utilizând ActionScript 3.0.
Să discutăm despre deschiderea unui movieclip care conține un obiect animat.
În acest proiect există un bloc de text animat care începe cu o valoare Alpha de 0 și utilizează efectul Fly In From Top în InDesign. Aceste efecte se mișcă, intacte, în Flash, se adaugă la straturile de mișcare, iar traseele sunt complet editate în Flash.
Faceți dublu clic pe o distribuție pe cronologia principală pentru a deschide clipul video și faceți clic pe un bloc de text.
După cum puteți vedea, toate formatele textului, inclusiv fluxul dintre containere, aplicate în InDesign, se reflectă în proprietățile textului containerului de text din Flash CS5. Acest lucru este imens. Singurul lucru lipsit este wrap-ul de text; nu se va muta între InDesign și Flash. Ceea ce se mișcă, totuși, sunt imagini inline. Acestea sunt imagini sau elemente grafice adăugate la containerele de text din InDesign ca elemente inline. Din nou, acest lucru este imens.
Video și audio, active externe tipice, nu se mișcă în Flash. Orice videoclip este înlocuit cu un substituent bitmap al cadrului poster al videoclipului din InDesign CS5, iar sunetul este ignorat. Din nou, aceste două tipuri de medii sunt cel mai bine tratate prin ActionScript 3.0, astfel încât nu este o mare pierdere. De fapt, substituentul video poate fi înlocuit cu o componentă FLVPlayback sau un obiect video.
În acest tutorial v-am urmat pașii necesari pentru a obține un document InDesign CS5 pregătit pentru redarea web ca fișier SWF sau .fla. Ele sunt remarcabil de similare în modul în care sunt exportate, dar cele două formate sunt foarte diferite.
După cum am subliniat, exportul FTF este bun pentru prototipuri și câteva alte utilizări foarte specifice. Pentru multi dintre voi, cel mai important este .flaul dat de InDesign.
V-am arătat cum mișcarea, activitățile paginii, textul și audio și video sunt mutate în Flash. Cel mai important aspect al acestui lucru este reprezentat de toate terenurile din Biblioteca Flash, dar va necesita atenția unui dezvoltator Flash de a "rewire" proiectul cu ActionScript 3.0. Ăsta este un lucru bun; cei care nu au abilitățile și cunoștințele dvs. se vor gândi de două ori înainte de a exporta documentele Indesign la Flash, deoarece cred că își vor rezolva problemele. Departe de. Ele abia încep.
În cele din urmă, odată ce proiectul este "conectat în sus" și funcțional, acesta poate fi mutat pe web sau poate fi inclus în documentul XFL și predat echipei Flex. Acesta este un flux de lucru nou și bănuiesc că mulți dintre voi veți vedea acest lucru ca o muncă suplimentară. Sincer, simt că, odată ce veți obține "atârna de ea", InDesign este pe punctul de a deveni un alt instrument în arsenalul nostru, deoarece un flux de tablete - Android și alte sisteme de operare - sunt chiar la colț.
Accentsconagua