Sei sulla pagina 1di 22

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,
lmati, panorami e graca su cui eseguire scorrimento e zoom.

Visualizzare in anteprima linterattivit. Creare un layout alternativo. Creare e visualizzare in anteprima un folio.
Per completare questa lezione occorrono circa 60 minuti.

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 unampia variet di tablet.

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 predenite di Adobe InDesign CS6 corrispondano a quelle utilizzate in questa lezione, sposta il le delle impostazioni predenite di InDesign in unaltra cartella svolgendo la procedura descritta in Salvare e ripristinare il le delle impostazioni predenite 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 laspetto del documento terminato, apri il le 17_End.indd che si trova nella cartella Lesson_17. 4 Spostati fra le pagine del documento nito per visualizzare la copertina e le quattro pagine che seguono.

5 Chiudi il le 17_End.indd dopo aver terminato di esaminarlo, oppure puoi lasciarlo aperto come riferimento.

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 graca 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 tipograche 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 nestra di dialogo Nuovo documento, scegli Pubblicazione digitale nel menu Intento e iPad nel menu Dimensioni pagina. Specica anche le impostazioni seguenti:
Nota:Impostando
l'opzione Intento su Pubblicazione digitale (o Web), l'opzione Pagine affiancate viene disattivata, l'orientamento di pagina predefinito viene impostato su Orizzontale e l'unit di misura sui pixel.

Nella casella Numero di pagine, digita 5 e deseleziona Cornice di testo principale.


Lascia invariate tutte le altre impostazioni e fai clic su OK.

3 Scegli Finestra > Area di lavoro > Pubblicazione digitale. In questarea 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 le 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, graca di cui possibile eseguire scorrimento e zoom, lmati e suoni. In modo molto simile a come puoi modicare una cornice di graca aggiungendo una traccia, un eetto speciale come unombra esterna o una rotazione, puoi controllare laspetto e il funzionamento degli elementi interattivi.

ADoBe InDeSiGn CS6 ClaSSRooM in a BooK

Anzich creare lintera pubblicazione digitale dal nulla, continuerai questa lezione aprendo una versione parzialmente completa della pubblicazione e aggiungerai i tocchi nali creando molti elementi interattivi.

Creare un collegamento ipertestuale


I collegamenti ipertestuali consentono agli utenti di saltare a unaltra posizione del documento e anche ad altri documenti o siti Web. Un collegamento ipertestuale include unorigine (testo, cornice di testo o cornice di graca) e una destinazione, ovvero URL, le, 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 graca vuota. 1 Scegli File > Apri e apri il le 17_iPadGuidePartial nella cartella Lesson_17. 2 Scegli File > Salva con nome, assegna al le 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 nellarea 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 lURL http://www.bikeworks.org). Deseleziona Destinazione collegamento ipertestuale condivisa. Sotto Aspetto, lascia attivate le opzioni Rettangolo invisibile e Nessuno. Fai clic su OK.

Nota: Il pannello Fo-

lio 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.

7 Scegli Finestra > Folio Overlays o fai clic sulla scheda Folio Overlays nellarea di ancoraggio dei pannelli sul lato destro dello schermo per aprire il pannello Folio Overlays.

LEZIONE 17 Creare una pubblicazione per iPad

8 Nel pannello Folio Overlays assicurati che sia selezionata lopzione Apri nel folio. Quando lutente tocca larea del collegamento ipertestuale denita dalla cornice, la pagina Web viene visualizzata in un visualizzatore allinterno dellapplicazione senza che sia attivato un browser. 9 Scegli File > Salva.

Aggiungere un filmato
Aggiungere un lmato a un documento di publishing digitale simile ad aggiungere una foto o unillustrazione a un documento stampato. Ora importerai un lmato nel documento e utilizzerai il pannello File multimediali per scegliere un elemento di graca da utilizzare come immagine poster per il lmato. Quindi utilizzerai il pannello Folio Overlays per controllare il modo in cui il lmato viene eseguito. 1 Utilizza lo strumento Selezione ( ) per selezionare lelemento di graca rettangolare nellangolo superiore destro di pagina 1. 2 Scegli File > Inserisci e seleziona il video Cycling.mp4 nella cartella Links allinterno della cartella Lesson_17. Nella nestra di dialogo Inserisci assicurati che sia selezionata lopzione Sostituisci elemento selezionato, quindi fai clic su Apri. 3 Scegli Finestra > Interattivit > File multimediali o fai clic sulla scheda File multimediali nellarea 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'imma-

gine poster l'immagine statica che viene visualizzata all'interno della cornice che contiene il video inserito quando il video non in esecuzione.

