Creare una pubblicazione per ipad

17 Creare una pubblicazione per ipad Panoramica della lezione In questa lezione imparerai come: Creare un nuovo documento di publishing digitale. Aggiungere elementi interattivi, come collegamenti ipertestuali, filmati, panorami e grafica su cui eseguire scorrimento e zoom. Visualizzare in anteprima l interattività. Creare un layout alternativo. Creare e visualizzare in anteprima un folio. Per completare questa lezione occorrono circa 60 minuti. 2

Le funzioni di publishing digitale di InDesign CS6 ti consentono di creare e visualizzare in anteprima riviste, quotidiani e cataloghi digitali che includono elementi accattivanti come la rotazione degli oggetti di 360 gradi e i panorami, e sono visualizzabili su un ampia varietà di tablet. 3

Iniziare In questa lezione creerai un nuovo documento di publishing digitale. Dopo aver impostato il nuovo documento, aprirai una versione parzialmente completa della pubblicazione, aggiungerai molti elementi interattivi e poi salverai e visualizzerai in anteprima un folio che può essere trasferito e visualizzato su un ipad. Importante: Per svolgere le procedure di questa lezione, devi prima scaricare e installare il software gratuito DPS Desktop Tools dal sito Web di Adobe. Per scaricare la versione Macintosh, accedi a: www.adobe.com/support/downloads/product.jsp?pro duct=182&platform=macintosh. Per scaricare la versione Windows, accedi a: http:// www.adobe.com/support/downloads/product.jsp?product=182&platform=windows. 1 Per assicurarti che le preferenze e le impostazioni predefinite di Adobe InDesign CS6 corrispondano a quelle utilizzate in questa lezione, sposta il file delle impostazioni predefinite di InDesign in un altra cartella svolgendo la procedura descritta in Salvare e ripristinare il file delle impostazioni predefinite di InDesign a pagina 3. Nota: Un folio è un insieme di articoli di publishing digitale. Prende il nome dall'estensione di file.folio utilizzata per questo tipo di file di publishing digitale. 2 Avvia InDesign. Per assicurarti che i pannelli e i comandi dei menu corrispondano a quelli utilizzati in questa lezione, scegli Finestra > Area di lavoro > [Avanzate] e poi scegli Finestra > Area di lavoro > Reimposta Avanzate. 3 Per vedere l aspetto del documento terminato, apri il file 17_End.indd che si trova nella cartella Lesson_17. 4 Spostati fra le pagine del documento finito per visualizzare la copertina e le quattro pagine che seguono. 5 Chiudi il file 17_End.indd dopo aver terminato di esaminarlo, oppure puoi lasciarlo aperto come riferimento. 4 LEZIONE 17 Creare una pubblicazione per ipad

Creare una nuova pubblicazione digitale Poiché le pubblicazioni digitali sono visualizzate sui dispositivi tablet (un ipad nel caso del documento di esempio a cui lavoreremo in questa lezione) e possono includere elementi interattivi, come presentazioni e grafica su cui eseguire scorrimento e zoom, non utilizzabili nei documenti stampati, creare un documento di publishing digitale è una procedura leggermente diversa rispetto a creare un documento stampato. Detto questo, quando si creano pubblicazioni digitali, tutte le funzioni tipografiche e di impaginazione trattate in questo libro sono comunque disponibili e funzionano allo stesso modo. Per iniziare, creerai un nuovo documento di publishing digitale. 1 Scegli File > Nuovo > Documento. 2 Nella finestra di dialogo Nuovo documento, scegli Pubblicazione digitale nel menu Intento e ipad nel menu Dimensioni pagina. Specifica anche le impostazioni seguenti: Nella casella Numero di pagine, digita 5 e deseleziona Cornice di testo principale. Lascia invariate tutte le altre impostazioni e fai clic su OK. Nota: Impostando l'opzione Intento su Pubblicazione digitale (o Web), l'opzione Pagine affiancate viene disattivata, l'orientamento di pagina predefinito viene impostato su O- rizzontale e l'unità di misura sui pixel. 3 Scegli Finestra > Area di lavoro > Pubblicazione digitale. In quest area di lavoro la disposizione dei pannelli è ottimizzata per le attività che svolgerai in questa lezione ed è più facile accedere a molti dei controlli che utilizzerai. 4 Scegli File > Salva con nome, assegna al file il nome 17_Setup.indd, accedi alla cartella Lesson_17 e fai clic su Salva. Aggiungere elementi interattivi Gli elementi interattivi in una pubblicazione digitale includono cose come presentazioni di numerose immagini, collegamenti ipertestuali, grafica di cui è possibile eseguire scorrimento e zoom, filmati e suoni. In modo molto simile a come puoi modificare una cornice di grafica aggiungendo una traccia, un effetto speciale come un ombra esterna o una rotazione, puoi controllare l aspetto e il funzionamento degli elementi interattivi. Adobe InDesign CS6 Classroom in a Book 5

