PDF’S INTERACTIUS

objectius: Un document PDF dinàmic és una bona alternativa per crear

Conèixer les eines
documents interactius amb botons, clips de pel·lícula i so,
interactives dels
documents PDF hipervincles, marcadors i transicions de pàgina, galeries
dinàmics. d’imatges per a ser llegits en una pantalla.

Igualment, es pot configurar documents en InDesign que es

puguin convertir a formularis d’Acrobat.

Es treballa amb Indesign i Acrobat simultàniament.

- [Link]
- [Link] (guardar com a pdf interactiu)

ampliació mitjans informàtics

UF4: Pdf’s interactius, 66 h GFGS Gràfica Publicitària
Nuevo documento
Escollir Publicación digital
Eines i finestres interactives des de menú Objeto o bé des de Ventana
1. TAULA DE CONTINGUT

2. MARCADORS

3. ENLLAÇ, HIPERENLLAÇ O HIPERVINCLE

4. OBJECTES MULTIMÈDIA
Vídeo
So
Animacions

5. TRANSICIONS DE PÀGINA

6. FORMULARIS

7. EXPORTAR EL DOCUMENT A PDF INTERACTIU

8. COM CONVERTIR UN PDF A FLIPBOOK

1 Taula de contingut
Una taula de contingut
és un llistat dels títols
d’un document amb la
indicació dels números de
pàgina, és el que es coneix Crear i aplicar els
habitualment amb el nom estils de paràgraf
d’Índex. que s’utilitzarà com
a base per la TDC.
Pot contenir:
• Indexació: es a dir
seccions i subseccions.
• Marcadors

La TDC si no s’ha de
visualitzar por estar en una
capa oculta.
 Menú:
Maquetación > Tabla de contenido

Incloure els estils

a la TDC

Crear marcadores
PDF
2 Marcadors
Un marcador és un tipus de
vincle amb text representatiu
que facilita la navegació per
documents exportats com a
PDF.
Fer clic al marcador
Els marcadors creats en sota el qual voleu afegir
el document d’InDesign el nou marcador. Si no
apareixen a la fitxa en seleccioneu un, el
Marcadors, a la part esquerra nou marcador s’afegirà
de la finestra d’Acrobat o automàticament al final
Adobe Reader. de la llista.

Cada marcador salta a una Nota:

pàgina, text o gràfic del si els marcadors no funcionen,
document. és que els noms contenen
accents o ‘ny’.
Finestra> Interactiu> Marcadors
3 Enllaç o hipervincle
Enllaç, hiperenllaç o Un hipervincle té un origen i una destinació. Un origen pot ser un
hipervincle és un element de
fragment de text, un marc de text o un marc de gràfic.
referència o de navegació en
un document que condueix a
una altra secció. Poden ser: Una destinació pot ser una URL, un arxiu, una adreça de correu
electrònic, una pàgina o un ancoratge de text.
externs
• hipervincles a pàgines web
• hipervincles a altres Un origen solament pot saltar a una destinació, però diversos
documents
orígens poden saltar a la mateixa destinació.
• ancoratge de text
• hipervincles a correus
electrònics L’usuari ha de tenir alguna indicació per saber que en un lloc hi ha
un hipervincle, per aquesta raó en tots els quadres d’hipervincles
interns
• referències creuades trobarà opcions per decidir la seva aparença que normalment sol
• botons ser a través d’un estil de caràcter.

Finestra / Interactiu / Hipervincles

Nou hipervincle al menú
del panell Hipervincles

o bé, clic al botó Crear

nou enllaç a la part
inferior del panell.
externs
HIPERVINCLES A PÀGINES WEB

Seleccionar URL al menú

Vincular a. En el quadre de
text URL, introduir o enganxar
el nom de la URL, especificar
les opcions d’aparença i feu
clic a OK
externs
HIPERVINCLES A ALTRES DOCUMENTS

• Seleccionar l’objecte origen de l’hipervincle. vincle a un document

