workshop adobe publishing suite maggio2012 r_et

ADOBE DIGITAL PUBLISHING SUITEcrea il tuo primo Magazine Digitale Vainer Giglioli

RELATORE

g g

Analisi delle App per iPadAnalisi delle App per iPad

Gli strumenti per creare

Magazine DigitaliMagazine Digitali

Gli strumenti per creare Magazine Digitali

COSA CI SERVE?COSA CI SERVE?

Una piattaforma di creazione che consenta di progettare il layout importare\creare i contenuti

creare interattività

• Slide show

• Navigazione ipertestuale

• Accesso a contenuti web

• Inserire video


ADOBE PUBLISHING SUITEADOBE PUBLISHING SUITE

Pannelli per aggiungere multimedialità• Pulsanti

C ll ti i t t li• Collegamenti ipertestuali

• Stati oggetto (hot spot-slideshow)( p )

• File Multimediali (audio-video)

• Overlay Creatorcreare e modificare gli oggetti interattivi



Pannello Folio Builder• Converte i file di InDesign in un file .Folio

Il file.folio contiene i layout verticali e orizzontali, i metadati, e il codice per attivare l'interattività e le attività associate.

Il file .Folio può essere caricato per la visualizzazione su un dispositivo mobile come un iPad.



ADOBE VIEWERApplicazione che viene installata su un dispositivo mobile come un iPad per visualizzare ed utilizzare file .Folio

Le “piattaforme di creazione”

Adobe Digital Publishing Suite

•Estensione di InDesignEstensione di InDesign

• Nuovo pannello Overlay CreatorAggiunge funzionalità specifiche per Digital Magazine:gg g p p g gVideo - Slide Show - Collegamenti ipertestualiaree scorrevoli - aree sensibili….

F li B ild• Folio BuilderNuovo pannello per convertire i file InDesign ecollegamenti in un file “.folio”

Adobe Digital Publishing SuiteAdobe Digital Publishing Suite

Folio Builder Reader personalizzato

Overlay Creator

Folio BuilderConverte i file InDesign e i collegamenti in un file “.folio” che può essere

Reader personalizzato

È la nostra AppScaricabile dai

Applica opzioni ai contenuti interattivi

.folio che può essere caricato per la visualizzazione su un dispositivo mobile

Marketplace(AppStore-Android-Amazon-BlackBerry)p

Configurazione di Adobe InDesign CS 5.x con i plug-in p g

Adobe Digital Publishing Suite

Progettare un layout per iPad


I ti l t tt d ll t llImpostiamo la struttura delle cartelle

nome cartella Issue nome cartella_IssueCartella del progetto

nome cartella_StackCartella della sezione

LinksCartella dei link di InDesignCartella dei link di InDesign

OverlayResourcesCartella contenente audio video eccCartella contenente audio, video ecc.


I ti il l t i I D iImpostiamo il layout in InDesign

Formato Documento: 1024x768 pixel

che corrisponde all’ Area di visualizzazione dell’iPad


iPad orizzontale iPad verticale


C i l i iCreiamo la prima pagina

Necessari un layout orizzontale e verticaley

• Larghezza fissa (1024 pixel)• Altezza variabile (standard 768 pixel)• Altezza variabile (standard 768 pixel)

se altezza maggiore di 768 pixel le pagine possono scorrere• NON usare l’opzione di InDesign Pagine Affiancate


C i l i iCreiamo la prima pagina

Necessari un layout orizzontale e verticaley

• I layout possono avere pagine multiple

• Layout orizzontale: nomefile_h

• Layout verticale: nomefile_v

• I layout orizzontale e verticale devono essere salvati nella stessa cartella dello stack

• Possono presentare CONTENUTI DIVERSIPossono presentare CONTENUTI DIVERSI

Prepariamo i contenutiPrepariamo i contenuti

Quali contenuti?

Possiamo utilizzare tutti i formati file compatibili con InDesign CS5:

Testi TestiFormati file: Word – RTF – TXT

TabelleExcel

Formati vettorialiF ti fil i PDFFormati file: .ai - PDF

Quali contenuti?

Possiamo utilizzare tutti i formati file compatibili con InDesign CS5:

FotografieRisoluzione: 1024x768 pixel a 132 pixels per polliceMetodo Colore: RGBFormati file: PSD (anche con livelli e trasparenze)

TIF (anche con livelli e trasparenze)(a c e co e e t aspa e e)JPEG…

Quali contenuti?

Possiamo utilizzare i formati video e audio con queste caratteristiche:q

VideoFormato: MP4 Codec: H264 Dimensione: 1024x768BitRate: 768 KbpspFPS: 25.00