Anziché creare l intera pubblicazione digitale dal nulla, continuerai questa lezione aprendo una versione parzialmente completa della pubblicazione e aggiungerai i tocchi finali creando molti elementi interattivi. Nota: Il pannello Folio Overlays consente di aggiungere l'interattività ai layout di InDesign progettati per essere visualizzati sui dispositivi tablet, come l'ipad. Questa interattività può includere grafica su cui eseguire scorrimento e zoom, presentazioni, video, audio e altro. Creare un collegamento ipertestuale I collegamenti ipertestuali consentono agli utenti di saltare a un altra posizione del documento e anche ad altri documenti o siti Web. Un collegamento ipertestuale include un origine (testo, cornice di testo o cornice di grafica) e una destinazione, ovvero URL, file, indirizzo e-mail, ancora nel testo della pagina o destinazione condivisa a cui il collegamento ipertestuale passa. Ora creerai un collegamento ipertestuale a un sito Web utilizzando una cornice di grafica vuota. 1 Scegli File > Apri e apri il file 17_iPadGuidePartial nella cartella Lesson_17. 2 Scegli File > Salva con nome, assegna al file il nome 17_iPadGuide.indd e salvalo nella cartella Lesson_17. 3 Seleziona lo strumento Cornice rettangolare ( ), quindi trascina per creare un rettangolo sopra il logo D.I.Y. MEET a pagina 1. 4 Scegli Finestra > Interattività > Collegamenti ipertestuali o fai clic sulla scheda Collegamenti ipertestuali nell area di ancoraggio dei pannelli. 5 Scegli Nuovo collegamento ipertestuale nel menu del pannello Collegamenti ipertestuali. 6 Seleziona URL nel menu Collega a e digita un URL nel campo URL (il documento di esempio utilizza l URL http://www.bikeworks.org). Deseleziona Destinazione collegamento ipertestuale condivisa. Sotto Aspetto, lascia attivate le opzioni Rettangolo invisibile e Nessuno. Fai clic su OK. 7 Scegli Finestra > Folio Overlays o fai clic sulla scheda Folio Overlays nell area di ancoraggio dei pannelli sul lato destro dello schermo per aprire il pannello Folio Overlays. 6 LEZIONE 17 Creare una pubblicazione per ipad

8 Nel pannello Folio Overlays assicurati che sia selezionata l opzione Apri nel folio. Quando l utente tocca l area del collegamento ipertestuale definita dalla cornice, la pagina Web viene visualizzata in un visualizzatore all interno dell applicazione senza che sia attivato un browser. 9 Scegli File > Salva. Aggiungere un filmato Aggiungere un filmato a un documento di publishing digitale è simile ad aggiungere una foto o un illustrazione a un documento stampato. Ora importerai un filmato nel documento e utilizzerai il pannello File multimediali per scegliere un elemento di grafica da utilizzare come immagine poster per il filmato. Quindi utilizzerai il pannello Folio Overlays per controllare il modo in cui il filmato viene eseguito. 1 Utilizza lo strumento Selezione ( ) per selezionare l elemento di grafica rettangolare nell angolo superiore destro di pagina 1. 2 Scegli File > Inserisci e seleziona il video Cycling.mp4 nella cartella Links all interno della cartella Lesson_17. Nella finestra di dialogo Inserisci assicurati che sia selezionata l opzione Sostituisci elemento selezionato, quindi fai clic su Apri. 3 Scegli Finestra > Interattività > File multimediali o fai clic sulla scheda File multimediali nell area di ancoraggio dei pannelli sul lato destro dello schermo. 4 Nel menu Poster del pannello File multimediali seleziona Scegli immagine. Seleziona Cyclist.jpg nella cartella Lesson_17 e poi fai clic su Apri. ## Nota: Il pannello Folio Overlays consente di cambiare il comportamento di un collegamento ipertestuale. Se selezioni Apri nel folio, la pagina Web specificata viene aperta senza lasciare la pubblicazione digitale. Se selezioni Open In Device Browser, la pagina Web viene aperta in un'applicazione browser separata sul dispositivo tablet, ad esempio in Safari su un ipad. Nota: Un'immagine poster è l'immagine statica che viene visualizzata all'interno della cornice che contiene il video inserito quando il video non è in esecuzione. 5 Mentre l oggetto filmato è ancora selezionato, assicurati che le opzioni Riproduzione automatica e Riproduci a schermo intero nel pannello Folio Overlays non siano selezionate e che l opzione Tocca per visualizzare il controller sia selezionata. Adobe InDesign CS6 Classroom in a Book 7

6 Scegli File > Salva. Creare una presentazione Una presentazione è una sequenza di immagini che vengono visualizzate una alla volta quando l utente tocca i pulsanti Indietro e Avanti. Il documento di esempio per questa lezione include gli elementi grafici di cui hai bisogno per creare una presentazione interattiva. Disporrai questi elementi grafici in pila, li convertirai in un oggetto con più stati e poi creerai i pulsanti che consentono all utente di spostarsi fra le diapositive. 1 Utilizza il pannello Pagine (Finestra > Pagine) per passare a pagina 2 o premi Ctrl+J (Windows) o Comando+J (Mac OS), inserisci 2 nella casella Pagina e poi fai clic su OK. 2 Attiva lo strumento Selezione ( ) e poi, fra le sette cornici di grafica, seleziona quella che si trova sopra tutte le altre. 3 Premi Maiusc e seleziona ciascuna delle altre sei cornici di grafica sovrapposte. Rilascia il tasto Maiusc dopo aver selezionato tutte le sette cornici. 4 Fai clic sul pulsante Allinea bordi di sinistra ( ) nel pannello Controllo e poi clic sul pulsante Allinea bordi superiori ( ). 5 Mentre le cornici di grafica sono ancora selezionate, scegli Finestra > Interattività > Stati oggetto o fai clic sulla scheda Stati oggetto nell area di ancoraggio dei pannelli sul lato destro dello schermo per visualizzare il pannello Stati oggetto, quindi fai clic sul pulsante Converti selezione in oggetto con più stati. Se necessario, allunga il pannello per visualizzare i nomi di tutti gli oggetti. 8 LEZIONE 17 Creare una pubblicazione per ipad

In basso: le cornici di grafica combinate in un oggetto con più stati. Ogni immagine appare come un singolo stato nel pannello Stati oggetto. 6 Nel pannello Stati oggetto inserisci Sea Slugs nella casella Nome oggetto e poi premi Invio. Ora che hai creato un oggetto con più stati, devi fornire un modo per consentire agli utenti di scorrere fra le immagini. 7 Utilizza lo strumento Selezione per selezionare la freccia di colore rosso nell angolo inferiore sinistro della pagina. 8 Scegli Finestra > Interattività > Pulsanti e moduli o fai clic sulla scheda Pulsanti e moduli nell area di ancoraggio dei pannelli sul lato destro dello schermo per aprire il pannello Pulsanti e moduli. 9 Nel pannello Pulsanti e moduli fai clic su Converti in pulsante in fondo al pannello e poi inserisci Previous nella casella Nome. 10 Fai clic sul pulsante Aggiungi nuova azione per evento selezionato ( ) accanto ad Azioni e scegli Vai allo stato precedente nel menu. Adobe InDesign CS6 Classroom in a Book 9

Ora farai in modo che l aspetto del pulsante cambi leggermente quando l utente lo tocca. 11 Mentre la freccia di colore rosso è ancora selezionata, fai clic su [Clic] nell area Aspetto del pannello Pulsanti e moduli e poi clic sul pulsante Ombra esterna ( ) nel pannello Controllo. E Suggerimento: Oltre a creare i pulsanti Indietro e Avanti per spostarsi fra le immagini in un oggetto con più stati, è possibile utilizzare il pannello Folio Overlays per configurare un oggetto con più stati in modo tale che l'utente possa toccare l'immagine per eseguire automaticamente la presentazione. 12 Ripeti i passi 7 11 per selezionare la freccia di colore rosso a destra, convertirla in un pulsante, assegnarle il nome Next e applicarvi l azione Vai allo stato successivo (anziché Vai allo stato precedente, come hai fatto al passo 10), quindi assegna al suo aspetto [Clic] un ombra esterna. Gli utenti possono toccare i pulsanti con la freccia per spostarsi da un immagine all altra, ma puoi anche configurare l oggetto a più stati in modo tale che gli utenti possano passare il dito sulle immagini per procedere da una diapositiva all altra. 13 Utilizza lo strumento Selezione per selezionare l oggetto con più stati che hai creato in precedenza. Nel pannello Folio Overlays, seleziona Passa il dito per cambiare immagine. 14 Scegli File > Salva. Creare un panorama Un panorama è un elemento grafico che fornisce la visione a 360 gradi di una scena. Un panorama richiede sei immagini, ciascuna delle quali rappresenta una faccia di un cubo. L utente che guarda il panorama può passare il dito sull immagine in ogni direzione per ottenere una visione completa della scena. 1 Utilizza il pannello Pagine (Finestra > Pagine) per passare a pagina 3 o premi Ctrl+J (Windows) o Comando+J (Mac OS), inserisci 3 nella casella Pagina e poi fai clic su OK. 10 LEZIONE 17 Creare una pubblicazione per ipad

2 Utilizza lo strumento Selezione ( ) per selezionare la cornice di grafica vuota sul lato sinistro della pagina. 3 Nel pannello Folio Overlays seleziona Panorama. 4 Fai clic sul pulsante Seleziona la cartella delle risorse panorama ( ) e poi seleziona la cartella CourtyardPano nella cartella Links all interno della cartella Lesson_17. Fai clic su Apri. Il rettangolo segnaposto ha assunto le dimensioni delle immagini del panorama, ma devi rendere più piccola l area su cui fare clic per adattarla alla pagina. 5 Nel pannello Controllo assicurati che, nel localizzatore del punto di riferimento, sia selezionato il quadrato in alto a sinistra, inserisci 40% nella casella Percentuale scala X o Percentuale scala Y e poi premi Invio. Poiché il pulsante Mantieni proporzioni per scala è selezionato per le caselle Percentuale scala X e Percentuale scala Y, cambiando uno dei valori anche l altro viene cambiato automaticamente. 6 Scegli File > Salva. Creare un elemento grafico su cui eseguire scorrimento e zoom Puoi visualizzare una porzione di un elemento grafico in una cornice di grafica rettangolare e poi configurare la cornice in modo da consentire all utente di effettuare scorrimento e zoom sull immagine all intero del rettangolo. 1 Utilizza il pannello Pagine (Finestra > Pagine) per passare a pagina 4 o premi Ctrl+J (Windows) o Comando+J (Mac OS), inserisci 4 nella casella Pagina e poi fai clic su OK. ESuggerimento: Per ottenere i migliori risultati quando si creano immagini su cui eseguire scorrimento e zoom, è necessario utilizzare i file JPEG. Assicurati che l'immagine abbia le dimensioni esatte che desideri utilizzare. Per esempio, se desideri che l'utente possa effettuare lo scorrimento di un'immagine di 1024 per 1024 pixel in un'area di visualizzazione di 200 per 200 pixel, crea un'immagine di 1024 per 1024 pixel. Adobe InDesign CS6 Classroom in a Book 11

2 Utilizza lo strumento Selezione per selezionare la cornice di grafica vuota sul lato sinistro della pagina. 3 Scegli File > Inserisci. 4 Nella finestra di dialogo Inserisci seleziona l immagine Park.jpg nella cartella Links all interno della cartella Lesson_17, seleziona Sostituisci elemento selezionato e poi fai clic su Apri. 5 Sposta il puntatore all interno dell elemento di acquisizione contenuti al centro dell elemento grafico e poi fai clic per selezionare l elemento grafico. Nota che i bordi sinistro e inferiore dell elemento grafico si trovano all esterno dei bordi della cornice, il che consentirà all utente di effettuare lo scorrimento orizzontale e verticale. 6 Fai doppio clic all interno della cornice di grafica per selezionare la cornice anziché l elemento grafico. ESuggerimento: Per rimuovere lo scorrimento e zoom o il solo scorrimento da una cornice di grafica, seleziona la cornice e poi fai clic su Cancella sovrapposizione da elemento pagina selezionato ( ) in fondo al pannello Folio Overlays. 7 Nel pannello Folio Overlays fai clic su Scorrimento e zoom e poi seleziona il pulsante Attivato. 8 Scegli File > Salva. Creare una cornice di testo scorrevole Oltre a creare elementi grafici su cui eseguire scorrimento e zoom, puoi creare cornici scorrevoli su cui l utente può passare il dito per visualizzare contenuti aggiuntivi. Immagina per esempio di aver creato un elenco di eventi imminenti troppo lungo per lo spazio riservatogli. Anziché continuare l elenco sull altra pagina e costringere l utente a spostarsi nel documento, puoi creare una cornice scorrevole su cui l utente può passare il dito per vedere il testo aggiuntivo. Il documento di esempio contiene già i due oggetti di cui hai bisogno per creare una cornice di testo scorrevole: una cornice di grafica vuota che funzionerà come cornice contenitore e una cornice di testo. 12 LEZIONE 17 Creare una pubblicazione per ipad

1 Utilizzando lo strumento Selezione seleziona la cornice di testo sul tavolo di montaggio all esterno del lato destro della pagina. 2 Scegli Modifica > Taglia. 3 Seleziona la cornice di grafica vuota nell angolo superiore destro della pagina. 4 Scegli Modifica > Incolla in per inserire la cornice di testo nella cornice di grafica. Il comando Incolla in allinea il centro delle due cornici; tuttavia, per creare una cornice scorrevole, devi allineare gli angoli in alto a destra delle cornici. 5 Attiva lo strumento Selezione diretta ( ) e poi sposta il puntatore all interno della cornice di testo. Nota che i lati superiore e inferiore della cornice di testo sono all esterno del contenitore, mentre i lati sinistro e destro sono all interno. 6 Trascina la cornice di testo verso il basso e verso sinistra fino a quando gli angoli in alto a sinistra delle due cornici sono allineati. Nota la sottile striscia verticale della cornice contenitore all esterno del lato destro della cornice di testo. Quest area consentirà all utente di passare il dito sul testo senza ostruire la visualizzazione. ESuggerimento: Per i migliori risultati, fai in modo che la larghezza del contenitore sia leggermente maggiore della cornice del contenuto in maniera che ci sia lo spazio per passare il dito lungo il lato destro della cornice del contenuto. La cornice del contenuto non deve includere testo non inserito. ESuggerimento: Se posizioni la cornice di testo sopra la cornice di grafica vuota, in modo che gli angoli in alto a destra delle cornici siano allineati, prima di scegliere Modifica > Taglia, il comando Incolla in ricorda la posizione della cornice di testo, perciò non hai bisogno di riposizionarla dopo aver scelto Incolla in. 7 Utilizzando lo strumento Selezione seleziona la cornice contenitore e poi fai clic su Cornice scorrevole nel pannello Folio Overlays. 8 Scegli Verticale nel menu Direzione di scorrimento. Adobe InDesign CS6 Classroom in a Book 13

9 Scegli File > Salva. Creare una sovrapposizione di contenuto Web Una sovrapposizione (overlay) di contenuto Web ti consente di visualizzare una pagina Web all interno di un area di visualizzazione. Gli utenti possono vedere il contenuto della pagina Web nell area di visualizzazione anziché passare a un browser, come può accadere le sovrapposizioni con collegamento ipertestuale basate su URL (il collegamento ipertestuale che hai creato in precedenza in questo capitolo è stato configurato in modo che venga aperto in un visualizzatore all interno dell applicazione anziché in un browser). Quando crei una sovrapposizione di contenuto Web, puoi specificare un URL o un file HTML locale. Se scegli un file HTML locale, assicurati che il file.html e tutti i file e le cartelle associati, come le immagini e gli script, siano memorizzati nella stessa cartella. 1 Utilizza il pannello Pagine (Finestra > Pagine) per passare a pagina 5 o premi Ctrl+J (Windows) o Comando+J (Mac OS), inserisci 5 nella casella Pagina e poi fai clic su OK. 2 Utilizzando lo strumento Selezione, seleziona la grossa cornice di grafica contenente l immagine della bicicletta. 3 Scegli Contenuto Web nel pannello Folio Overlays. 4 Digita un URL nella casella URL o file (il documento di esempio utilizza http://www.bicyclinginfo.org) e poi seleziona Riproduzione automatica e inserisci 5 nella casella Ritardo per visualizzare automaticamente la pagina Web specificata 5 secondi dopo che l utente ha aperto la pagina. Lascia invariate le altre impostazioni. 14 LEZIONE 17 Creare una pubblicazione per ipad

5 Scegli File > Salva. Visualizzare in anteprima e testare le sovrapposizioni Gli elementi interattivi che crei utilizzando il pannello Folio Overlays non possono essere visualizzati in anteprima in InDesign. È possibile vederli e modificarli, ma non è possibile interagire con essi come può fare l utente di un ipad. Puoi invece visualizzare in anteprima e testare l interattività utilizzando l applicazione Adobe Content Viewer. Ora visualizzerai in anteprima la pagina a cui hai appena lavorato e, facoltativamente, testerai alcuni degli elementi interattivi che hai creato. 1 Fai clic su Anteprima nell angolo inferiore sinistro del pannello Folio Overlays. Se è installato sul computer, Adobe Content Viewer si apre e mostra la pagina visualizzata attualmente in InDesign. Poiché, per la sovrapposizione di contenuto Web che hai creato, era selezionata l opzione Consenti interazione utente, i collegamenti ipertestuali sulla pagina Web funzionano e puoi fare clic su essi per accedere ad altre pagine Web. 2 Mentre sei in Adobe Content Viewer, puoi accedere alle altre pagine della pubblicazione trascinando. Per esempio, trascina la pagina 5 verso il basso per visualizzare la pagina 4. Se lo desideri, puoi testare gli altri elementi interattivi che hai creato in precedenza in questa lezione. 3 Quando hai terminato di vedere in anteprima la pubblicazione, esci da Adobe Content Viewer e ritorna in InDesign. Creare un layout alternativo e applicare le regole della pagina fluida I dispositivi tablet sono in grado di visualizzare le pagine con orientamento sia verticale sia orizzontale. Per sfruttare questa capacità, una nuova funzione di InDesign CS6 ti consente di creare layout alternativi nello stesso documento. Adobe InDesign CS6 Classroom in a Book 15

La funzione Layout alternativo duplica il contenuto del layout esistente, mettendolo su nuove pagina con dimensioni alternative. La capacità di includere entrambi i layout verticale e orizzontale per un applicazione per tablet in uno stesso documento di InDesign semplifica l attività di progettare i documenti per tablet e aiuta ad assicurare che il testo, le immagini collegate e l interattività siano coerenti su più layout. I layout alternativi hanno lo scopo di velocizzare il processo di design, ma molti layout richiedono alcune scelte estetiche e regolazioni manuali. Ora creerai un layout verticale alternativo e assegnerai una regola della pagina fluida per determinare il modo in cui gli oggetti sulla pagina vengono adattati nel layout alternativo. Quindi modificherai il layout di una delle pagine del layout alternativo in modo che possa consentire il cambio di orientamento. 1 Utilizza il pannello Pagine (Finestra > Pagine) per passare a pagina 2 o premi Ctrl+J (Windows) o Comando+J (Mac OS), inserisci 2 nella casella Pagina e poi fai clic su OK. 2 Se il pannello Pagine non è aperto, scegli Finestra > Pagine o fai clic sulla scheda Pagine per aprirlo. 3 Scegli Crea layout alternativo nel menu del pannello Pagine. E Suggerimento: Quando si crea un layout alternativo, oltre ad assegnare regole della pagina fluida globali, è possibile assegnare una qualsiasi delle quattro regole della pagina fluida (Centra nuovamente, Scala, Basato su oggetti e Basato su guide) a singole pagine e assegnare vincoli basati su oggetti a singoli oggetti. Per esempio, puoi fissare un oggetto sul lato di una pagina. 4 Nella finestra di dialogo Crea layout alternativo, scegli Centra nuovamente nel menu Regola pagina fluida. Lascia invariate le altre impostazioni. Nota che al nuovo layout è assegnato il nome ipad V (orientamento verticale) e che ipad H, il layout a cui stavi lavorando, è l origine. Fai clic su OK per chiudere la finestra di dialogo. 5 Osserva che le pagine del nuovo layout sono visualizzate nel pannello. Se necessario, trascina la barra orizzontale che separa le icone delle pagine mastro dalle icone delle pagine del documento in modo da poter vedere l icona della pagina mastro B-Master ipad V. Questa pagina mastro è stata generata quando hai creato il layout alternativo. Devi apportare alcune modifiche alla pagina mastro B-Master ipad V, dopo le quali modificherai la pagina 2 nel layout alternativo regolando la posizione degli oggetti sulla pagina stessa. 16 LEZIONE 17 Creare una pubblicazione per ipad

6 Fai doppio clic sull icona della pagina mastro B-Master ipad V nel pannello Pagine per visualizzarla e poi scegli Visualizza > Adatta pagina a finestra. 7 Utilizza lo strumento Selezione ( ) per ridimensionare la cornice verde in modo che il suo lato sia allineato con il lato della pagina. 8 Fai doppio clic su pagina 2 del layout ipad V nel pannello Pagine per visualizzarla. Nota che la pagina contiene tutti gli oggetti del layout di origine e che gli oggetti sono invariati. 9 Utilizza lo strumento Selezione per riposizionare gli oggetti sulla pagina in modo simile all immagine che segue. La cornice di testo con il titolo Sea Slugs... è l unico oggetto che richiede di essere ridimensionato. Adobe InDesign CS6 Classroom in a Book 17

Anziché sistemare gli oggetti sulle pagine restanti, continuerai aprendo un documento che include già queste modifiche e poi completerai la lezione creando e mostrando in anteprima un file.folio. 10 Scegli File > Salva. Nota: Il pannello Folio Builder offre l'opzione di effettuare l'accesso ad Adobe Digital Publishing Suite o di registrarsi per un account e accedere a Digital Publishing Suite. Per questa lezione non è necessario fare nessuna delle due cose dato che verrà creato un folio locale. Creare e visualizzare in anteprima un file.folio Per preparare un documento per la pubblicazione con Adobe Digital Publishing Suite, devi creare un file.folio. Puoi visualizzare in anteprima il file.folio sul computer o sul tablet con Adobe Content Viewer e condividerlo con i colleghi o i clienti che hanno Adobe Content Viewer. 1 Scegli File > Apri e apri il documento di InDesign denominato 17_iPadGuideComplete.indd nella cartella Lesson_17. 2 Scegli Finestra > Folio Builder o fai clic sulla scheda Folio Builder nell area di ancoraggio dei pannelli. 3 Scegli Nuovo folio nel menu del pannello Folio Builder o fai clic sul pulsante Nuovo in fondo al pannello Folio Builder. 4 Nella finestra di dialogo Nuovo folio inserisci City Guide nel campo Nome folio. Assicurati che, per Orientamento, sia selezionata l icona Folio verticale e orizzontale e poi fai clic su OK per chiudere la finestra di dialogo. Quando fai clic su OK, il pannello Folio Builder si apre al livello Articles. Un articolo contiene le pagine che hai creato in InDesign. 18 LEZIONE 17 Creare una pubblicazione per ipad

5 Fai clic sul pulsante Aggiungi in fondo al pannello Folio Builder per aggiungere il documento corrente. 6 Nella finestra di dialogo Nuovo articolo inserisci Guide nel campo Nome articolo. Lascia invariate tutte le altre impostazioni e fai clic su OK per chiudere la finestra di dialogo. 7 Per visualizzare in anteprima il documento, fai clic sul pulsante Anteprima in fondo al pannello Folio Builder. Il documento ai apre in visualizzazione orizzontale in Adobe Content Viewer. Puoi utilizzare i tasti Freccia su e Freccia giù per spostarti fra le pagine e testare tutti gli elementi interattivi come hai fatto in precedenza. Scegli Visualizza > Verticale per visualizzare il layout verticale. Quando hai terminato Adobe InDesign CS6 Classroom in a Book 19

di vedere in anteprima il documento, esci da Adobe Content Viewer e ritorna in InDesign. 8 Scegli File > Salva. Congratulazioni! Hai creato una pubblicazione per ipad dotata di interattività e layout orizzontale e verticale. Adobe Digital Publishing Suite Adobe Digital Publishing Suite è una soluzione completa per grafici, editori tradizionali e agenzie, e aziende di tutte le dimensioni che vogliono creare, distribuire, commercializzare e ottimizzare contenuti e pubblicazioni interessanti per tablet. L Enterprise Edition offre una soluzione personalizzabile per gli editori, le aziende e le agenzie pubblicitarie con presenza globale che desiderano trasformare la loro attività digitale aggiungendo nuove fonti di reddito, promuovere relazioni più profonde con i clienti e pubblicare documenti per tablet in modo poco dispendioso. La Professional Edition è la soluzione software pronta per il publishing digitale per tablet dedicata alle aziende multimedia tradizionali di medie dimensioni, agli editori e alle organizzazioni basate su membri. Puoi creare velocemente contenuti con layout sofisticato e pubblicarli sui marketplace e i dispositivi principali per promuovere la crescita tramite il digital publishing. La Single Edition offre agli studi di grafica di piccole e medie dimensioni e ai grafici freelance un modo intuitivo e accessibile per creare applicazioni per ipad come brochure, portfolio e libri visivi ricchi senza dover scrivere codice o rivolgersi a sviluppatori. Utilizza le tue competenze di Adobe InDesign CS6 per esprimere la tua creatività e sviluppare contenuti che ispirano e coinvolgono. Per ulteriori informazioni sulla famiglia di prodotti Adobe Digital Publishing Suite, visita www.adobe.com/products/digital-publishing-suite-family.html. Per ulteriori informazioni sulla creazione di pubblicazioni commerciali per tablet, e risorse per sviluppatori, visita il Digital Publishing Suite Developer Center all indirizzo www.adobe.com/devnet/digitalpublishingsuite.html. Esercizi Per fare ancora un po di pratica, puoi creare altri layout alternativi e sperimentare le regole della pagina fluida che non hai utilizzato in precedenza in questa lezione. 1 Se non è aperto, apri il documento 17_iPadGuide.indd a cui hai lavorato in precedenza in questa lezione e accedi alla pagina 1 del layout ipad H. Scegli Visualizza > Adatta pagina a finestra. 2 Scegli Crea layout alternativo nel menu del pannello Pagine. 20 LEZIONE 17 Creare una pubblicazione per ipad

3 Nella finestra di dialogo Crea layout alternativo inserisci ipad V#2 nel campo Nome, scegli Scala nel menu Regola pagina fluida e poi fai clic su OK. 4 Ingrandisci il pannello Pagine in modo da poter vedere tutte le icone delle pagine per i tre layout del documento. Fai doppio clic sulla pagina 1 del layout ipad V #2 per visualizzarla e poi scegli Finestra > Disponi > Dividi finestra. 5 Fai doppio clic su pagina 1 del layout ipad V per visualizzarla nella finestra sinistra. Nota la differenza fra la pagina a sinistra (il layout ipad V, creato utilizzando la regola della pagina fluida Centra nuovamente) e la pagina a destra, creata con la regola Scala. Tutti gli oggetti del layout ipad V hanno mantenuto le loro dimensioni originali nel layout alternativo, mentre tutti gli oggetti del layout ipad V #2 sono stati scalati in modo da adattare l intera pagina alle dimensioni del layout alternativo. 6 Scegli Finestra > Disponi > Annulla divisione finestra. 7 Nel pannello Pagine fai doppio clic su pagina 1 del layout ipad H per visualizzarla. Crea un altro layout alternativo e denominalo ipad V #3, ma questa volta scegli Basato su guide nel menu Regola pagina fluida nella finestra di dialogo Crea layout alternativo. Confronta le pagine dei tre layout alternativi per vedere il modo in cui la regola della pagina fluida che hai scelto ha influenzato i layout risultanti. 8 Crea un altro layout alternativo e denominalo ipad V #4, quindi scegli Basato su oggetti nel menu Regola pagina fluida. Confronta di nuovo le pagine dei layout alternativi per vedere il modo in cui la regola della pagina fluida ha influenzato i layout risultanti. 9 Chiudi il documento senza salvare le modifiche. L unico tipo di sovrapposizione che non hai creato in questa lezione è la sequenza di immagini. Una sequenza di immagini è simile a un oggetto con più stati in quanto consente all utente di vedere una serie di immagini. Quando crei una sequenza di immagini, puoi configurare la sequenza in modo che sia eseguita quando l utente passa il dito sull immagine o sia avviata automaticamente quando l utente tocca l immagine. 1 Crea un nuovo documento. Nella finestra di dialogo Nuovo documento scegli Pubblicazione digitale nel menu Intento e lascia invariate tutte le altre impostazioni. 2 Utilizza lo strumento Cornice rettangolare ( ) per creare una cornice segnaposto per la sequenza di immagini ovunque sulla pagina. Come segnaposto puoi utilizzare una cornice di qualsiasi dimensione. 3 Nel pannello Folio Overlays fai clic su Sequenza immagini. E Suggerimento: Quando scegli la regola della pagina fluida, tieni presente che Scala funziona meglio quando stai adattando una pagina per un layout che ha le stesse proporzioni e lo stesso orientamento. Centra nuovamente è appropriato quando stai adattando contenuti per un dispositivo e un orientamento simili con una dimensione maggiore. Basato su guide è utile per le pagine più semplici che includono soprattutto testo e poche immagini. Basato su oggetti ti consente di personalizzare il modo in cui ogni oggetto sarà regolato per la nuova pagina. Adobe InDesign CS6 Classroom in a Book 21

4 Fai clic sul pulsante della cartella accanto a Carica immagini e poi individua e seleziona la cartella denominata Mug_3D nella cartella Links all intero della cartella Lesson_17. 5 Fai clic sul pulsante Anteprima in fondo al pannello Folio Overlays per visualizzare il file in Adobe Content Viewer (in Adobe Content Viewer trascina in orizzontale in qualsiasi direzione per avviare la sequenza). 6 Ritorna in InDesign e scegli alcune impostazioni nel pannello Folio Overlay. Seleziona per esempio Riproduzione automatica. Quindi visualizza di nuovo la pagina in anteprima. Continua a sperimentare con i controlli. 7 Quando hai terminato le prove, chiudi il documento senza salvare le modifiche. 22 LEZIONE 17 Creare una pubblicazione per ipad

Domande di verifica 1 Se si intende creare una pubblicazione per ipad o altri dispositivi tablet, quale impostazione è necessario scegliere per Intento nella finestra di dialogo Nuovo documento? 2 Quale pannello contiene i controlli richiesti per creare elementi interattivi come collegamenti ipertestuali, presentazioni e panorami per le pubblicazioni per ipad? 3 Come si fa a visualizzare in anteprima l interattività che è stata aggiunta a una pubblicazione per ipad? 4 Se, quando si crea una pubblicazione per ipad, si specifica il layout orizzontale (orientamento orizzontale), cosa è necessario fare se si desidera consentire agli utenti di vedere anche i layout di pagina anche in verticale? 5 Quale pannello si usa per creare un file.folio visualizzabile su un ipad? Risposte 1 Se si desidera creare una pubblicazione per ipad o altri dispositivi tablet, è necessario scegliere Pubblicazione digitale nel menu Intento della finestra di dialogo Nuovo documento. 2 Il pannello Folio Overlays consente di creare elementi interattivi per le pubblicazioni ipad. 3 Per visualizzare in anteprima il documento, è necessario fare clic sul pulsante Anteprima in fondo al pannello Folio Overlays. InDesign genera un file.folio e lo apre automaticamente in Adobe Content Viewer. 4 Per consentire agli utenti di vedere entrambe le versioni verticale e orizzontale delle pagine, è necessario creare un layout alternativo con orientamento verticale. 5 Il pannello Folio Builder consente di creare i file.folio. Adobe InDesign CS6 Classroom in a Book 23