• Vincular a: Página extern
• En Document, seleccionar el document que contingui el destí al qual voleu saltar.
Tots els documents oberts guardats apareixen al menú emergent. Si el document que
estàs buscant no està obert, seleccionar Examinar i buscar el fitxer. Nota:
• En Pàgina, indicar el número de pàgina al qual voleu saltar. per fer aquest hipervincle
• Configurar el zoom per seleccionar l’aspecte de la pàgina a la qual saltarà. és millor fer servir els
• Especificar les opcions d’aparença i fer clic a OK. ancoratges de text.
externs
HIPERVINCLES A CORREUS ELECTRÒNICS
Convertir les URL
en hipervincles:

Si en un document apareixen
moltes URL, la manera més directa
de convertir-les en Hipervincles és
la següent:

• Al menú del panell Hipervincles,

seleccioneu Convertir les URL en
enllaços.

• En Àmbit, indiqueu si voleu

convertir els URL de tot el
document, les de l’article o les de
la selecció actual i feu clic a Cerca,
Converteix o Converteix tot.
Gestionar les destinacions
d’hipervincles:

Les destinacions no apareixen

llistades en el panell Hipervincles,
així i tot es poden gestionar des
del comandament Opcions de
destinació de hipervincle al menú
del panell Hipervincles. Des del
quadre es podrà editar, eliminar o
suprimir tot.

També es pot Anar a l’origen o la

destinació d’un hipervincle amb
les icones Anar a destí i Anar
a l’origen en la part inferior del
panell Hipervincles.

Nota:
Indesign CC permet crear un estil
de caràcter pels hipervincles.
interns
HIPERVINCLES A ANCORATGES DE TEXT

Primer cal fer una

destinació.
 Un ancoratge de text
va a un text seleccionat.

L’hipervincle és
a un text
Un cop fet el destí, podrem
des del panell Hipervincles
enllaçar l’origen que
desitgem.

Els ancoratges de text són

necessaris també en les
referències creuades.
interns
REFERÈNCIES CREUADES

Hi ha tres maneres de crear

referències creuades:

Nova referència creuada Text / Hipervincles i Finestra / Text i taules /

referències creuades / Referències creuades
Insereix referència creuada.
Quan en un document vinculem però remetent a Veure apartat
un altre apartat, o capítol amb fórmules del tipus: “Hipervincles a ancoratges de text” en la página 15
Veure apartat ... o Consulti capítol ... estem fent una
referència creuada.

Una referència creuada té un origen i una destinació

amb la particularitat que el text de l’origen s’acabarà
de realitzar a partir de la ubicació de destinació.

Seleccionar Paràgraf o Ancoratge de text en el

menú Vincular a.

• Si seleccioneu Paràgraf, pots crear una

referència creuada a qualsevol paràgraf del
document que especifiquais escollint per estils.
Si seleccioneu Ancoratge de text, pots crear una
referència creuada a qualsevol text en què s’hagi
creat una destinació de hipervincle.

• En Document, seleccionar el document que

contingui el destí al qual es desitja fer referència.

• Seleccioneu el format de referència creuada

que vulgueu utilitzar al menú Format i especificar
l’aparença de l’hipervincle d’origen.

• Fer clic a OK.

interns
BOTONS Tipo “Botó”

Posar un nom per tal

d’identificar-lo.
Els botons es creen a partir
d’una imatge (.jpg o .png),
una caixa de text o a partir
d’un marc rectangular buit.

Un cop convertim una imatge

o marc a botó, podrem afegir
accions per fer diferents
interactivitats.

Ventana > Interactivo > Botones y

formularios

o bé,
Convertir a
botón
Esdeveniment «Al hacer
clic» perquè l’acció es
realitzi en tocar l’element.
Botó que vagi a un text
d’una determinada pàgina
botó
ir a destino

En aquest cas hi
Acció: ir a destino ha una destinació
a la pàgina 20

Destino:
seleccionar
nom anclatge de
text creat

Veure apartat
“Hipervincles a ancoratges de text”
en la página 15
Botó per obrir un altre pdf

botó
obrir pdf

