Com a nova versão CS5, chegam novos ícones que se torna necessário compreender e o que significam. Alguns já existem na versão anterior, mas não deixa de ser importante juntá-los aqui, fazendo um overview pelos ícones interactivos.

Animation: este ícone no canto inferior direito do objecto indica que este contém uma animação. Esta animação é normalmente uma descolacação e/ou aparecimento/desaparecimento do objecto quando exportado para SWF ou Flash.

Object States: normalmente associado a um grupo de objectos, indica que estes estão dispostos numa ordem de aparecimento aquando da exportação para SWF ou Flash.

Buttons: similar aos Object States, mas apenas para um objecto, em que na exportação para PDF, este pode mudar de aspecto consoante a interacção com o rato.

Sound: ícone indicativo que de se encontra um som inserido nesta posição. E no CS5 já permite o formato .MP3.

Video: o mesmo que para o som, mas agora para o vídeo. Infelizmente não permite o embebbed de vídeos do YouTube.

Bons ícones.

Bom, é certo que o CS5 está aí, com uma grande dose de interactividade. No entanto é importante saber qual o produto final (PDF interactivo, SWF ou Flash) para saber ser vale realmente a pena construir tal coisa no InDesign.

Nesta versão, ao inserir um vídeo, é possível exportar para PDF interactivo e SWF (browser), mas não em Flash. O que aparece é apenas um bitmap no Flash. O mesmo acontece para os sons usados no InDesign.

Já as Animations e os States têm comportamentos análogos ao vídeo e som: funcionam perfeitamente em Flash e SWF e não nos PDF’s interactivos.

O único formato que funciona e é transversal aos 3 tipos de exportação é o SWF.

Boas exportações.

Além da Tipografia, Layout, cor e automatismos, o InDesign tem também algumas ferramentas para documentos interactivos, quando exportados para PDF. Para quem não sabe (nem quer saber) código, em dois minutos é possível criar um documento com estas características. A operação é bastante simples.

Desenha-se um objecto nas páginas mestras (já que estarão incluídas em todas as páginas), neste caso um triângulo virado para a direita.

Menu Window > Interactive > Buttons.

Selecciona-se o triângulo e carrega-se no stage [Normal]. É criado automaticamente um botão.

Clica-se no stage [Rollover] e altera-se a cor do botão para 50% de tint. O Rollover é o estado que aparece quando o rato passa por cima do objecto.

Por fim, o stage [Click] (quando se dá um click em cima do objecto), de novo a Cyan 100%.

É neste stage que se vai aplicar a acção de mudar de página. No campo Actions, selecciona-se a opção Go To Next Page.

Esta parte está feita, agora é necessário fazer o mesmo para a página anterior.

Ao duplicar um objecto que tem a função Button aplicada, esta também é copiada com o objecto.

Aqui mantiveram-se os stages [Normal] e [Rollover] iguais, mudando apenas a Action para Go to Previous Page.

Surge o problema de a primeira e a última página terem 2 botões, coisa que não faz muito sentido. Para resolver a coisa, selecciona-se o triângulo “Previous Page” na primeira página e apaga-se, fazendo o mesmo com o botão “Next Page” da última página.

Ainda se vai a tempo de criar um botão na última página para que este faça o documento voltar à primeira página.

Utilizando apenas o stage [Normal] e [Click], é neste último que na opção Actions se selecciona Go To First Page.

Por fim, exportar em PDF, não esquecendo de assinalar a opção Interactive Elements, da tab General.

Bons Buttons.

Tinha eu escrito no último post: “Uma nota: expe­ri­men­tei com ima­gens no meio do docu­mento e fica­ram todas no final do mesmo. Tal­vez o soft­ware ainda não este­ja tão desen­vol­vido para uma lei­tura inte­gral de um e-book com imagens”.

Bom, um leitor atento e dedicado como é o caso de Esper Leon respondeu-me por mail:

A criação/adaptação de e-books é um assunto que muito me interessa e em uma das pesquisas que eu fiz a respeito do assunto, descobri que (diferente dos livros que serão impressos, onde as imagens podem ser incluídas sem muitas regras) as imagens para e-books devem estar ancoradas; assim você poderá, por exemplo, deixá-las centralizadas em relação à tela de leitura. Veja o exemplo, muito simples, que eu anexei.
Abraço grande do amigo brasileiro.
Esper Leon

Leon, um grande abraço e obrigado!

A Amazon, com o seu Kindle, detém grande parte do mercado dos e-books. E as coisas poderiam continuar muito sossegadas se a Apple não tivesse apresentado no final de Janeiro o iPad, que à primeira vista parece um iPhone maior, mas com a particularidade de ler e-books.

O InDesign é uma das melhores armas desta guerra, já que é possível criar e-books desde a versão CS3.

Menu File > Export for Digital Editions.

O quadro apresentado permite várias opções, desde especificar Table of Contents, até à compressão das imagens, passando pela possibilidade de embeber as fontes, se tal for permitido.

E está criado o ficheiro e-book. O ícone do ficheiro pode não ser necessariamente este.