AudioCodec: aac BitRate: 128 KbpsBitRate: 128 KbpsSampleRate: 44100Hz

Testo ScorrevoleTesto Scorrevole

Testo scorrevole

Create una cornice di testo sul livello Layer 1

• area che posiziona e visualizza il testo da far scorrerearea che posiziona e visualizza il testo da far scorrere

• nella palette Livelli date un nome all’oggettoEs. scroll

li ll hi S ll bl C

Testo scorrevole

create un livello chiamato Scrollable Content

• create una cornice di testo stessa larghezzastessa larghezzastesso nomedi quella creata sul Layer 1lt ffi i t t il t t d faltezza sufficiente per contenere il testo da fare

scorrere

• inserite il testo nella cornice del livello Scrollable Content

Video e audioVideo e audio

Video e audio

Possiamo utilizzare i formati video e audio con queste caratteristiche:q

VideoFormato: MP4 Codec: H264 Dimensione: 1024x768BitRate: 768 KbpspFPS: 25.00

AudioCodec: aac BitRate: 128 KbpsBitRate: 128 KbpsSampleRate: 44100Hz

Video e audio

Importare un videop

Inserire il video come fosse un’immagine

Per cambiare il fotogramma di anteprima

Aprire il pannello File Multimedialip p

Riprodurre il video e fermarlo al fotogramma scelto

Selezionare “Da fotogramma corrente” per scegliere ilSelezionare Da fotogramma corrente per scegliere il fotogramma da utilizzare come anteprima

Video e audio

Creare un pulsante per eseguire un videop p g

Creare il disegno del pulsante

trascinarlo sul video nella posizione voluta

Adobe Digital Publishing Suite: crea il tuo primo magazine digitale

Video e audio

Opzioni video: p

pannello Overlay Creatorpannello Overlay Creator

Video e audio

Importare un file audiop

Inserire il file audio.mp3Codec: aac BitRate: 128 KbpsSampleRate: 44100Hz

Aprire il pannello Overlay Creator

Video e audio

Importare un file audiop

cliccare sull’icona di File controller

selezionare la cartella dove avete selezionare la cartella dove aveteinserito i file .png che rappresentanol’icona del pulsante di play e pausa

Video e audio

Opzioni audio: p

pannello Overlay Creator

I Pulsanti

I Pulsanti È possibile creare pulsanti interattivi per

• navigare attraverso articoli

• collegarsi a un sito web

• inviare una mail

• oppure è possibile creare pulsanti che mostrano diverse pp p pimmagini come in una presentazione.

Utilizzare il pannello Pulsanti di InDesign per convertire gli oggetti in pulsanti.

I Pulsanti I comandi utilizzabili per i pulsanti sono:

Presentazioni

(Slide Show)

Presentazioni (Slide Show)Importate le immagini che volete utilizzare per realizzare la

ipresentazione

• Utilizzare il pannello stati oggetto di InDesign per convertire glioggettioggetti

Presentazioni (Slide Show)Utilizzate il pannello Overlay Creator per i l i i di i li iimpostare le opzioni di visualizzazione

Esportiamo la nostra pubblicazionep p

Esportare la pubblicazione

Aprire il Pannello Folio Builderp

Accedere al servizioAccedere al servizio

Se non si dispone di un account crearlo cliccando su REGISTRATEVI


Folio Builder

Cliccare sul pulsante Nuovo

Assegnate un nome Assegnate un nome