Seleccionar archivo
Galeria d’imatges

Exemple:
Menú botons
una foto petita visualitza
la corresponent foto
gran
Canviar l’aparença botons

Cada botó pot tenir fins a tres

aparences:
Normal, En passar sobre ell i Clic.

Per crear un botó amb diverses

aparences, és recomanable
acabar de dissenyar el botó abans
d’activar altres aparences.

Alguns canvis afecten únicament

a les aparences seleccionades,
mentre que altres afecten totes les
actives.

Si seleccioneu una aparença i

s’aplica un color de fons diferent
o s’edita el text, el canvi afecta
només a l’aparença seleccionada.

Si utilitzeu l’eina Selecció per

moure o canviar la mida del
botó, el canvi afecta a totes les
aparences.
Mostrar i ocultar botons

Per fer miniatures o per activar

o desactivar objectes

Exemple d’aplicació:
Finestra emergent

El terme anglosaxó pop-up

(en espanyol: finestra
emergent) denota un element
emergent que s’utilitza
generalment dins
de terminologia web.
Crear popup
(text i pastilla
envolvent) i
agrupar.
Crear botón, posar
nom (ex. pop-up)

Activar casella: Oculto

hasta activación.
Crear un botó amb una imatge:

Evento: Al pasar sobre el objeto

Visualitzar botó (pop-up)

Evento: Al alejarse del objeto

No visualitzar botó (pop-up)
Botó fora pàgina

Amb l’eina
ampliar pàgina
(tecla opció
arrastrar)

Situar un botó
parcialment fora
Ampliar el document de
del document
manera que el botó quedi
dins l’àrea.

Exportar a PDF interactiu.

Des d’Acrobat >
Herramientas > Recortar

Retallo la pàgina i
recupero el format del
document de manera que
el botó quedarà fora.
4 Objectes multimèdia
VÍDEO EN INDESIGN

Els formats de vídeo que podeu utilitzar per als vostres

documents interactius són: H264, F4V, MP4, MOV.

Per convertir un vídeo a un d’aquests formats podeu utilitzar

Adobe Media Encoder (inclòs a l’Adobe Creative Suite):
baixa el pes del vídeo (comprimeix) i permet agafar un
fragment.

Per defecte, quan es col·loca un vídeo en una publicació

interactiva, aquest vídeo ja tindrà botons incorporats
SkinOverAll. Per tant, no és obligatori que crear els propis
botons per controlar-lo.

Finestra > Interactiu > Multimèdia

 Reproduir el vídeo
automàticament, cal
marcar l’opció «Reproduir
Cambios en laenexportación de vídeo
carregar la pàgina». y audio en PDF interactivos

Flash Player llegó al final

Reproducció ende su vida útil el 31 de diciembre de 2020, por lo que si
bucle,
el vídeo
publica contenido es reprodueixi
multimedia como PDF interactivo, los controles multimedia de
una vegada i una altra,
sus archivos de audiol’opció
marqueu y vídeo no funcionarán.
«Bucle».
 Botons interactius
Crear botons ens permetrà controlar la reproducció d’un
vídeo que hàguem col·locat en la nostra publicació. Amb
aquesta acció podem crear quatre tipus de botons:

Reproduir: Reprodueix el so des del principi.

Pausa: Atura la reproducció.
Aturar: Atura la reproducció i el deixa preparat per
reproduir des del principi.
Reprendre: Reprèn la reproducció.

• Si encara no s’ha iniciat mai, comença des del principi.

• Si s’ha aturat amb pausa, comença des del punt en què
Cambios en la exportación de vídeo y audio en PDF interactivos
s’ha detingut.
• Si s’ha aturat amb stop, es reprodueix des del principi.

Flash Player llegó al final de su vida útil el 31 de diciembre de 2020, por lo que si
publica contenido multimedia como PDF interactivo, los controles multimedia de
En la finestra Multimèdia a Punts de
sus archivos de audio y vídeo no funcionarán.
navegació permet avançar el vídeo.