Existem vários leitores de e-books que permitem testar a versão final. Neste caso usei uma aplicação Air da Adobe, chamada Adobe Digital Editions, que pode ser descarregada aqui (necessitam de ter conta na Adobe, que poderão criar na altura).

Uma nota: experimentei com imagens no meio do documento e ficaram todas no final do mesmo. Talvez o software ainda não estejam tão desenvolvido para uma leitura integral de um e-book com imagens.

Bons e-books.

Não faço a mínima ideia do que nos espera na próxima versão do CS5, mas uma coisa é certa: a interactividade entre o InDesign e outras aplicações do Creative Suite vai ser cada vez maior.

É possível criar a função “mail to” dentro do InDesign, para quando se abre o PDF, ser possível enviar um mail, assim como escolher qualquer palavra dentro de um texto e criar um hyperlink que funcionará no PDF.

Nas duas linhas abaixo, pretende-se que quando abrir o PDF, a palavra site abra uma webpage e a palavra mail abra o GMail ou qualquer outro programa análogo.

Selecciona-se a palavra site e no Menu Window > Interactive, abrir Hyperlinks.

No campo URL, escreve-se o endereço pretendido e carregar-se em Enter ou Return.

O InDesign, por defeito, destaca este futuro hyperlink com uma caixa preta à volta. Além de feia, também aparacerá no PDF.

Dando um duplo clique em cima do nome que está na Palete Hyperlinks, abre-se este quadro. Também se pode usar o submenu desta Palete e escolher Hyperlink Options.

Aqui, além do nome do documento e do URL de destino, é possível aplicar um Character Style ao hyperlink, para que se possa diferenciar do resto do texto.

No campo Appearance, seleccionar Invisible Rectagle, para eliminar a dita caixa preta à volta do hyperlink.

É agora altura de seleccionar a palavra mail. Pretende-se que seja inserido um mail de destino.

Com a palavra seleccionada, ir ao submenu da Palete Hyperlinks e escolher New Hyperlink.

No campo Link To, escolher a tab Email. Depois escrever o mail de destino e o assunto (Subject Line).

Mais uma vez foi aplicado um Character Style e retirado o rectângulo preto.

No Story Editor (Cmd + Y) é possível ver os hyperlinks aplicados ao texto.

É altura de tornar o documento de InDesign interactivo. Menu File > Export e seleccionar a opção PDF.

Na tab General, não esquecer de assinalar os Hyperlinks e Interactive Elements. Se não for assinalada, não vai funcionar.

Ao abrir este PDF no Acrobat, passa-se o cursor sobre a palavra site e é mostrado o hyperlink de destino.

Em InDesign, se escrever o nome do site completo, começando com “www”, não é necessário criar hyperlinks.

Na linha onde está o link do mail, pode ver-se que o link está activo.

Clicando, abre o mail, adiciona automaticamente o mail e o respectivo subject.

Conclusão: tenho a sensação que isto dos hyperlinks é só o princípio de uma longa caminha de interactividade que o InDesign poderá vir a conter.

Bons hyperlinks.

Os PDF’s interactivos contêm cada vez mais informação: Buttons, hyperlinks, page transitions e vídeos. Mas sem a parte mais simples dessa interactividade, o PDF perde parte das suas características. Hoje vamos ver como o Indesign cria Bookmarks para serem validados no Acrobat.

BOOKMARKS DE PÁGINAS

Menu Window > Interactive > Bookmarks.

Esta é a palete que permite criar Bookmarks. Com a minha primeira página do documento seleccionada, basta clicar no botão Create New Bookmark e dar-lhe um nome.

Chamo a última página e repito o mesmo procedimento.

Só isto? Bom, sim, se quiserem apenas fazer o Bookmark das páginas.

Mas se eu quiser fazer o Bookmark de títulos ou subtítulos que estejam nessas páginas? Então a coisa funciona com Paragraph Styles e TOC’s.

BOOKMARKS DE ESTILOS

Pretendo criar Bookmarks de todos os títulos existentes no meu documento de 6 páginas. Esses títulos têm aplicado o Paragraph Style título.

A seguir, Menu Layout > Table of Contents.

Neste quadro adiciono o Paragraph Style ao qual pretendo criar os Bookmarks. As outras opções são facultativas, mas a que realmente interessa é no campo Options, assinalar Create PDF Bookmarks. Se não conseguirem visualizar este campo inferior cliquem no botão More Options, do lado direito da caixa de diálogo.

Automaticamente e ainda antes de inserir o meu TOC, a minha Palete Bookmarks adiciona os respectivos bookmarks com base no estilo que escolhi.

Importante: o texto do TOC tem de ser inserido no documento. Caso contrário, os Bookmarks não irão funcionar. Podem colocá-lo no Pasteboard.

Também posso colocá-lo numa página que já contenha informação. Para que não seja impresso, selecciono a caixa que contém o TOC, vou a Menu Window > Attributes e assinalo a opção Nonprinting.

Com esta opção activa, a caixa que contém o TOC não será impressa nem aparecerá no PDF.

Finalmente, e tal como todas as outras operações envolvendo a criação de PDF’s interactivos, quando exporto o meu documento para PDF assinalar a opção Bookmarks, no campo Include, da caixa de diálogo Export Adobe PDF.

Bons Bookmarks.