5 Mentre loggetto lmato ancora selezionato, assicurati che le opzioni Riproduzione automatica e Riproduci a schermo intero nel pannello Folio Overlays non siano selezionate e che lopzione Tocca per visualizzare il controller sia selezionata.

ADoBe InDeSiGn CS6 ClaSSRooM in a BooK

6 Scegli File > Salva.

Creare una presentazione


Una presentazione una sequenza di immagini che vengono visualizzate una alla volta quando lutente tocca i pulsanti Indietro e Avanti. Il documento di esempio per questa lezione include gli elementi graci di cui hai bisogno per creare una presentazione interattiva. Disporrai questi elementi graci in pila, li convertirai in un oggetto con pi stati e poi creerai i pulsanti che consentono allutente 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 graca, seleziona quella che si trova sopra tutte le altre. 3 Premi Maiusc e seleziona ciascuna delle altre sei cornici di graca 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 graca sono ancora selezionate, scegli Finestra > Interattivit > Stati oggetto o fai clic sulla scheda Stati oggetto nellarea 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.

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 nellangolo inferiore sinistro della pagina. 8 Scegli Finestra > Interattivit > Pulsanti e moduli o fai clic sulla scheda Pulsanti e moduli nellarea 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

Ora farai in modo che laspetto del pulsante cambi leggermente quando lutente lo tocca.

11 Mentre la freccia di colore rosso ancora selezionata, fai clic su [Clic] nellarea Aspetto del pannello Pulsanti e moduli e poi clic sul pulsante Ombra esterna ( ) nel pannello Controllo. E S u g g e r i m e n t o :
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 711 per selezionare la freccia di colore rosso a destra, convertirla in un pulsante, assegnarle il nome Next e applicarvi lazione Vai allo stato successivo (anzich Vai allo stato precedente, come hai fatto al passo 10), quindi assegna al suo aspetto [Clic] unombra esterna. Gli utenti possono toccare i pulsanti con la freccia per spostarsi da unimmagine allaltra, ma puoi anche congurare loggetto a pi stati in modo tale che gli utenti possano passare il dito sulle immagini per procedere da una diapositiva allaltra.

13 Utilizza lo strumento Selezione per selezionare loggetto 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 graco che fornisce la visione a 360 gradi di una scena. Un panorama richiede sei immagini, ciascuna delle quali rappresenta una faccia di un cubo. Lutente che guarda il panorama pu passare il dito sullimmagine 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 graca 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 allinterno della cartella Lesson_17. Fai clic su Apri. Il rettangolo segnaposto ha assunto le dimensioni delle immagini del panorama, ma devi rendere pi piccola larea 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 laltro viene cambiato automaticamente.

ESuggerimento:Per

6 Scegli File > Salva.

Creare un elemento grafico su cui eseguire scorrimento e zoom


Puoi visualizzare una porzione di un elemento graco in una cornice di graca rettangolare e poi congurare la cornice in modo da consentire allutente di eettuare scorrimento e zoom sullimmagine allintero 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.

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 graca vuota sul lato sinistro della pagina. 3 Scegli File > Inserisci. 4 Nella nestra di dialogo Inserisci seleziona limmagine Park.jpg nella cartella Links allinterno della cartella Lesson_17, seleziona Sostituisci elemento selezionato e poi fai clic su Apri. 5 Sposta il puntatore allinterno dellelemento di acquisizione contenuti al centro dellelemento graco e poi fai clic per selezionare lelemento graco. Nota che i bordi sinistro e inferiore dellelemento graco si trovano allesterno dei bordi della cornice, il che consentir allutente di eettuare lo scorrimento orizzontale e verticale. 6 Fai doppio clic allinterno della cornice di graca per selezionare la cornice anzich lelemento graco. 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 graci su cui eseguire scorrimento e zoom, puoi creare cornici scorrevoli su cui lutente 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 lelenco sullaltra pagina e costringere lutente a spostarsi nel documento, puoi creare una cornice scorrevole su cui lutente 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 graca 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 allesterno del lato destro della pagina. 2 Scegli Modica > Taglia. 3 Seleziona la cornice di graca vuota nellangolo superiore destro della pagina. 4 Scegli Modica > Incolla in per inserire la cornice di testo nella cornice di graca. 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 allinterno della cornice di testo. Nota che i lati superiore e inferiore della cornice di testo sono allesterno del contenitore, mentre i lati sinistro e destro sono allinterno. 6 Trascina la cornice di testo verso il basso e verso sinistra no a quando gli angoli in alto a sinistra delle due cornici sono allineati. Nota la sottile striscia verticale della cornice contenitore allesterno del lato destro della cornice di testo. Questarea consentir allutente 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 allinterno di unarea di visualizzazione. Gli utenti possono vedere il contenuto della pagina Web nellarea 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 congurato in modo che venga aperto in un visualizzatore allinterno dellapplicazione anzich in un browser). Quando crei una sovrapposizione di contenuto Web, puoi specicare un URL o un le HTML locale. Se scegli un le HTML locale, assicurati che il le .html e tutti i le 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 graca contenente limmagine 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 specicata 5 secondi dopo che lutente 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 modicarli, ma non possibile interagire con essi come pu fare lutente di un iPad. Puoi invece visualizzare in anteprima e testare linterattivit utilizzando lapplicazione 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 nellangolo 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 lopzione 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 unapplicazione per tablet in uno stesso documento di InDesign semplica lattivit di progettare i documenti per tablet e aiuta ad assicurare che il testo, le immagini collegate e linterattivit 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 uida per determinare il modo in cui gli oggetti sulla pagina vengono adattati nel layout alternativo. Quindi modicherai 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 S u g g e r i m e n t o :
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 nestra di dialogo Crea layout alternativo, scegli Centra nuovamente nel menu Regola pagina uida. 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, lorigine. Fai clic su OK per chiudere la nestra 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 licona della pagina mastro B-Master iPad V. Questa pagina mastro stata generata quando hai creato il layout alternativo. Devi apportare alcune modiche alla pagina mastro B-Master iPad V, dopo le quali modicherai 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 sullicona della pagina mastro B-Master iPad V nel pannello Pagine per visualizzarla e poi scegli Visualizza > Adatta pagina a nestra. 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 allimmagine che segue. La cornice di testo con il titolo Sea Slugs ... lunico 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 modiche e poi completerai la lezione creando e mostrando in anteprima un le .folio.