Selezionate la Dimensione(la stessa del documento di(InDesign)


Folio Builder

Importare gli articoli

Dal Menu Dal Menu

Selezionate Importa

Folio Builder esporta il file Folio Folio Builder esporta il file .Foliosu un server Adobe (Acrobat.com)

Carichiamo il .Folio sull’iPad

Cosa fare e cosa evitare

Cosa fare e cosa evitare iPad supporta 58 font

le font non presenti nella lista vengono CONVERTITE quando VISUALIZZATE su iPAD

lista disponibile su: iosfonts.com

non usare corpi troppo piccoli

un corpo troppo piccolo affatica la letturautilizzare minimo corpo 14-16

Cosa fare e cosa evitare iPad apre nuovi orizzonti per la comunicazione

NON convertite semplicemente dalla cartatanto vale usare “sfogliatori pdf”

RIPENSARE IL LAYOUT per sfruttare al meglio le funzioni dell’iPad

è finito il limite delle “pagine”è finito il limite delle paginenuove opportunità grafiche

Cosa fare e cosa evitare iPad apre nuovi orizzonti per la comunicazione

RIPENSARE IL LAYOUT integrazione con social network

Facebook - Twitter - YouTube

La differenza tra App e contenutipp

La differenza tra App e contenuti La APP “veste” le informazioni ed i contenuti

può avere contenuti interniTesti immagini ideoTesti-immagini-video

App Reader con contenuti interni

IMMAGINI

La differenza tra App e contenuti

App “Kiosk”

(Edicola Virtuale)Server esterno

gestione contenutiAnche l’intero magazine può(Edicola Virtuale) gestione contenutimagazine può

essere scaricato dal Content

Delivery Servery

Costi di pubblicazionep

Costi di pubblicazione - Apple Apple richiede

• € 99\annocanone per sviluppatoriNecessario per ottenere i certificati di pubblicazioneNecessario per ottenere i certificati di pubblicazione su AppStore

• App pubblicata Gratuitapp pnessun costo gratuito

• App a pagamento (es. rivista)Apple trattiene il 30% del prezzo di copertinaes. prezzo € 1.00 (Apple trattiene € .30)

Costi di pubblicazione - Apple

Apple fornisce

• piattaforma AppStore per il delivery

• infrastruttura informatica per la gestione dei pagamenti

Per pubblicare su Android Marketplace

Costi di pubblicazione - Android

Per pubblicare su Android Marketplace

a chi vuole pubblicare richiesto abbonamento

• € 40\anno canone per sviluppatoriNecessario per ottenere libero accessoNecessario per ottenere libero accessoall’inserimento di App su Android Marketplace

Moduli\Servizi

Costi di pubblicazione – Adobe Digital Publishing Suite

Moduli\Servizi

Acrobat.comAcrobat.comusato dal pannello Folio Builder per creare i file .foliogratuito fino a 2GB

Moduli\Servizi a pagamento per creare APP


Moduli\Servizi a pagamento per creare APP

3 TIPOLOGIE:

Digital Publishing Single Issue• per chi pubblica 1 sola APP

Digital Publishing Pro• per piccole medie aziende

Digital Publishing Enterprise• per grandi aziende

P hi l SDK• Per chi vuole usare SDK


Digital Publishing Single Issue

• Fee Pubblicazione € 355 (per App – IVA esclusa)

consente di pubblicare 1 sola APP Single ISSUE (NO KIOSK)(NO KIOSK)

NON fornisce report Analitycs

Pubblica SOLO su APPStore

(No Android-Blackberry)( y)Acquistabile solo online direttamente da Adobe con cartadi credito

• Supporto fornito direttamente da Adobe in inglese


Digital Publishing Pro “Montly”

• Fee Pubblicazione DPS € 355\mese (IVA esclusa)

rinnovo automatico fino a disdetta

consente di pubblicare infinite APP Single ISSUE e Kiosk

include 250 download\Annoinclude 250 download\Anno

I download si conteggiano solo sulle APP Kiosk

Acquistabile solo online direttamente da Adobe• Acquistabile solo online direttamente da Adobe

• Supporto fornito direttamente da Adobe in inglese


Digital Publishing Pro

• Fee Pubblicazione DPS € 4.260\anno


include 5.000 download (solo per il 1° acquisto)

I download si conteggiano solo sulle APP Kiosk


• Download Aggiuntivi

10.000 - € 2.200

25.000 - € 4.000

250.000 - € 27.500

500.000 - € 45.000

Oltre 500.000 obbligatorio Fee Enterprise


Digital Publishing Enterprise

• Fee Pubblicazione DPS – Single Entity € 34.500\anno

t di bbli i fi it APP Si l ISSUE Ki kconsente di pubblicare infinite APP Single ISSUE e Kiosk


non consente “affiliati”

Affiliato: qualsiasi società o entità in cui una delle parti sia proprietaria di oltre il 50%



• Fee Pubblicazione DPS – Limited Entities € 77.708\anno

t di bbli i fi it APP Si l ISSUE Ki kconsente di pubblicare infinite APP Single ISSUE e Kiosk


comprende “affiliati”(inclusi in una specifica lista approvata da Adobe)




• Fee Pubblicazione DPS – Global € 172.748\anno



include TUTTI gli “affiliati” del contraenteinclude TUTTI gli affiliati del contraente



• Download Aggiuntivi – SOLO ENTERPRISE

1.000.000 - € 60.000

5.000.000 - € 200.000

Costi software e di pubblicazione - WoodwingWoodwing Digital Magazine Tools

a partire da € 6.000Server + databaseServer ConnectionsContent StationPlug-in InDesign per Digital Magazineg g p g g

Possibilità di subscription

Vanno aggiunti i fee di pubblicazione ADOBE DPS

GrazieGrazie

PER INFORMAZIONI E MATERIALI

[email protected]

workshop adobe publishing suite maggio2012 r_et

Design

layout verticale

file indesign

layout importarecreare

layout verticali

digital magazine

folioil file

file multimediali audio

indesign estensione