Col·loqueu el cursor on voleu posar el

punt de navegació i després prémer la
icona +, es crearà un primer punt de
navegació. Cal posar un nom. Podeu
repetir l’operació tants cops com
desitgeu.
Després de crear els punts de navegació
caldrà crear els botons que permetran
activar els punts de navegació (un botó per
a cada punt de navegació).

Cambios en la exportación de vídeo y audio en PDF interactivos

Flash Player llegó al final de su vida útil el 31 de diciembre de 2020, por lo que si
publica contenido multimedia como PDF interactivo, los controles multimedia de
sus archivos de audio y vídeo no funcionarán.
SO

Botó reproducir

Detener Pausa Reanudar

«So» és una de les accions 1. Col·loca el so a la pàgina. Botons interactius

que podem fer servir per 2. Crea el botó amb una imatge o un marc Amb aquesta acció podem crear quatre tipus de
crear botons interactius. rectangular. botons:
Cambios en la exportación de vídeo
3. Afegeix l’acció So. y audio en PDF interactivos
Reproduir Reprodueix el so des del principi.
Aquesta acció ens permetrà
4. Tria el so sobre el qual vols interactuar Detener Atura la reproducció i el deixa preparat
controlar la reproducció amb l’opció «So». per reproduir des del principi.
d’un fitxer MP3Flash Player llegó[Link]
que hàgem final de su vida útil el 31
el tipus d’acció amb l’opció de diciembre de 2020,
Pausa Atura por lo que si
la reproducció.
col·locat en la nostra
publica contenido «Opcions»
multimedia (Reproduir,
comoAturar,
PDF Pausa,
interactivo, losReanudar Reprèn
controles la reproducció.
multimedia de
publicació. Reprendre).
sus archivos de audio y vídeo no funcionarán. • Si encara no s’ha iniciat mai comença des del
Finestra > Interactiu > principi.
Multimèdia • Si s’ha aturat amb pausa, comença des del
punt en què s’ha detingut.
• Si s’ha aturat amb stop, es reprodueix des del
principi.
 Cambios en la exportación de vídeo y audio en PDF interactivos

Flash Player llegó al final de su vida útil el 31 de diciembre de 2020, por lo que si
publica contenido multimedia como PDF interactivo, los controles multimedia de
sus archivos de audio y vídeo no funcionarán.

Reproducció automàtica Aturar en abandonar la Bucle

La música comença pàgina La música torna a
a reproduir-se La música s’atura en començar de nou cada
automàticament en abandonar la pàgina. vegada que acaba.
entrar a la pàgina.
ANIMACIONS

El panell Animació permet

crear animacions Flash
desde Indesign, ex. fer
aparèixer elements cap a la
dreta, crear un efecte zoom
sobre un logo, etc.

Finestra / Interactivo /
Seleccionar el text, pictograma,
Animación
foto, etc. que s’ha d’animar.
Las opciones relacionadas con los formatos de Flash se han eliminado de los
Cal crear una animació i després:
cuadros de diálogo siguientes: Archivo / Exportar... / Guardar
Cuadro de diálogo Opciones de exportación (Archivo > Exportar)
como Format Flash [Link].

Paneles Animación y Temporización (Ventana > Interactivo > Després

Animación) y
s’haurà de col·locar en la
(Ventana > Interactivo > Temporización) pàgina com a imatge.
 Las opciones relacionadas con los formatos de Flash se han eliminado de los
cuadros de diálogo siguientes:
Cuadro de diálogo Opciones de exportación (Archivo > Exportar)
Paneles Animación y Temporización (Ventana > Interactivo > Animación) y
(Ventana > Interactivo > Temporización)
Colocar una animació swf: Des de ACROBAT per a què el fons
Archivo / Colocar... sigui transparent:
Ventana /Interactivo/ Multimedia Herramientas / Edición avanzada /
herraminenta / seleccionar objeto
Reproducir al cargar la página Botó dret / Propiedades / aspecto /
Fer una animació, exportarem Si vols que es reprodueixi fondo transparente
solament la Selección. automàticament al visualitzar la
pàgina. o bé, seleccionar objeto
Botó dret / Propiedades / aspecto /
Fondo: Transparente
De fotograma actual fondo transparente
Si vols que l’animació comenci en
un determinat fotograma.
5 Transicions de pàgina