10 Scegli File > Salva.

Creare e visualizzare in anteprima un file .folio


Per preparare un documento per la pubblicazione con Adobe Digital Publishing Suite, devi creare un le .folio. Puoi visualizzare in anteprima il le .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 .
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.

2 Scegli Finestra > Folio Builder o fai clic sulla scheda Folio Builder nellarea 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 nestra di dialogo Nuovo folio inserisci City Guide nel campo Nome folio. Assicurati che, per Orientamento, sia selezionata licona Folio verticale e orizzontale e poi fai clic su OK per chiudere la nestra 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 nestra di dialogo Nuovo articolo inserisci Guide nel campo Nome articolo. Lascia invariate tutte le altre impostazioni e fai clic su OK per chiudere la nestra 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.

LEnterprise 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 allindirizzo 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 uida 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 nestra. 2 Scegli Crea layout alternativo nel menu del pannello Pagine.

20

LEZIONE 17 Creare una pubblicazione per iPad

3 Nella nestra di dialogo Crea layout alternativo inserisci iPad V#2 nel campo Nome, scegli Scala nel menu Regola pagina uida 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 nestra. 5 Fai doppio clic su pagina 1 del layout iPad V per visualizzarla nella nestra sinistra. Nota la dierenza fra la pagina a sinistra (il layout iPad V, creato utilizzando la regola della pagina uida 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 lintera pagina alle dimensioni del layout alternativo. E S u g g e r i m e n t o :
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.

6 Scegli Finestra > Disponi > Annulla divisione nestra. 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 uida nella nestra di dialogo Crea layout alternativo. Confronta le pagine dei tre layout alternativi per vedere il modo in cui la regola della pagina uida che hai scelto ha inuenzato i layout risultanti. 8 Crea un altro layout alternativo e denominalo iPad V #4, quindi scegli Basato su oggetti nel menu Regola pagina uida. Confronta di nuovo le pagine dei layout alternativi per vedere il modo in cui la regola della pagina uida ha inuenzato i layout risultanti. 9 Chiudi il documento senza salvare le modiche. Lunico 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 allutente di vedere una serie di immagini. Quando crei una sequenza di immagini, puoi congurare la sequenza in modo che sia eseguita quando lutente passa il dito sullimmagine o sia avviata automaticamente quando lutente tocca limmagine. 1 Crea un nuovo documento. Nella nestra 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.

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 allintero della cartella Lesson_17. 5 Fai clic sul pulsante Anteprima in fondo al pannello Folio Overlays per visualizzare il le 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 modiche.

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 nestra 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 linterattivit che stata aggiunta a una pubblicazione per iPad? 4 Se, quando si crea una pubblicazione per iPad, si specica 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 le .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 nestra 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 le .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 le .folio.

ADoBe InDeSiGn CS6 ClaSSRooM in a BooK

23