Share
Nell'articolo precedente ti ho illustrato come si utilizza una varietà di applicazioni per creare le risorse per una rivista interattiva e quindi il processo di aggiunta di media, movimento e interattività a tali risorse in InDesign CS5. Questo articolo si focalizzerà sul gioco finale - l'output del progetto per la consegna attraverso una pagina Web o l'invio del progetto a Flash per più lavoro e output su un SWF o persino su un'app AIR.
Il motivo per cui sto usando un layout in stile rivista è quello di dimostrare molte delle funzionalità di InDesign CS5. Lo ammetto subito, la dimensione della pagina potrebbe colpire molti di voi come un po 'più grande. Ricorda, puoi utilizzare qualsiasi dimensione di pagina che ti serve e sospetto che una delle dimensioni più comuni sarà intorno a 800x600. Tuttavia, la scelta dipende da voi.
Prima di scavare, affrontiamo l'inevitabile "Perché un SWF?" e "Perché un file Flash?" domande. Sono validi e la risposta potrebbe sorprendere alcuni di voi.
Per troppi anni i progettisti sono stati costretti a sedersi sulle sedie lungo il muro della serata di Flash. Avrebbero avuto alcune grandi idee, ma la loro influenza è diminuita allo stesso ritmo con cui le loro controparti degli sviluppatori sono aumentate. Mentre ci spostiamo in un regno di comunicazioni digitali in cui la carta e gli schermi sono considerati nient'altro che supporti di visualizzazione, il design grafico diventa sempre più importante. I progetti progettati per la stampa, come hai visto, possono spostarsi dalla pagina di stampa statica e l'interattività, gli elementi audio e video possono essere costruiti direttamente nel design.
Il formato SWF, in particolare con la versione di Flash Player 10.1, che mette un mostro di un lettore multimediale nelle mani di chiunque abbia accesso a uno schermo, ti consente di creare prototipi rapidi per i tuoi clienti. Solo perché "capiamo" non significa che i tuoi clienti lo faranno. Fare il salto intellettuale dalla carta allo schermo sarà una nuova esperienza e mettendo un swf nelle loro mani facciamo in realtà "vedere" di cosa stai parlando.
Il formato Flash entusiasmerà assolutamente gli sviluppatori. Il progetto verrà suddiviso e riassemblato in parti compatibili con Flash che richiedono le competenze di uno sviluppatore Flash con esperienza per riportare in vita. Non c'è niente di tutto questo: "Sì, fai un output in Flash e sei nel gioco." che sembra sempre attirare l'attenzione di chi non ha mai usato Flash. Come mi piace dire "Non succederà". Vedrai perché lo sto dicendo più avanti.
Da lì il normale flusso di lavoro Flash prende piede mentre lo sviluppatore mette insieme i file di classe, il codice e gli elementi multimediali che creano, e in molti casi addirittura migliorano, gli sforzi del Graphic Designer. Ciò che entusiasmerà i progettisti è che Flash CS5 si fa in quattro per adattarsi all'integrità del design. Una volta che questo processo è completo, il progetto può quindi essere riprodotto come qualcosa dal SWF finale per l'incorporamento in una pagina Web in un'applicazione AIR 2.0.
Iniziamo:
Con il documento InDesign aperto, selezionare File> Esporta per aprire la finestra di dialogo Esporta. Seleziona Flash Player (SWF) dal menu a discesa Formato e fai clic su Salva.
Le tue scelte sono, per la maggior parte, autoesplicative ma ci sono un paio qui che potrebbe attirare la tua attenzione:
InDesign Markup (IDL): Questo formato consente di aprire il documento in InDesign CS4. Questo non è qualcosa che ci riguarda.
InDesign Snippet: Questo non ha assolutamente nulla a che fare con la funzionalità di snippet di codice di Flash CS5. Ti consente di salvare e riutilizzare oggetti sulla pagina di InDesign.
XML: Scommetto che hai attirato la tua attenzione. Non essere troppo entusiasta di questo perché richiede molto lavoro extra da parte degli sviluppatori. Se sei affascinato da questa opzione, puoi capire che puoi esportare XML solo dopo aver:
Intendiamoci, se questo "fa galleggiare la tua barca", buttati fuori.
Quando si apre la finestra di dialogo Esporta SWF, determinare le preferenze generali per il file SWF.
Passiamo attraverso le tue scelte:
Nella finestra di dialogo Esporta SWF, fare clic sulla scheda Avanzate per aprire le opzioni Avanzate.
È qui che i professionisti subentrano perché questo pannello determinerà il funzionamento del file SWF. Passiamo attraverso le tue scelte:
Quando fai clic su OK, viene creato il file SWF e, come puoi vedere nello screenshot, il progetto si apre in una pagina Web.
OK, minimizza InDesign e apri la cartella SWF ...
Solo così siamo tutti sulla stessa pagina, per così dire, qui ci sono i file che rimangono bloccati lì:
Se ti stai chiedendo le immagini, i pulsanti e il testo, sono tutti incorporati nel file SWF.
Per uno sviluppatore o un progettista Flash, andare immediatamente a un file SWF è "semplicemente non fatto". Non potrei essere più d'accordo. Trovo che la funzione video sia un po '"di base" e non sono un grande fan nel mettere una skin video sul video mentre suona. Anche usando i vari pannelli per "legare" i pulsanti e così via quando riesco a farlo in modo più efficiente usando ActionScript 3.0, queste caratteristiche "whizzy" di InDesign si sentono più come giocattoli "finiscono" di qualsiasi altra cosa. Ancora presentano un'opportunità per testare la funzionalità, quindi hanno un uso. Anche così, se si desidera creare un file SWF snello, medio e a caricamento rapido, Flash è la prossima tappa del processo.
Prima di farti entusiasmare di questo, devi sapere che questa tecnica, come imparerai presto, funziona meglio tra Flash CS5 e InDesign CS5; in effetti è l'unico formato Flash disponibile per te. Inoltre, Adobe ha interrotto l'opzione di esportazione XFL in InDesign. Era lì semplicemente per dare a InDesign CS4 la possibilità di passare a Flash. L'esportazione Flash lo sostituisce.
Infine, prima di esportare, assicurati di creare una nuova directory per conservare i file.
Iniziamo.
Seleziona File> Esporta> Flash CS5 Professional (FLA) e fai clic sul pulsante Salva per aprire la finestra di dialogo Esporta Flash CS5 Professional (FLA).
Molte delle opzioni sono disponibili nell'area generale della finestra di dialogo di esportazione SWF. Il nuovo è testo.
Ottieni quattro scelte. Tre - Testo classico, Converti in contorni e Converti in pixel - sono già stati trattati. Il nuovo è il testo TLF Flash. Questo è il nuovo modo di gestire il testo in Flash CS5. TLF è l'acronimo di Text Layout Framework ed è la funzionalità che porta la tipografia in Flash. Qualsiasi modifica tipografica apportata in InDesign verrà trasferita, in modo intatto, a Flash. Questa è una grande notizia per i designer. La cattiva notizia è che questa funzione funziona solo con Flash CS5 e con Flash Player 10 o versioni successive.
La selezione Inserisci punti di sillabazione discrezionale "rompe" le parole quando si incontrano contro il bordo di una casella di testo.
Prima di esportare in Flash, potresti voler eseguire un controllo "preflight" per assicurarti di ottenere davvero WYSIWYG. Tra le cose da controllare:
Riduci a icona InDesign e apri la cartella Flash.
L'unica differenza che dovresti vedere tra il contenuto di questa cartella e quello della sua controparte SWF è l'inclusione di un file .fla.
Prendi il .fla e aprilo in Flash CS5 (questo è dove si fa sul serio).
Innanzitutto, il film ha solo tre fotogrammi. La ragione è diffusa in InDesign, e ce ne sono tre in questo documento, è racchiusa nel proprio MovieClip (denominato "Spread-xxx") nella Libreria. Tutti i pulsanti utilizzati nel documento InDesign sono trasformati in simboli di pulsanti nella libreria Flash e ciascuna delle immagini utilizzate nella presentazione - un oggetto multistato in InDesign - viene convertita in un clip filmato e le immagini vengono aggiunte a Flash libreria come simboli bitmap.
Le cattive notizie, e per molti di voi questa non è una brutta notizia, tutta l'interattività è persa. Dovrai "reinterrare" il progetto usando ActionScript 3.0.
Discutiamo dell'apertura di un Movie Clip contenente un oggetto animato.
In questo progetto c'è un blocco di testo animato a pagina 3 che inizia con un valore alfa pari a 0 e utilizza l'effetto Fly In From Top in InDesign. Questi effetti si spostano, intatti, in Flash, vengono aggiunti ai livelli di movimento e i percorsi sono completamente modificabili in Flash.
Fare doppio clic su uno spread sulla timeline principale per aprire il clip filmato e fare clic su un blocco di testo.
Come puoi vedere, tutta la formattazione del testo, incluso il flusso tra i contenitori, applicata in InDesign si riflette nelle proprietà Text del contenitore di testo in Flash CS5. Questo è enorme. L'unica cosa che manca è il testo a capo; non si muoverà tra InDesign e Flash. Ciò che sposta, però, sono le immagini in linea. Queste sono immagini o elementi grafici aggiunti ai contenitori di testo in InDesign come elementi in linea. Di nuovo, questo è enorme.
Video e audio, tipiche risorse esterne, non si spostano in Flash. Qualsiasi video viene sostituito con un segnaposto bitmap del frame poster del video di InDesign CS5 e l'audio è, beh, ignorato. Di nuovo questi due tipi di media sono gestiti meglio tramite ActionScript 3.0, quindi non è una grande perdita. In effetti, il segnaposto video può essere sostituito con un componente FLVPlayback o un oggetto video.
In questo tutorial ti ho illustrato i passaggi necessari per ottenere un documento InDesign CS5 preparato per la riproduzione Web come file SWF o .fla. Sono notevolmente simili nel modo in cui vengono esportati, ma i due formati sono nettamente diversi.
Come ho sottolineato, l'esportazione di SWF è utile per la prototipazione e un paio di altri usi specifici. Per molti di voi, è il .fla lanciato da InDesign che è più importante.
Ti ho mostrato come movimento, risorse di pagina, testo, audio e video vengono spostati in Flash. L'aspetto più importante di questo è tutto il patrimonio in Flash Library, ma richiederà l'attenzione di uno sviluppatore Flash per "reinterrare" il progetto con ActionScript 3.0. Questa è una buona cosa; coloro che non hanno le tue capacità e le tue conoscenze ci penseranno due volte prima di esportare i documenti Indesign in Flash perché pensano che risolveranno i loro problemi. Lontano da esso. Stanno iniziando.
Infine, una volta che il progetto è "cablato" e funzionante, può quindi spostarsi sul Web o essere raggruppato come documento XFL e consegnato al team Flex. Questo è un flusso di lavoro nuovo di zecca e ho il sospetto che molti di voi vedranno questo lavoro extra. Sinceramente sento che una volta capito il "blocco" di InDesign sta per diventare un altro strumento nel nostro arsenale perché un'ondata di tablet - Android e altri sistemi operativi - sono proprio dietro l'angolo.
Accentsconagua