Maquetación / Páginas / Ventana / Interactivo /

Transiciones de página / Elegir Transiciones de página

Las opciones relacionadas con los formatos de Flash se han eliminado de los
cuadros de diálogo siguientes:
Cuadro de diálogo Opciones de exportación (Archivo > Exportar)
Paneles Animación y Temporización (Ventana > Interactivo > Animación) y
(Ventana > Interactivo > Temporización)

Nota: per visualitzar les

transicions de pàgina cal
exportar el document a PDF
interactiu i visualitzar en mode
pantalla completa.
6 Formularis

Multilínea: permet
escriure més d’una línia.
Scrollable: si els
continguts sobrepassen
el quadre, apareix la
barra d’scroll
Vull:

rebre informació

tema

selecciona un àmbit

missatge

borrar enviar
7 Exportar el document a pdf interactiu
Arxiu > Exportar >
Adobe PDF (Interactiu)

Pàgines:
seleccionar si es desitja exportar totes les pàgines o una
selecció.

Presentació:
Activar “Abrir en modo pantalla completa” (és necessari
per visualitzar les transicions de pàgina).
Activar “Pasar página cada” si el que es vol és que les
pàgines passin automàticament.

Transicions de pàgina:
en cas d’haver definit prèviament al document la transició
de pàgina.

Formularis i medis
Incluir todo, per incloure formularis i botons multimèdia.

Adminsitració d’imatges: triar la qualitat de les imatges.

Publicació en línia per la correcta funcionalitat de tots els
elements del PDF interactiu, solament pels subscriptors
de la Creative Cloud.

Enllaç a un PDF interactiu publicat en línia, on els vídeos,

les animacions i transicions funcionen.
8 Com convertir un PDF a flipbook
Existeixen alguns serveis com issue o flippingbook que
permeten fer-ho, pero entre ells una nova alternativa que va
guanyant terreny és Heyzine.

Aquest servei permet convertir un PDF a flipbook online

d’una manera senzilla, ràpida i molt personalitzable amb
l’estil que millor s’adapti al tipus de publicació que estem
dissenyant.

Si estem creant una revista o un catàleg, podem triar l’efecte

de canvi de pàgina més adequat i el fons, controls i estils
d’icones que millor s’adapti a la temàtica. Si optem per
una cosa menys realista i més pràctica, també permet triar
efectes de presentació a l’estil slide show.

Una de les diferències més importants de Heyzine respecte

a altres serveis similars és que es tracta d’un servei gratuït
sense limitacions.

Heyzine no té marques d’aigua, no té publicitat i no té

límit de nombre de pàgines o mida del fitxer que vulguem
convertir.
La conversió és molt ràpida i senzilla, només s’ha de
triar un PDF, pujar-lo i passats uns segons tindrem la
previsualització del flip book per a començar a personalitzar-
lo i adaptar-lo a les nostres necessitats.

Amb heyzine el flipbook es crea en format web amb

html5, s’adapta i es veu perfectament a qualsevol tipus
de dispositiu sigui mòbil o d’escriptori i Google serà capaç
d’indexar i mostrar-lo als seus resultats sense problemes.

Sobre la integració amb altres serveis: permet descarregar

l’html, així que si tenim una web, podem publicar-lo o
modificar-lo fàcilment amb els coneixements adequats. Si
no, de tota manera, és útil quan volem presentar-lo a un lloc
on no disposem de connexió a internet.

Amb la publicació online, el servei genera diferents tipus

d’enllaç i mostra la informació que indiquem al compartir-lo
per whatsapp, twitter, facebook o qualsevol xarxa social.

En aquest cas tenim també control total sobre la publicació,

ja que disposa d’un panell de control on podem publicar,
despublicar o editar el flipping book.