All Articles InDesign
Creare una galleria di immagini. Swf in InDesign per ePub
David Smith on Mon, April 2nd 4 comments
ePubs are all the rage and Adobe InDesign CS5.5 supports some intriguing, interactive features for this format. David Smith shows how to create an SWF image gallery for the ePub format.

L'ascesa della popolarità di ePub Adobe ha visto rispondere con alcune applicazioni nuove e straordinarie, nonché a nuove caratteristiche avanzate per le applicazioni esistenti. Proprio lì vicino alla parte superiore di questa coorte di freddo sono alcune delle caratteristiche interattive di InDesign. Niente di più che la creazione di gallerie interattive nei file swf.


Fase 1 - Preparare alcune foto

Aprire 4 immagini in Photoshop e selezionare lo strumento di ritaglio.

crop tool options

Crop opzioni dello strumento.


Impostare le dimensioni strumento di ritaglio a 12cm di larghezza e alta 8 centimetri, e la risoluzione di 300ppi. Ciò garantirà tutte le immagini sono della stessa dimensione, e che già adattare la pagina di InDesign.

Ritaglia ogni immagine fino a quando non sei felice con la composizione e contenuto di ogni uno e premere Invio per accettare la modifica delle colture.


Fase 2 - Rendere il RGB Images

Vai al menu Image e scegliere la modalità

RGB mode

Modalità RGB.


Infine salvare ogni immagine, a sua volta come un jpg e denominarli "Galleria Pic 1", "Gallery Pic 2" ecc Poi vicino Photoshop.


Fase 3 - Posizionare le immagini

Nel documento InDesign aggiungere una nuova pagina, oppure selezionare uno vuoto. Premere Comando-D per iniziare a posizionare le immagini.

Place options

Luogo opzioni.


Selezionare tutte le 4 immagini Pic Galleria avete appena creato e fare clic su Apri. Tutte le 4 immagini vengono caricate nel vostro cursore in InDesign, in attesa di essere collocato.

Scegliere 4 volte su parti diverse della pagina in modo che ciascuna immagine visualizzata posizionato sulla pagina. Ricorda che sono stati dimensionati già in Photoshop quindi non c'è necessità di ridimensionare qui.


Fase 4 - Allineare le immagini

Selezionare tutte e 4 le cornici grafiche sulla pagina e usare il pannello Allinea per allineare loro sia orizzontalmente che verticalmente in modo che tutti condividono lo stesso X e Y coordinate.

The aligned images.

Le immagini allineate.


Fase 5 - Creazione di un oggetto

Tenere i 4 fotogrammi selezionati e cambiare il layout delle finestre di Interactive. Questo rivelerà il pannello Oggetto Stati.

Object panel

Oggetto del pannello.


Aprite il pannello Oggetto Stati e fare clic sulla selezione Converti multi-stato del pulsante dell'oggetto. Questo rende le 4 immagini uno stato multi-gruppo, che è quello che ci serve per creare la nostra galleria. Nome del gruppo "Gallery 1" nel campo Nome oggetto e premere Invio.


Fase 6 - Aggiungere alcuni pulsanti

Ora trova il pannello di esempio pulsanti e scegliere uno stile di pulsante che si desidera utilizzare. Trascinare uno verso destra sul lato destro della Galleria 1 oggetto. Ridimensiona se necessario.

Buttons placed

I pulsanti posti.


Eseguire la stessa operazione sul lato sinistro con una freccia rivolta a sinistra. Questi diventeranno i nostri pulsanti Avanti e Indietro per la galleria. Ricorda di essere pulito e allinearli.

Suggerimento: Tutto può essere utilizzato come un pulsante, non solo il contenuto della libreria.


Step 7 - rendere i pulsanti funzionano

Selezionare il pulsante Avanti e aprire il pannello chiamato Buttons. Qui possiamo aggiungere i comportamenti al pulsante e assegnare loro un nome. Denominare questo pulsante Avanti.

Actions

Azioni sul lavoro.


L'azione Vai a URL viene aggiunto già a un pulsante su un evento di rilascio On, il che significa che quando un pulsante viene premuto e rilasciato l'URL si apriva. Per rimuovere questa azione fare clic sul pulsante meno accanto alle azioni. Quindi fare clic sul pulsante Più per aggiungere una nuova azione scegliendo dalla lista. Modificare l'azione Go To stato successivo.

Assicurarsi che l'azione sia rivolta verso Gallery 1 nell'oggetto menu a discesa.

Questa azione significa che quando il pulsante Avanti viene cliccato il 1 oggetto della Raccolta cambierà allo stato successivo (foto) nello stato Multi-Group.


Passo 8 - Aggiunta di un pulsante Precedente

Ripetere il passaggio 7 per il pulsante precedente, solo scegliere l'azione di sblocco come Vai allo stato precedente, e il nome che il pulsante Indietro.


Fase 9 - Export swf

Salvare il documento scegliendo

Flash Export Menu

Flash Export Menu.


Salvare il file SWF fuori e poi aprirlo con Flash Player o un browser web.

Fare clic sui pulsanti Avanti e Indietro per visualizzare la galleria.

Final Gallery

Galleria finale.


Ora che dovrebbe essere sufficiente per tenerti occupato aggiungendo un po 'grinta ai documenti interattivi. Se davvero si vuole aggiungere qualche scintilla in più ricordare di includere voltapagina interattive nelle opzioni di esportazione per swf che l'esperienza davvero coinvolgente user.


Related Videos
Comments (4)

You must be logged in to comment.

  • Jasmine
    Hi David How does this tie in with epub?
    • 8 years ago
    • By: Jasmine
    Reply
  • David Smith
    It's not specifically a technique for ePub. Interactive .swf is a more likely use, perhaps I should re-name it. However if you do intend to add a swf gallery to an ePub file (granted ignoring iOS users) this is how you'd create the swf.
    • 8 years ago
    • By: David Smith
    Reply
  • Jasmine
    Hi David Thanks for getting back to me so fast. How do you add a swf file to an ePub file? Could you recommend an ebook reader/tablet device that supports swf animation? Jazzy
    • 8 years ago
    • By: Jasmine
    Reply
  • David Smith
    Bookworm supports Flash, you need to use some ActionScript to embed the .swf. You also need a fallback (usually a .jpg) for all the readers that don't support Flash.
    • 8 years ago
    • By: David Smith
    Reply
OBS 101 - The OBS Video Manual
OBS 101
Dream It. Do It.
Do you want to learn OBS 101 - The OBS Video Manual?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: