InDesign Publica iPadAndroid

InDesign Avanado - Tcnicas de Publicao (iPad e Android)
Bem-vindo ao InDesign.
Este material de apoio foi desenvolvido pelo DRC para auxiliar ao profissional em InDesign a aumentar sua performance. Nesta apostila voc encontrar informaes para torn-lo um diagramador Crossmedia. O InDesign CS6 permite que voc crie e publique em todos os tipos de mdias existentes, atravs de um fluxo de trabalho dinmico incorporando todos os tipos de contedo da indstria criativa (Texto/ Imagem/ Audio/ Video). O contedo desenvolvido no laboratrio deve ser extendido por voc para o estudo em casa sempre que possvel. Mantenha este material ao seu lado em todos os Treinamentos e faa suas prprias anotaes para fixar o aprendizado.
5. Publicar para Print
5. Publicar para Desktop 5. Publicar para Web 1. Planejamento 2. Aplicativo 3. Editar 4. Gerenciar 5. Publicar para Reader 5. Publicar para Mobile Servidores Externos 5. Publicar para Tablet
Bons estudos,
Mauricio Brancalion.
1- InDesign Avanado
ndice
Indce
Bem-vindo ao InDesign.......................................................................................................... 1 Asset Digital Management...................................................................................................... 6 Contedo na era digital........................................................................................................... 6 Sistemas DAM.......................................................................................................................... 7 Sistemas Digital Publishing..................................................................................................... 8 Digital Publishing com HTML5............................................................................................. 9 O Sistema Adobe CC............................................................................................................. 10 Creative Cloud. ...................................................................................................................... 10 Servidor Acrobat e DPS......................................................................................................... 11 Edge Tools & Services............................................................................................................ 12 PhoneGap Builder.................................................................................................................. 13 Tcnicas de Tratamento de Contedo................................................................................. 14 Importao e Exportao...................................................................................................... 14 Data Merge.............................................................................................................................. 15 1. Preparando a Planilha........................................................................................................ 15 2. Salvando para o Formato CSV.......................................................................................... 16 3. Importando pelo painel Data Merge............................................................................... 17 4. Etapas do Comando Merged Documet........................................................................... 18 5. Aplicando Estilos em dados do DataMerge.................................................................... 20 6. Finalizando o Arquivo em PDF........................................................................................ 21 XML......................................................................................................................................... 22 1. Importando um Arquivo XML......................................................................................... 23 2. Painel Structure e Painel Tags........................................................................................... 24 3. Adicionando Estilos de Texto........................................................................................... 25 4. Exportando um Arquivo XML......................................................................................... 26 5. Find/Change para troca de Tags....................................................................................... 27 Scripts....................................................................................................................................... 28 1. Instalando um Script Javascript........................................................................................ 29 2. Rodando um Script............................................................................................................ 30 3. Gerenciamento de Estilos e Finalizao.......................................................................... 32 Tcnicas de Automao de Contedo................................................................................. 34 Grep Styles............................................................................................................................... 34 1. GREP Styles Pelo Comando Finde/Change.................................................................... 35 2. Grep Styles Dentro de Estilos de Pargrafo.................................................................... 36 Text Variable............................................................................................................................ 38 1. Aplicando Text Variable em nmero de captulos......................................................... 39 2. Usando Text Variable para insero de data de sida.................................................... 40 3. Definido um Text Variable personalizado...................................................................... 41
2- InDesign Avanado
ndice
Cross-Reference...................................................................................................................... 42 1. Aplicando Cross-Reference com Paragraph Style.......................................................... 43 2. Aplicando Cross-Reference com Text Anchor............................................................... 44 Ferramentas de Alternate Layout......................................................................................... 45 1. Page Tool............................................................................................................................. 46 2. Edit Page Size...................................................................................................................... 47 3. Content Collector e Content Placer................................................................................. 48 4. Liquid Layout...................................................................................................................... 49 5. Create Alternate Layout..................................................................................................... 50 Tipos de Exportao.............................................................................................................. 51 Exportao PDF Print............................................................................................................ 51 1. PDF/X-3, PDF/X-4 e PDF/X-5......................................................................................... 52 2. Web-To-Print...................................................................................................................... 53 2. Print Fine Art...................................................................................................................... 54 Contedo + Interatividade.................................................................................................... 55 Ferramentas PDF Interactive................................................................................................ 56 1. Workspace PDF Interactive.............................................................................................. 57 2. Painel Media........................................................................................................................ 58 3. Painel Buttons and Forms................................................................................................. 59 4. Painel Hiperlinks................................................................................................................ 60 5. Painel Bookmarks.............................................................................................................. 61 6. Painel Page Transitions...................................................................................................... 62 8. Importao SWF................................................................................................................. 63 Worflow PDF Interactive....................................................................................................... 64 1. Determinando o Tipo e Formato..................................................................................... 65 2. Layout Esttico.................................................................................................................... 66 3. Inserido Interatividade...................................................................................................... 67 4. Criando e Inserindo um arquivo SWF............................................................................ 68 5. Exportando como PDF Interactive.................................................................................. 69 Finalizao e Fechamento PDF Interactive......................................................................... 70 Ferramentas SWF e FLA....................................................................................................... 72 1. Workspace Digital Publishing.......................................................................................... 73 2. Painis PDF Interacative................................................................................................... 74 3. Painel Animation............................................................................................................... 75 4. Painel Timing...................................................................................................................... 76 5. Painel Object States............................................................................................................ 77 6. Painel Page Transition - Page Turn.................................................................................. 78 Workflow SWF e FLA............................................................................................................ 79 1. Formato............................................................................................................................... 80 2. Layout Esttico.................................................................................................................... 81 3. Inserindo Interatividade para arquivos SWF.................................................................. 82 4. Exportando no formato SWF e FLA................................................................................ 83 5. Importando em um arquivo InDesign ou Flash............................................................ 84 Finalizao e Fechamento SWF e FLA................................................................................ 85 Ferramentas HTML5............................................................................................................. 88
3- InDesign Avanado
ndice
1. Formato e Grid System ..................................................................................................... 89 2. Ancoragem de objetos pelo frame................................................................................... 90 3. Object Export Options...................................................................................................... 91 4. Painel Articles..................................................................................................................... 92 5. Export Tagging................................................................................................................... 93 Workflow HTML5.................................................................................................................. 94 1. Determinando o Tipo e Formato..................................................................................... 95 2. Layout Esttico.................................................................................................................... 96 3. Ancoragem e Exportao de Objetos.............................................................................. 97 4. Definindo a ordem com Painel Articles.......................................................................... 98 5. Exportando e utilizando o Dreamweaver para CSS e Javascript.................................. 99 Finalizao e Fechamento HTML5.................................................................................... 100 Ferramentas EPUB............................................................................................................... 104 1. Formato............................................................................................................................. 105 2. Ancoragem de objeto pelo frame................................................................................... 106 3. Object Export Options.................................................................................................... 107 4. Painel Articles................................................................................................................... 108 5. Export Tagging................................................................................................................. 109 6. Table Of Contents para EPUB........................................................................................ 110 7. Painel Media...................................................................................................................... 111 8. Painel Hiperlinks e comando Footnote......................................................................... 112 9. Formato Book para EPUB............................................................................................... 113 10. Comando File Info......................................................................................................... 114 Workflow EPUB................................................................................................................... 115 EPUB 2.0................................................................................................................................ 116 1. Arquivo .indd.................................................................................................................... 116 2. Estilos de Paragrafo e Character.................................................................................... 117 3 Ancoragem......................................................................................................................... 118 4. Object Export Options.................................................................................................... 119 5. Table Of Content - TOC.................................................................................................. 120 EPUB 3.0................................................................................................................................ 123 EPUB 3.0 with fixed layout................................................................................................. 123 Finalizao e Fechamento EPUB........................................................................................ 124 Visualizao em Dispoitivos............................................................................................... 125 Ferramentas FOLIO............................................................................................................. 126 1. Workspace Digital Publishing........................................................................................ 127 2. Painis PDF Interactive e SWF....................................................................................... 128 3. Painel Folio Overlays....................................................................................................... 129 4. Comando Insert HTML.................................................................................................. 130 5. Painel Folio Builder e Folio Preview.............................................................................. 131 6. Ferramenta Page e Painel Liquid Layout...................................................................... 132 7. Ferramenta Page - Comando Create Alternate Layout............................................... 133
4- InDesign Avanado
ndice
8. Ferramenta Content Collector/Place............................................................................. 134 Workflow FOLIO.................................................................................................................. 135 1. Determinando o Tipo e Formato................................................................................... 137 1. Layout Esttico.................................................................................................................. 138 3. Inserindo Interatividade com Painel Folio Overlays................................................... 139 4. Criando formatos variados com Liquid Layout........................................................... 140 5. Preview no Desktop e em Dispositivo conectado........................................................ 141 6. Atualizao de contedo e split view............................................................................. 142 Converso de INDD para FOLIO...................................................................................... 143 Finalizao e Fechamento FOLIO...................................................................................... 144 Converso FOLIO para APP............................................................................................... 147 Fluxo Crossmedia................................................................................................................. 150 Do Papel ao Tablet................................................................................................................ 150 Workflow Crossmedia......................................................................................................... 150 Preparando o Contedo...................................................................................................... 151 Inserindo o Contedo.......................................................................................................... 151 Tranposrtando o Contedo................................................................................................. 153 Adaptando o Contedo....................................................................................................... 154 Exportando Contedo Crossmedia................................................................................... 155 Extras..................................................................................................................................... 156 Livros...................................................................................................................................... 156 Revistas.................................................................................................................................. 156 Sites......................................................................................................................................... 156 Sites Adobe............................................................................................................................ 156 Empresas de DAM............................................................................................................... 157 Plugins DPS........................................................................................................................... 157 Stores...................................................................................................................................... 157
5- InDesign Avanado
Asset Digital Management

T T T T
PDF
SWF
01
HTML5 FOLIO
EPUB
Contedo na era digital.
Estamos atravessando um perodo de transformaes tecnlogicas significativas para indstria, as possibilidades de suportes e o impacto ambiental vem permitindo o surgimento de novos meios e mdias e com isso um fluxo maior de contedo. Se fossem apenas mudanas de quantidade de produo, seria difcil mas possvel de se contornar com os conhecimentos que j adquirimos, mas a transformao atual envolve a evoluo eletrnica e com ela a evoluo de processamento de contedo. No caso do mundo profissional da diagramao quando se fala em contedo era evidente em que se fale de Texto e Imagem, formas de contedo imperantes nas produes grficas, mas hoje, em meios eletrnicos, passamos a incluir o Audio e o Video em nossas sadas. Para que esta adequao aos novos tempos seja plena e profissionalmente bem feita, preciso incluir no planejamento Editorial, Comercial e Institucional, desde o nicio de uma produo, a possibilidade de utilizao de todos os tipos de contedo para que um fluxo de produo possa ser estabelecido e entregar o maior nmero de publicaes em um maior nmero de suportes, sendo assim, nas palavras do mercado: Criar um fluxo Crossmedia de publicao on e offline. Portanto Gerenciamento Digital de Contedo, ou DAM (Digital Asset Management), a primeira parte do planejamento Crossmedia de publicao. O contedo continua sendo captado de maneira analgica e digital, porm com o uso de redes, servidores e banco de dados passa a pertencer ao ambiente digital de produo, onde possvel manipular qualquer manifestao e expresso humana convertida em Dados que alimentam um sistema informativo/criativo e assim planejar todos os possveis modos de interao entre a obra e o pblico.
6- InDesign Avanado
Sistemas DAM.
Existem diversos sistemas DAM no mercado atualmente. No Brasil temos a 24/7 id e a Epyx (Brao da WoodWing no Brasil) como exemplos de empresas deste mercado. O que diferencia uma empresa para que ela seja identificada neste segmento, ela possuir um aplicativo de gerenciamento de contedo e exportao crossmedia. Este tipo de aplicativo baseado em servidores externos e internos para criao de um ambiente de trabalho com pessoas locais e remotas permitindo que uma ou mais publicaes possam ser produzidas com integrao e agilidade. Devido ao custos de aquisio e manuteno este tipo de plataforma mais aconselhada para editoras e provedores de contedo de mdio a grande porte, pois o nmero de envolvidos e a distncia entre sua equipe sero os mais beneficiados. Para pequenas editoras e editores independentes uma soluo baseada em aplicativos como InCopy, InDesign, Quark e plugins tornam-se mais viveis economicamente e exigem manutenes e atualizaes mais simples. Basicamente a ferramenta mais importante a criao de Espelhos de publicaes digitais que facilitam muito o acompanhamento pelo editor da produo de todas as sadas de uma publicao at seu fechamento para envio ao canal de distribuio fsico ou digital.
7- InDesign Avanado
Sistemas Digital Publishing.
Dentro dos sistemas DAM possvel ter uma sistema Digital Publishing. O sistema Digital Publishing a parte destinada as publicaes digitais interativas, como o Folio da Adobe, o AVE da Aquafadas, o Zave da Quark e muitos outros. Todos estes formatos acima no so formatos finais de publicao e venda, so pr-formatos que necessitam de uma converso final para os formatos de aplicativos das grandes fabricantes de Tablets e Celulares, isso se deve ao fato de que catlogos, portfolios, revistas, jornais e livros-aplicativos, devem ser lanados como APP nas principais Stores atuais, apenas o formato EPUB que possui a caracterstica de formato universal de publicao digital e tem sido utilizado muito mais para livros definido um mercado especfico. No caso dessas publicaes peridicas serem tratadas como APP possvel atribuir em sua definio o diferencial de publicao peridica e no um APP e desta forma dependendo do sistema do dispositivo este tipo de APP vai ser redirecionado a outro APP do tipo banca ou quiosque que permite ao usurio final identific-lo como um peridico tradicional. Todos estes sistemas de publicao digital acabam por utilizar a linguagem HTML5 para embarcar a interatividade, uma vez, que tal linguagem utiliza uma programao universal que facilita a visualizao em qualquer sistema ou dispositivo, o fato de estes fabricantes criarem pr-formatos se deve ao fato de utilizar um meio que crie a dependncia de seu sistema para criao, produo e publicao dos peridicos em todas as Stores do mercado.
8- InDesign Avanado
Digital Publishing com HTML5.
A base de toda interatividade das publicaes digitais est no uso da linguagem HTML5, portanto fato que publicar um peridico totalmente em HTML5 que no utilize um sistema DPS verdadeiro e de 2011 para c muitos designers e programadores vem desenvolvendo tcnicas para a criao, produo e publicao de peridicos isentos de sistemas e taxas de grandes empresas do mercado como a Adobe e Quark. A tarefa no das mais simples e as vezes podem parecer que esto Livres de custos mas na verdade podem at ter custos elevados principalmente se voc levar em considerao o tempo gasto para aprendizado e implementao. Casos como o jornal Financioal Times, Revista Playboy, Aside Magazine, Jornal Folha de So Paulo, so alguns caso que ilustram empresas que partiram para o desenvolvimento de seus aplicativos peridicos sem a utilizao de sistemas DPS disponveis no mercado, podem ser considerados casos de sucesso em evoluo, pois a dependncia em partes de que o usurio tenha acesso wi-fi ou internet por banda, limita consideravelmente o nmero de usurios uma vez que nem todos Tablets e Smartphones, hoje, possuem acesso contsnte e ilimitado a internet. Quem vem trazendo um grande avano neste sentido a empresa Mozzilla Firefox que recentemente desenvolveu seu sistema operacional para Tablets e Smartphones e criaram a primeira loja totalmente voltada para a distribuio e venda de aplicativos feitos totalmente com linguagem HTML5/CSS3/JS, isto evidencia que em um futuro prximo os aplicativos considerados nativos (que funcionam apenas no sistema operacional para que foram desenvolvidos) daro lugar ou tero a competio cada vez maior de aplicativos do tipo WebApp que tem uma caracterstica fundamental a seu favor: a universalidade.
9- InDesign Avanado
O Sistema Adobe CC
02
Creative Cloud. Acesse Aqui
Em 2012 com a chegada do Creative Suite 6 a Adobe trouxe uma inovao, seu servio de Cloud Computing, denominado Creative Cloud. Com Creative Cloud a Adobe passa a permitir que voc assine seus aplicativos e servios por um valor mensal, facilitando o acesso para um designer autnomo e at mesmo pequenas empresas que necessitam de suas ferramentas criativas. A partir de uma conta de e-mail voc pode iniciar no sistema optando pela conta Free, que permite acesso ao Trial (30 dias de experimentao) e h alguns servios de forma limitada. Existe a possibilidade de assinar o Servio na opo Single App, que d direito a usar um aplicativo Adobe (Exemplo: Photoshop) e tambm a alguns servios limitados, e ainda, possvel assinar com a conta Professional App, onde voc tem total acesso a aplicativos e servios Adobe. Com esta medida a Adobe se torna efetivamente um Sistema, onde cada vez fica mais intuitivo e rpido o acesso e o uso de vrios aplicativos para criao de todo tipo de contedo (Texto, Imagem, Audio, Video e etc). Vale lembrar que desde que a Adobe adquiriu a Macromedia e seus aplicativos (Flash, Dreamweaver, Fireworks etc) ela tambm adquiriu seu SDK chamado Flex SDK, esta linguagem est por trs de toda estrutura do Adobe Air e da linguagem ActionScript. Com a evoluo do HTML5 nos ltimos anos, e consequentemente do Javascript como linguagem de funo aberta, a Adobe perdeu seu grande mercado Web com sites e aplicaes em Flash (Sistemas Operacionais Mobile no aceitam Flash), porm a Adobe vem trabalhando em novas ferramentas baseadas em HTML5, CSS e Javascript, denominadas de Edge & Tools e vem trabalhando em melhorias do Flash Builder, Adobe Air e Flash para obter melhores converses entre as linguagens. As ferramentas Edge & Tools fazem parte dos servios gratutos do Creative Cloud enquanto esto em sua fase Beta. Para mairores informaes clique aqui. Em 2013 o Sistema passa a se chamar CC.
10- InDesign Avanado
Servidor Acrobat e DPS.
Uma vez escolhido o sistema Adobe para criao e produo das publicaes digitais, inevitvel o conhecimento e uso dos portais Acrobat e Digital Publishing. atravs deste portais que voc vai gerenciar toda produo feita de PDF Interativos e Folios dentro dos servidores Adobe. Qualquer publicao gratuta ou paga que ser enviada para as Stores Apple e Google ter primeiro que ser enviada aos servidores Acrobat e DPS da Adobe. No caso do servidor Acrobat h diversas tarefas e servios que podem ser realizadas com PDF Print e Interactive permitindo uma grande funcionalidade (inclusive a criao e envio de formulrios via PDF). No caso do servidor DPS todo arquivo .indd transformado em .folio fica armazenado e possvel gerenciar, compartilhar e incluir metadados para que futuramente sejam publicados. Uma vez feita estas etapas uma ferramenta chamada DPS AppBuilder permite que se converta os arquivos .folio em arquivos de aplicativos nativos como .ipa (iOs apple) e .apk (Os Android) entre outros formatos dependendo da assinatura que o usurio adquiriu com a Adobe. O portal DPS tambm permite que importe Articles criados totalmente em HTML eliminando o InDesign da etapa de criao, porm vale lembrar que voltamso ao mesmo problema (principalmente para os designers) que necessitamos desta forma totalmente do ambiente de programao no tendo uma interface visual para a criao, como no caso do InDesign que facilita e agrega todo seu conhecimento de design para ser aplicado a uma publiao Digital. As publicaes no formato EPUB na possuem no caso da Adobe um servidor destinado a seu gerenciamento, uma vez que , as publicaes neste formato se tratam de publicaes finais e ao exportar do InDesign o EPUB j est pronto para incluso em um e-commerce ou Store para venda direta.
Edge Tools & Services.
Como a base das publicaes digitais a linguagem HTML, a Adobe tratou de desenvolver nos ltimos anos (ainda em verses beta) novas ferramentas que utilizam o HTML5/CSS3/JS para desenvolver contedo pronto para publicao em qualquer dispositivo. Esta ferramentas levam o nome de Edge Tools, um pacote de ferramentas que permite o total desenvolvimento de contedo HTML5 responsivo e adaptvel as ferramentas Adobe e ferramentas de terceiros. A principal necessidade dessas novas ferramentas est no fato de que todo desenvolvimento da Adobe no primeira dcada do sculo XXI est associada a linguagem Flex, adquirida com a compra da Macromedia e a linguagem ActionScript juntamente adquirida e desenvolvida. Os esforos da Adobe neste sentido permitram odesenvolvimento do Adobe Air, do Falsh Builder e do Servidor Bussinnes Catalyst, todos voltados para a produo de RIAS (Aplicaes Ricas para Internet). Apesar de serem grandes ferramentas e atenderem aos seus propsitos, elas tem carter proprietrio, o que invianbiliza uma disseminao universal, pois a Internet no pode estar presa a uma propriedade de uma ou determindas empresas, seu crater inicial sempre foi a possibilidade de uma rede global e universal, portanto, a Adobe sabe destas condies e tratou de desenvolver as ferramentas Edges que permitem utilizar as linguagens universais para a criao e produo de contedo. Sua ltima aquisio foi a empresa Nitobi que desenvolveu o PhoneGap. Com o Phonegap a Adobe passa a integrar todoa sua Suite de aplicativos e servios com todos as sidas de aplicativos nativos do mercado, porm programados em HTML5/CSS3/JS.
PhoneGap Builder.
O PhoneGap Builder a ferramenta que constri toda produo HTML5 utilizada para converso para os principais formatos de APP atuais do mercado, .ipa(iOs); .apk(Android); .ipk(HP); .xap(Microsoft); .wgz (Simbyam). O PhoneGap cria estas converses atravs de um arquivo .zip que contenha uma aplicao HTML/CSS/JS. Uma aplicao HTML no contm apenas o cdigo que voc publicaria na Web, ela contm um arquivo de manifesto, cones para as Stores e o certificado digitais obrigatrios exigidos pelas Stores atuais. Com este pacote produzido possvel converter o arquivo e coloc-los a venda nas Stores, portanto a aquisio da Adobe do PhoneGap trouxe uma ferramenta poderosa para o usurio Adobe que passa a contar com um ambiente de desenvolvimento completo. Vale ressaltar que a Adobe tornou o PhoneGap uma ferramenta universal e gratuita para a fundao Apache, ou seja, possvel utilizar o PhoneGap fora do sistema Adobe, porm preciso utiliza-lo a partir de um cadastro no GitHub, uma ferramenta de depsito de cdigos abertos na Web que permite que qualquer pessoa veja, use e modifique seu cdigo para criao de outros aplicativos , isso um fator muito importante pois o desenvolvimento se torna universal e ganha novos adeptos e novas funcionalidades a todo momento em diversas partes do mundo, uma vez que voc desenvolver um aplicativo que ache interessante, rentvel e voc no quer abr-lo a comunidade global voc lana ele pelo PhoneGap do Creatve Cloud Adobe e protege sua aplicao do repositrio pblico. Portanto muito desenvolvimento vir nos prximos anos por este caminho que agiliza e universaliza o conhecimento e a produo de APP.
Tcnicas de Tratamento de Contedo

T T
03
Importao e Exportao.
Atualmente a criao e o armazenamentos de dados cada vez mais encontram-se em Ambientes Digitais, esses ambientes, no caso do armazenamento, podem ser desde HDs e Pendrives, at em Servidores e imensos Bancos de Dados, portanto a palavra Software, cada vez mais em desuso, d lugar palavra Aplicativo, que determina um programa independente de plataforma ou browser de acesso. claro que para um aplicativo se tornar totalmente disponvel em todos os sistemas demanda de uma srie de programaes com elementos nativos de cada sistema, porm cada vez mais vemos novas tecnologias que desenvolvem aplicativos universais. O InDesign um software e desde que foi criado o pacote Creative Suite ele passou a fazer parte de todas suas verses. Hoje podemos olhar para o InDesign como um aplicativo Desktop (funciona em PC Mac ou Win) e sua participao vem aumentando na indstria, podemos at compar-lo , com medidas propores, com um Framework, devido ao grande nmero de contedo que ele importa e o grande nmero de formatos que ele exporta. Das mdias atuais o InDesign cobre todas desde a impressa, passando pelo Desktops, Web, Mdias Digitais e Interativas, a nica mdia que o InDesign no gera um formato de exportao para a TV Interativa, porm ainda uma tecnologia muito nova no Brasil em fase de implementao. Impressoras de todos so tipos e portes, navegadores web, PCs, Readers, Mobile e Tablets so suportes e dispositivos onde o InDesign exporta contedo, portanto conhecer as maneiras de importar contedo e os parmetros exatos de exportao para cada mdia essencial usando ou no um fluxo Crossmedia de publicao.
Data Merge.
O Painel Data Merge (Windows>Utilities>Data Merge) permite que voc importe dados (Texto e Imagen) armazenados na extenso .csv. O formato CSV (Comma Separeated Values) uma extenso utilizada nos principais aplicativos (editores de texto, planilhas e etc) e nos principais banco de dados (MySql, Access, FileMaker e etc), ao importar o arquivo o InDesign reconhece os campos de contedo, que podem ser arrastados para os frames que compe o layout. Veja abaixo a sequncia de construo e insero de um arquivo DataMerge e de um catlogo para impresso:
1. Preparando a Planilha. Ao receber o arquivo de planilha preciso prepar-lo para a converso em CSV. Ao abrir a planilha (Excel ou Open Office e etc) verifique se os campos de Categoria esto listados em uma linha ou em uma coluna. Selecione a linha ou a coluna completamente , clique com o boto direito e acesse o item Formatar Clulas, uma janela vai abrir e no campo Categoria escolha Texto isso permite que o programa exporta as categorias em CSV como texto e no frmulas matmticas. Se sua planilha possue categorias de imagens preciso inserir um @ antes do nome da categoria de imagem veja o exemplo a seguir:
2. Salvando para o Formato CSV. Uma vez que voc tratou a planilha para a converso CSV preciso salvar no formato. V em File>Save As> escolha um nome para o arquivo e no tipo de formato escolha .csv. Pronto dessa forma voc criou o arquivo certo que pode ser importado para o InDesign pelo Painel Data Merge.
3. Importando pelo painel Data Merge. Com o arquivo .CSV salvo, v no InDesign em Window>Utilities>Data Merge, clique e o Painel surgir na rea de trabalho. O Painel Data merge possui um cone no topo de seu lado direito que leva a um menu suspenso. Neste Menu o primeiro comando chama-se>Select Data Source, clique no comando e surge uma janela que permite a insero de uma arquivo .csv no painel Data Merge. Feito deve surgir todos os campos de categoria da planilha inserida no Painel Data Merge. Para os campos que identificam texto tero uma letra T antes do campo e para os campos que identificam as imagens ter um cone de imagem antes do campo.
4. Etapas do Comando Merged Documet. Nesta etapa o Indesign j tem o contedo importado para o Painel Data Merge agora preciso criar um template usando a ferramenta Frames para conter na pgina um campo para cada categoria importada. Feito o Template basta selecionar o frame e clicar em cima da categoria no Painel Data Merge e assim o campo do layout fica atrelado a categoria importada. Aps fazer o procedimento para todos os campos basta clicar no cone no canto inferior direito do Painel Data Merge que a ferramenta Merged Document, ao clicar voc tem acesso a um painel de trs abas: Records; Multiple Layout Record; Options. no campo Records voc vai atribuir a quantidade de dados que sero importados e o modo que eles sero importados. O campo Multiple Record Layout s habilita se voc utilizar a insero de mltiplos dados no Painel Record. utilizando este modo voc pode definir as distncias do contedo das margens da pgina e a distncia entre um contedo e outro. Voc tambm pode definir se a ordem de insero de dados ser distrbuida em linhas ou colunas. Na Aba Options voc pode definir como as imagens que esto listadas ao arquivo .csv vo ser importadas para o layout.
5. Aplicando Estilos em dados do DataMerge. Outro item importante que pode ser atribuido ao Data Merge definir estilos de character, de pargrafos e de objetos aos campos de insero de contedo, dessa forma, voc permite que todo contedo processado pelo painel no comando Merged Dcoument seja criado com estilos, facilitando a troca posterior dos estilos e criando layouts com visuais distintos. Para isso basta abrir os Painis de Estilos e criar um estilo para cada campo de acordo com sua necessidade (texto, imagens, molduras etc). aps criado os estilos basta clicar na caixa e no estilo para vincular assim como feito nas categorias do Data Merge.
6. Finalizando o Arquivo em PDF. Voc pode fazer vrios teste de layout e insero de dados pelo Data Merge, uma vez que o o documento matriz nunca sobreposto pelo comando Merged Dcoument, pois este sempre cria uma verso nomedodumento-1.indd do documento de origem. Feitos os testes de layoput e escolhido o que melhor define o visual dos dados, basta ir File>Export> Tipo de formato PDF Print. Na janela PDF no campo Preset>Press Quality ou qualuqer outro formato que desejar, defina as marcas de sida e clique em> OK par exportar.
XML.
XML a abreviao de eXtensible Markup Language, uma linguagem de marcao assim como , HTML e XHTML. Linguagens de marcao permitem adicionar uma Tag a um contedo e desta forma determinar um grupo de contedo varavel a um tipo ou classe. A diferena entre XML e o HTML, que o primeiro permite criar Tags com qualquer nome que utilize caracteres vlidos, j o segundo permite que se utilize um nmero determinado de Tags especificadas e padronizadas no mundo todo. Com XML posso utilizar como exemplo a tag <fotos-editora></fotos-editora> para definir um grupo de imagens personalizadas da minha editora, j no HTML necessrio que toda foto que ser inserida em um documento utilize a Tag <img></img> pois em qualquer parte do mundo e qualquer navegador (Browser) interpreta esta tag como um contedo de imagem.
1. Importando um Arquivo XML. Voc pode importar arquivos XML vindo de diversas fontes como por exemplo um servidor offline, um servirdor online, um aplicativo editor de texto ou de planilhas e etc. A grande vantagem que independente de sua origem uma vez estruturado ele pode alimentar qualquer layout de Texto e Imagem no InDesign. Com algumas mudanas e surgimentos de novos mercados como as publicaes digitais atualmente a importao XML melhor utiulizada no InDesign para originar a importao de dados dinmicos no arquivo-pai, ou seja, o arquivo que ser utilizado para ser o arquivo mestre de todas as publicaes que utilizarem o contedo. Tendo o arquivo em mo v em Window>Utilities>Tags, voc ir abrir o Painel Tags na rea de trabalho e clicar no cone no top direita e clicar no comando> New Tags, escolha o arquivo XML que ir ser importado e clique em Ok. Aps isso todas as Tags que fazem parte da estrutura do XML importado ficaro listadas em ordem alfabtica no Painle Tags. Crie seu layout normalmente como se fosse diagramar uma publicao, aps criada a estrutura visual nas pginas com os Frames do InDesign voc pode conectar as Tags importadas com os respectivos campos que formaram o contedo, aps esta etapa v em View>Structure>View Structure, esta opo permite que voc visualize em seu canto esquerdo da rea de trabalho um painel que mostra todos os campos conectados do layout com alguma Tag do Painel Tags. Neste ponto o arquivo est pronto para receber o arquivo XML via o comando de importao no menu File. (note que no painel View>Structure Temos o comando Show Tagged Frames que permite mostrar todos os campos onde uma Tag foi atrelada com sua respectiva cor) Ento v em File>Import XML e traga o arquivo XML que j havia sido introduzido no Painel Tags, escolhe no painel de importao (Show Import Options) a opo Merge Content e clique em OK, o InDesign vai se encarregar de importar para cada campo do layout atrelado a uma Tag o contedo que esta marcado no arquivo XML e assim preenchendo automaticamente o layout.
2. Painel Structure e Painel Tags. Todo processo de importao e exportao de XML utiliza os paineis Structure e Tags. No Painel Structurte possvel gerenciar todos atributos dos campos e contedos ligados com XML, possvel trocar contedo de lugar , adicionar, retirar, olhar detalhes de cada contedo e muitas outras coisas. muito importante que voc tenha total controle da estrutura de seu XML atravs do Painel Structure, pois a ordem das Tags devem estar ligadas com a ordem do documento XML, resumindo o XML nada mais do que um contedo que esta etiquetado em uma ordem , mas que no layout pode estar diagramado de maneira distinta permitindo que se tenha uma total separao de formato, contedo e estilo. O Painel Tags Organiza as etiquetas importadas ou criadas no InDesign em ordem alfabtica para que voc possa atrelar aos formatos do layout, repare que toda vez que voc inicia um arquivo o Painel Tags ele sempre exibe uma tag de cor azul chamada Root, isto apenas uma definio do InDesign que pode ou no ser utilizada dessa forma, ou seja, se a Tag raiz de seu XML for outra voc ter que clicar nesta Tag Root e troca seu nome para o nome da Tag raiz de seu XML e certificar-se que toda estrutura de seu arquivo XML seja criada dentro desta Tag.
3. Adicionando Estilos de Texto. Uma vez que todo contedo foi introduzido e preencheu o layout da maneira especificada pelo atrelamento das Tags e Frames possvel tambm criar um vnculo entre as Tags importadas com estilos de Characther e Paragraph do InDesign. Para isto v ao menu Structure e no cone do topo a direita clique para visualizar o menu suspenso, no menu selecione Map Tag to Styles, surge uma janela que permite que voc faa o vinclo manulamente estilo por estilo ou se suas Tags e seus estilos possuem os mesmos nomes voc pode utilizar o boto Map by Name e o InDesign automticamente vincla cada Tag com seu respectivo estilo.
4. Exportando um Arquivo XML. Outra forma de trabalhar com o XML no InDesign fazer o processo reverso, ou seja, Taggear um arquivo de InDesign campo a campo do Layout, definir uma ordem no Painel Structure e exportar um arquivo XML para que possa ser inserido a um banco de dados offline, um banco de dados online, um aplicativo editor de texto ou planilha e etc. Lembre-se que neste caso se voc taggear imagens ao longo de seu arquivo elas sero exportadas em uma pasta separada e dentro do arquivo XML ter o link para cada imagem. Muitas pessoas precisam deste tipo de processo pois os bancos de dados ou qualquer outro documento pode ser alimentado por um contedo que originalmente foi criado no InDesign e pode muito bem ser usado para alimentar um site ou um sistema de informaes.
5. Find/Change para troca de Tags. Este um recurso poderoso do InDesign para diversas tarefas e o XML tambm pode aproveit-lo para otimizar sua produo. Imagine que voc tenha uma documento totalmente Taggeado e que est pronto para ser exportanto, e voc descobre que uma Tag est errada ou que preciso substituir uma Tag por outra de validade em um banco de dados externo, para isso a ferramenta Find/Change pode ser muito til. V em Edit>Find/ Change no campo Change Style clique para acessar a janela de troca de estilos de character ou de paragraph, na aba lateral o ltimo item o XML, basta escolher entre as Tags listadas a que voc deseja alterar para um determinado elemento e o InDesign se encarreg da troca.
Scripts.
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus dynamicus. Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
1. Instalando um Script Javascript. Para inserir um script javascript basta copi-lo e col-lo dentro da pasta javascript do InDesign. Para acessar a pasta basta ir ao Painel Script, Window>Utilities>Samples>Javascript e clique em cima da psta javascript com o boto direito, no MAC ir aparecer Reveal in Finder e no WIN vai aparacer Show Explorer ao clicar surge a janela com a pasta javascript basta dar um colar e o script ser adicionado ao InDesign automaticamente.
2. Rodando um Script. Para rodar um Script basta dar um duplo clique em cima do mesmo. No caso do Script Calendar Wizard ao acionar com o duplo clique ele abre uma janela de configurao de todos os parmetros para a construo de um calendrio ms a ms ou de um intervalo ao longo do ano ou de uma ano inteiro.
3. Gerenciamento de Estilos e Finalizao. O calendrio gerado pelo Script Calendar Wizard cria um arquivo, ou insere um calandrio dentro de uma rea em um arquivo e cria todo sua funcionalidade com Layers, Tables, Estilos Swatches, sendo assim todo sua configurao automtica para todos os meses, basta editar um estilo e todos os meses contendo aquele estilo sero alterados.
Tcnicas de Automao de Contedo

T T
Grep Styles
Se voc j utilizou a linha de comando Find/Change no InDesign atravs da aba Texto, voc vai ampliar muito sua capacidade de busca/troca usando a aba Grep, isto ocorre pelo fato de a abra Grep permitir diversas expresses de busca que a aba Texto no consegue realizar. Para uma verificao imediata basta clicar no boto @ de ambas as abas e verificar como na aba Grep h algumas linhas a mais que levam a vrios itens novos. O aprendizado de busca/troca tem alguns nveis de alcance, em primeiro lugar como dito antes se voc j sabe utilizar o boto @ permite que voc utilize de modo primrio alguns expresses de busca/troca, se voc j visitou o Help (Help>Indesign Help) no tpico text>FindChange voc encontra uma tabela com todos os cdigos que permitem criar expresses na aba texto e na aba Grep. Com o auxilio desta tabela fica mais fcil compreender o que cada cdigo pode fazer e tambm interpretar cdigos de expresses adquiridas em tutoriais em livros ou internet, com o passar do tempo utilizando estas expresses e memorizando voc capaz de criar suas prprias expresses de acordo com sua necessidade, portanto no se aflije e respeite sua evoluo ao longo da necessidade de sua produo.
1. GREP Styles Pelo Comando Finde/Change V em Edit>Find/Change e escola a segunda aba Grep para ter acesso aos comandos. note que a primeira diferena com a aba Text pode ser notada clicando no boto @ e verificando um aumento no nmero de listas de comando que o Grep permite, e dessa forma permite criar busca/troca com mais detalhes que a aba Text. Outro fator interessante que a maioria dos comandos de Grep sempre se iniciam com ou com \ e que o uso de ( ) permite que se isole determinados trechos das buscas para que tenha a mudana em uma ou mais partes separadas ao longo do trecho buscado. No exemplo a seguir vamos fazer a busca/troca de um trecho de palavras entre parnteses e trocar o estilo aplicado ao grupo. Para isso no Campo Find: colocaremos a expresso \(.+\) que busca: Abrir paranteses segudo de qualquer dgito uma ou mais vezes repetidas fecha paranteses. Ao clicar no boto Find o InDesign ir selecionar qualquer campo de caracteres que esto entre paranteses incluindo os parenteses. Depois no campo Change Format atribumos um novo Character Stye ou Paragraph Style e clicando no boto Change o Estilo dos caracteres selecionados mudaro sem afetar o contedo escrito no intervalo.
2. Grep Styles Dentro de Estilos de Pargrafo. A partir do CS4 foi introduzida a ferramenta Grep dentro do estilo de pargrafo permitindo atribuir automaes com uso de estilo. Ao criar um estilo e configur-lo na aba Grep interna temos um campo para a insero de um Character Style e de uma funo Grep. Voc pode colocar somatria de funes Grep dentro de um mesmo estilo para isso basta apenas clicar no boto inferior New Grep Style. Claro que desta forma no utilizamos o Grep como no comando Find/Change para busca e troca , mas sim para definir um determinada alterao quando aplicado o estilo em um bloco de texto. O exemplo que vemos aqui utiliza a varivel de condio or (Smbolo Grep | ) Imagine que temos um bloco de texto onde ser aplicado um determinado paragraph style mas que toda primeira palavra dos pargrafos deste bloco sero em negrito, podemos ento usar no campo character style do Grep um estilo para definir o negrito e no campo abaixo especificar com o comando| quais palavras sero afetadas por este character style dentro daquele pragraph style, portanto no campo da expresso podemos indicar as palavras separando-as com o smbolo |.
Text Variable
Text Variable um item inserido no documento que varia de acordo com o contexto. O InDesign j traz em seu painel uma srie de variveis que podem simplesmente serem utilizadas ou se voc preferir voc pode criar suas prprias variveis dependendo de sua necessidade. Muitas variveis permitem um bom trabalho quando inseridas nas pginas mestras permitindo assim um bom controle do contedo. A mairoria das variveis permitem a incluso de texto antes e depois da varivel, desta forma muitas configuraes so possveis. Os tipos pr-definidos de variveis so: Nmero de captulo, Data de criao, Data de modificao e Data de sada, Formato da data, Nome do arquivo, Incluir caminho de pasta completo, Incluir extenso de arquivo, Nome da imagem, Nmero da ltima pgina, Cabealho corrido e Texto personalizado.
1. Aplicando Text Variable em nmero de captulos. A varivel de captulo (Chapter Number) pode ser aplicada em uma pgina-mestra de um nico arquivo ou pode ser aplicada a vrios arquivos usando o Book. Voc pode colocar mais de uma varivel de texto de um mesmo tipo dentro de um documento do InDesign, por exemplo, no caso da utilizao de um varivel de captulo voc pode utilizar uma varivel para definir Capitlo 1 e outra varivel de captulo para defnir Cap.1. Para inserir v em Type>Text Variable>Insert Variable. Ao clicar um nmero 1 adicionado a sua master page indicando a automao atribuida. Para que voc coloque um prefixo ou sufixo que acompanhe o nmero do captulo v em Type>Text Variable>Define e na janela que surge defina um texto no campo Text Before para um texto vir antes da numero de captulo e em Text After para adicionar um texto aps a numerao. Para a utilizao em um arquivo Book, aps a importao de todos arquivos .indd que faro parte e escolha um dos arquivos para ser o arquivo que contenha o Text Variable e mantenha o Indicador de Style and Source tikado neste arquivo. Ao utilizar o comando no menu do Book, Update Chapter & Numbers o InDesign ir aplicar a Text Variable Chapter Number em todos arquivos do Book.
2. Usando Text Variable para insero de data de sida. Outra forma de utilizao que permite variar a data do projeto no rodap ou em qualquer ponto de um PDF, desta forma voc permite que o InDesign atualize a data do projeto que sair na impresso. Para aplic-lo v em Type>Text Variable>Insert Variable>Creation Date. Para adicionar um texto antes da data e um texto aps a data clique primeiro em Type>Text Variable>Define escolha a varivel Creation Date e clique em Edit, preencha os campos Text Before e Text After.
3. Definido um Text Variable personalizado. Outra forma de utilizar o Text Variable criar verses das variveis pr-definidas e salvar como um Preset novo. V em Type>Text Variable>Define, clique no boto>New, na paleta escolha o nome de sua varivel e escolha o tipo de varivel que ela se enquadra. Todo Text Variable que voc cria fica armazanado no arquivo .indd que voc salvou, voc pode reutilizar um Text Variable criado em um novo arquivo .indd, para isso basta entrar em Type>Text Variable>Define e clique no boto Load, escolha o arquivo .indd que contenha a varivel que voc quer reutilizar clique em OK e a varivel far parte do seu novo arquivo .indd.
Cross-Reference
Inserir Cross-Reference em um documento permite que se crie ncoras de uma parte de um documento a outra parte do mesmo documento, um exemplo simples e prtico quando ao longo do texto voc coloca entre aspas o nmero da pgina onde se encontra a fotografia ou ilustrao referente aquele trecho do texto. Uma Cross Reference pode ter 2 destinos: um Paragraph Style ou um Anchor Text, que j entra no domnio dos Hiperlinks. Para criar uma Cross Reference, Menu Window > Text > Cross Reference. Para criar uma Cross Reference, coloca-se o cursor onde pretende introduzir o marcador (source cross-reference) clique no boto Create New Cross-Reference. Se houver um texto selecionado, este substitudo pelo marcador.
1. Aplicando Cross-Reference com Paragraph Style. Para aplicar um Cross-Reference a partir de uma Paragraph Style preciso colocar o cursor de texto onde se deseja a incluso da referncia cruzada, aps isso clique no menu do Painel Hiperlinks/Cross-Reference> Insert Cross-Reference, surge uma janela onde voc pode configurar qual documento do InDesign a referncia estar associada e a qual estilo de pargrafo, ao selecionar o estilo de pargrafo uma lista ao lado exibida com todos os termos que esto associados aquele estilo, basta escolher para qual dos termos a referncia cruzada indica e clicar em Ok, desta forma surge no ponto que voc escolheu a referncia cruzada para aquele determinado trecho ou para outro arquivo .indd. A referncia cruzada criada a partir do Paragraph Style pode ser usada tanto para texto como para imagens, quando voc quiser atribuir a uma imagem basta que esta imagem tenha uma legenda com Paragraph Style aplicado, cria-se a referncia cruzada ligada a legenda que automticamente levar a imagem escolhida.
2. Aplicando Cross-Reference com Text Anchor. Outra forma de aplicar um Cross-Reference liga-lo a uma ncora de Texto, da mesma forma que na ligao com estilos, posicione o cursor em um ponto de texto e cliqeu no menu Hiperlinks/Cross-Reference> Insert Cross-Reference no campo Link To escolha> Text Anchor a aba abaixo vai mostrar o campo para escolha do arquivo .indd de origem e o campo Text Anchor, aqui ser listado os text anchor que voc crou anteriormente a aplicao da referncia cruzada
Ferramentas de Alternate Layout.
As ferramentas para construo de layout alternativo so: Ferramenta Page Size; Ferramenta Content Collector; Ferramenta Content Placer; Painel Liquid Layout; Comando Create Alternate Layout. Este conjunto de ferramentas permite que se tranporte contedo entre pginas e arquivos, e que se crie layouts variados com contedo linkado e estilos separados por pastas. Com estas ferramentas possvel criar verses de formatos para um mesmo contedo adaptado para diferentes formatos e diferentes mdias.
T T
1. Page Tool. A ferramenta Page Tool se encontra no primeiro mdulo da ferramenta tools. Ao pression-la surge uma moldura editvel em volta de toda a rea da pgina, esta moldura editvel que permite se atribuir mudanas de formato a pgina e com Liquid Layout aos objetos da pgina tambm. Ao selecionar uma das pontas editveis da ferramenta com o mouse podemos mover livremente pelo Pasteboard, se pressionarmos junto a tecla Alt/Option a pgina modificar para o novo tamanho que voc criou alterando o formato original da pgina.
2. Edit Page Size. Juntamente com a Ferramenta Page Tool ns podemos utilizar a Ferramenta Edit Page Size localizada no rodap do Painel Pages, ao lado da ferramenta de criao de pginas. A Ferramenta Edit Page Size permite que se modifique o formato de uma pgina para um formato especfico (como o A4 por exemplo) ou para um formato Custom que voc pode definir suas medidas e nome. Quando utilizado o formato custom uma janela secundria se abre permitindo que se insira o nome do novo formato criado e suas medidas ao pressionar o boto Add o formato criado passa a fazer parte dos formatos pr-criados pelo InDesign.
3. Content Collector e Content Placer. Outra ferramenta que pode ser utilizada para alterao de formato a Conten Collector e a Content Placer , mas aqui o foco fica no contedo, diferente da ferramenta page tool. A Content Collector quando clicada abre um container posicionado na parte inferior da tela, onde possivel , temporariamente, armazenar contedos que esto em uma pgina para outra pgina do mesmo documento ou para pginas em outros documentos, ele permite que voc faa um Place dinmico e com Link fazendo com que o contedo sempre esteja linkado ao contedo inicial. Com a Content Collector possvel copiar itens separados, grupos de itens, pginas completas e at mesmo itens do Pasteboard. possvel tambm copiar textos linkados (Tread Text) como um nico conjunto de textos usando o item Collect All Treadead Frames. J a Content Placer permite que voc cole o contedo armazenado em outras pginas ou outros arquivos, ao fazer a escolha de onde ser colado basta inserir com um clique para inserir com o mesmo tamanho do original ou voc pode arrastar o mouse e segurar o boto para fazer uma redimensionamento da rea. Ao incorporar o contedo em um novo espao voc pode pedir que o InDesign mantenha links de vnculos como o objeto original, para que caso seu contedo seja modificado, a modificao ocorrer em todos os vinclos copiados e tambm permite que se mapeie e copie os estilos para que as cpias mantenha as caractersticas iniciais de estilo.
4. Liquid Layout. Esta ferramenta pode ser utilizada junto com a ferramenta Page Tool, a Liquid Layout permite que ao editar o formato de uma pgina voc possa atribuir condies para que o contedo tambm se redimensione ou auto-ajuste para o novo formato. A ferramenta trabalha com 4 opes de redimensionamento de contedo so elas: Scale; Re-Center; Guided Based e Object Based, cada uma destas funes permitem ajuste de parmetros que auxiliam no transporte do contedo para novos formatos. Sem dvida das quatro opes a mais completa a Object Based pois permite que se atribua parmetros objeto por objeto desta forma permitindo um controle muito maior das opes de autodimesinamento. Com o Painel Liquid Layout ou diretamente com a ferramente Page Tool ao selecionar o item Object Based,o InDesign habilita a possibilidade de Autofit para o objeto selecionado, Resize de Altura e Largura do Objeto e o Pin que so os parmetros de fixao dos pontos (Topo, Rodap, Direita e Esquerda) do objeto para que ao se modificar o tamanho da pgina o objecto no sai da posio fixada. O uso primrio dessa ferramenta se deve ao fato da necessidade, hoje, de se leiautar a verso Horizontal e Vertical para as pginas de publicaes digitais no formato Folio, mas possvle usar os benefcios do Liquid Layout pra qualquer tipo de sada do InDesign facilitando o reuso de uma diagramao em outra posio ou formato.
5. Create Alternate Layout. Aps a definio e testes com a ferramenta Liquid Layout o comando Create Alternate Layout se encarrega de fazer a confeco do novo layout sem que se perca o layout anterior em que foi baseado. Com o comando possvel manter em um mesmo arquivo de InDesign diversos layouts para sadas de mesma mdia, isso facilita a adaptao dos formatos para os diferentes dispositivos em uma mesma mdia. Para cada layout construido com o comando o Painel Pages vai criando uma nova Coluna de Layout com o nome que voc especificou, esta organizao no comeo pode ser um pouco confusa pois no documento as pginas so mostradas uma embaixo das outras mesmo tendo tamanhos e orientaes diferentes, mas no Painel Pages eles sempres aparecero uma ao lado da outra, coluna por coluna, para cada nova pgina que voc cria ela fica armazenada na coluna de seu formato logo abaixo da pgina anterior. O comando tambm cria as pginas mestras de cada formato que foi feito assim a qualquer momento voc pode utilizar todos recursos de Master Pages definidos para cada formato presente no arquivo.
Tipos de Exportao
04
Exportao PDF Print

Os avanos do InDesign em suas ltimas verses tm se concentrado principalmente nas sadas para produtos digitais, mas isso no quer dizer que o formato promissor e principal no seja mais o PDF para impresso. Os processos de impresso tambm vem evoluindo nos ltimos anos e permitindo inovaes, impressoras digitais e nanogrficas esto surgindo e permitindo que se alcance volumes de impresso siginificativos como do tradicional Off-Set com a vantagem de permitirem o uso de dados variveis entregando impresses de alta qualidade e customizao de contedo. As novas ferramentas como a Content Collector/Content Placer e Liquid Layout no devem ser olhadas como exclusivas das publicaes digitais, elas tambm permitem que se varie formatos para impressos e agilidade em produo de campanhas e produtos fsicos. A nova verso do Acrobat Pro (Hoje na XI) continua evoluindo e permitindo que automaes, importaes e exportaes de PDF se conectem com os mais diversos sistemas de impresso e processamentos de impressos. A sada de arquivo utilizando o formato Book (.inb) hoje uma realidade consolidada na indstria grfica, no apenas uma inovao, permite que equipes distantes alimentem uma publicao ou um trabalho de produo de mquinas e ambientes diferentes e no final resultando em um nico PDF Print at mesmo imposicionado (Usando o comando Print Booklet ou sistemas similares). H mais de 15 anos foi estabelecida a norma ISO 15930-1:2006, ou mais conhecida como PDF/X. Em constante evoluo a norma j conta com as verses PDF/X-1, PDF/X1-A, PDF/X-2, PDF/X-3, PDF/X-4 e a PDF/X-5. Para cada numerao da norma as mudanas de possibilidades para transparncias, permisso de espectro de cores RGB e LAB permitem inovaes e qualidades dificilmente alcanadas em tempos anteriores.
1. PDF/X-3, PDF/X-4 e PDF/X-5. Aqui temos um infogrfico que demonstra as principais difrenas entre os formatos existentes de PDF/X. O PDF/X 1-A sem dvida o formato mais utilizado, mas novas fbricas e novos equipamentos vem implementando os novos formatos devido as mudanas naturais de processos e workflows.
2. Web-To-Print. Um segmento que vem crescendo muito na indstria a possibilidade de impresso sob demanda pelo processo Web-To-Print, trata-se de um processo automatizado que permite atender milhares de usurios espalhados no mundo por um sistema on line via internet conectado a um processo de impresso, mais conhecido como On Demand. A Xerox criadora do Xmpie um produto que foi lanado para trabalhar em unio ao InDesign, hoje tem um processo web-to-print muito eficiente atravs de um aplicativo on line chamado UStore que permite a criao de todo um processo webto-print para implementao em grficas como equipamentos de impresso digital. Abaixo temos a pgina do Xmpie na web.
2. Print Fine Art. O segmento de Fine Art foi inaugurado pelo mercado fotogrfico Digital, na busca de melhores impresses foi desenvolvida uma tcnica denominada Gicle, que permite impresses da alta qualidade somando a eficincia dos softwares de tratamento, quantidade de cores de impresso e papis especiais que podem ser confeccionados at mesmo em puro algodo. Hoje o mercado de Fine Art j possui diversos adeptos e tambm atende a reproduo de obras de arte e pinturas digitais.
Contedo + Interatividade.
Para cada tipo de exportao o InDesign possue ferramentas especficas que auxiliam no desnvolvimento e finalizao dos arquivos. Algumas ferramentas participam de uma ou mais exportaes pela necessidade do memso tipo de contedo. A seguir vemos um infogrfico dos tipos de exportao e suas ferramentas, nas pginas seguintes aprofundado o uso de cada uma delas e o passo-a-passo para chegar a sada de cada tipo de exportao. PDF Interactive SWF e FLA HTML5 EPUB FOLIO
Painel Media Painel Hiperlinks Painel Buttons Painel Transitions Painel Bookmarks Painel Preview Toc
Painel Media Painel Hiperlinks Painel Buttons Painel Transitions Painel Bookmarks Painel Preview Painel Animation Painel Timing Painel Object State Toc * O arquivo SWF pode ser reimportado para um arquivo PDF Interactive
Painel Media Painel Hiperlinks Painel Article Ancoragem Objetc Export Export Tagging
Painel Media Painel Hiperlinks Painel Article Ancoragem Objetc Export Export Tagging Toc Footnote
Painel Media Painel Hiperlinks Painel Buttons Painel Object State Folio Overlays Insert HTML Liquid Layout Folio Builder
* Permite incor- * Permite incorporar CSS e Javas- porar CSS excript externo terno. Javascript externo somente na verso 3.0
Ferramentas PDF Interactive.
Ao utilizar o InDesign para exportao PDF Interactive, v em Workspace>Intercative for PDF, esta ao abre em seu InDesign todos os painis que podem inserir interatividade em um PDF. Os painis so: Page Transitions; Hyperlinks; Bookmarks; Buttons and Forms; Media; SWF Preview e Sample Buttons and Forms. possvel tambm inserir um arquivo SWF pelo comando File>Place ou pelo Painel Media. Voc pode utilizar o Flash ou o prprio InDesign para criar um arquivo SWF. Outro fator importante ao utilizar a exportao PDF Interactive que voc pode criar dois tipos de documento: 1 - PDF com intent print com insero de interatividade - Esta formatao permite que o usurio final veja o PDF em sua tela do computador e que tambm imprima (escolhendo se inclui a interatividade ou no). 2 - PDF com intent web com insero de interatividade- Esta formatao leva em considerao as medidas de telas em pixel e usa os diversos atributos interativos para que o usurio final visualize apenas em seu computador sem a necessidade de imprimir.
1. Workspace PDF Interactive. O InDesign traz alguns Workspaces pr-definidos para organizao da rea de trabalho, desde o CS4 foi includo o Workspace Interactive fo PDF que exibe os painis bsicos mais os painis que permitem adicionar interatividade vlida em um exportao PDF.
2. Painel Media. O Painel Media permite que voc importe Audio e Video para um arquivo do InDesign, o nico processo que permite a introduo de Audios e Videos. Para insero basta clicar no cone no rodap do lado direito do Painel e uma janela de insero abre permitindo a busca de um arquivo local. A Adobe indica o formato MP3 para os Audios e MP4 (com compresso H264) para os Vdeos. Para insero de videos na Web o InDesign permite que se conecte uma URL de um video no formato .flv. A insero de Audio s aparece no Painel SWF Preview se voc estiver usando botes ou Auto play (para tocar automaticamente). A Insero de video permite que se utilize controles em cima do video ou que se crie botes para control-lo.
3. Painel Buttons and Forms. O Painel Buttons no CS6 passou a se chamar Buttons and Forms pois o InDesign a partir desta verso permite que voc crie, edite e exporte um formulrio dentro de um arquivo PDF Interativo, porm a distribuio deste formulrio depende do uso do Acrobat Pro para prepar-lo para o envio a uma lista de e-mails e contatos. O Painel Button permite que voc habilite aes a um boto e que voc planeje o layout dos trs principais estados de um boto: Normal; Rollover; Click, dessa forma voc pode alterar contorno, preenchimento e texto de cada estado de cada boto criado.
4. Painel Hiperlinks. O Painel Hiperlinks permite que voc crie diversos tipos de conexo de elementos interna e externamente, sendo que a ligao de Link para web atravs de URL e o link entre pginas de um mesmo arquivo como o comando Page so as mais utilizadas. Voc ainda pode configurar aes que utilizem a paleta Hiperlinks e comunho com a paleta Cross-Reference. Para a aplicao de um item basta selecion-lo na rea do arquivo e clicar no menu no topo direito do painel> New Hiperlink abre-se uma janela de configurao que permite que se escolha o tipo de vnculo e estilo do vnculo.
5. Painel Bookmarks. O Painel Bookmars permite que se crie um Sumrio interativo a partir de uma ligao de ncora (anchor) de um texto, objeto e imagem constante em uma pgina. As ncoras criadas com o Painel vo alimentar o comando Bookmarks no Adobe Acrobat Pro e Reader e permitir que se tenha um ndice na aba lateral do visualizador de PDF. Se voc utilizar a ferramenta TOC (Table Of Contents) para gerar um sumrio para o corpo do seu documento voc pode deixar configurado para que o InDesign utilize o mesmo contedo para criar o Bookmarks automaticamente dispensando o uso do Painel.
6. Painel Page Transitions. O InDesign assim como o PowerPoint e o KeyNote possui uma ferramenta para adicionar transio de pgina. Este Painel contm alguns Presets j configurados para a utilizao. Todos podem ser utilizados menos o Page Transitions>Page Turn que s pode ser utilizado na exportao SWF. Voc pode aplicar o Page Transition individualmente nas pginas ou clicando no cone no rodap direito voc aplica o mesmo Page Transition para todas as pginas do documento.
8. Importao SWF. O PDF Interativo nativamente no aceita os Painis destinados a animao e sobreposio de objetos, porm ele aceita a insero de arquivos SWF (Apenas para visualizadores Acrobat Desktop) primeiramente os profissionais passaram a criar animaes no prprio Flash e introduzir no InDesign, mas o prprio InDesign permite que voc use as ferramentas de animao e exporta um SWF para ser importado em um documento. Portanto necessrio que voc crie um arquivo com a dimenso exata do espao que voc quer colocar no documento que vai se tornar o PDF Interativo. Para a insero use o Painel Media e importe o SWF como um arquivo de video escolha a funo Autoplay e na funo Poster> Select Actual Frame.
Worflow PDF Interactive.

1.Formato
Doc ou Presentation
2.Template
3.Media e Buttons
4.Forms
5.Bookmarks 5.ePreview Transitions
1. Determinando o Tipo e Formato. V em File> Newe Document escolha o Intent Print para criar um PDF Interativo que manter o formato de impresso ou escolha Intent Web para o PDF Interativo que ter o formato de uma apresentao para monitores ou Dispositivos Mveis. Para o PDF com Intent Print o uso de grid de colunas fica a critrio do seu tipo de documento, para o PDF com Intent Web o grid de coluna pode ser mudado para 12 colunas com 12 pixels de largura de gutter. As margens tambm diferem de um Intent para o outro pois no caso do Intent Web no h necessidade de margens Left e Right pois possvel colocar o Adobe Reader em modo Full Screen e aproveitar toda tela.
2. Layout Esttico. Como primeira tarefa mantenha a construo de seu arquivo como se fosse uma publicao impressa, ou seja, se preocupe com a disposio dos elementos para preencher a pgina a interatividade ser inserida depois. Lembre-se que para PDF Interativo do tipo Document voc deve manter o Intent Print e para o PDF Interativo do tipo Presentation voc pode utilizar o Intent Web. Quando utilizar o PDF Interativo para apresentaoes que sero vistas no Desktop voc pode utilizar um Grid System para auxiliar na criao do design. (Link no Capitulo Extras).
3. Inserido Interatividade. Aps definir as reas de contedo preciso inserir os espaos onde ocorreram interatividades, a principal caracterstica de layout interativos que eles permitem onde teria espao para uma determinado contedo em um impresso ampliar estas reas com sobreposies informaes externas com links, reas de Audio e Video. Anlise seu documento e veja os campos que se tornaro hieprlinks, selecione-o v at o Painel Hiperlinks clique no menu e escolha> New hiperlink, na janela seguinte que abrir escolha no campo Link To: URL e no campo abaixo Destination escolha URL insira o endereo web que voc quer abrir com o link e mantenha o item Shared Hiperlink Destination.
4. Criando e Inserindo um arquivo SWF. Voc pode inserir um arquivo SWF em um arquivo que ser exportado como PDF Interativo e voc pode utilizar o prprio InDesign para cri-lo. Para isso voc deve criar um arquivo .indd separado de seu arquivo PDF, neste arquivo voc pode utilizar todos os painis que j utilizou no PDF Interativo e usar os Painis Animation, Timing e Object States que permitem interatividades que s funcionam em um arquivo exportado como SWF. Aps a insero de Interatividade voc deve export-lo como SWF. Este arquivo SWF agora pode ser incorporado ao arquivo .indd que ser um PDF Interativo, para isso utilize o Painel Media e importe o SWF como se fosse um arquivo de video, aplique o comando Play on Page Load e no Poster>Current Frame e basta exportar o arquivo como PDF Interativo e no Adobe Reader verificar o funcionamento de um arquivo SWF.
5. Exportando como PDF Interactive. V em File>Export escolha um nome para o projeto e no campo Tipo de Formato> PDF Interactive, uma janela de configurao surge, defina a quantidade pginas, se o arquivo ser visualizado automaticamente a exportao o modo de apresentao das pginas e a incluso de interatividades, page transitions e formulrios, h um campo destinado a compresso das imagens e um boto>Security para insero de senha para abertura ou controle de edio, clique em OK e seu arquivo PDF Interactive ser exportado.
Finalizao e Fechamento PDF Interactive.
Aps a construo do arquivo com a arte e a interatividade chegado o momento de finalizar e exportar o arquivo PDF Interativo. Vamos em File> Export surge uma janela que permite a adio do nome que voc vai definir para o arquivo e na parte inferior no campo Tipo de Formato> Escolha PDF Interactive, ao trmino clique em OK e uma pequena janela surge na tela. a seguir os campos de configurao e suas opes: File>Export Permite que voc defina o nome do arquivo e o tipo de formatao de sida.
Janela> Export Page - Permite exporta todas as pginas ou escolher uma ou intervalo. Pages/Spread - Para exportar uma pgina emabixo da outra ou espelhadas. View After Exporting - Quando selecionado abre o programa padro de visualizao automticamente. Embed Page Thumbnails Quando selecionado permite incorporar as miniaturas das pginas. Create Acrobat Layers - Quan-
do selecionado permite a visualizao de camadas do Acrobat. View - Permite a escolha do modo de visualizao no Acrobat. Layout - Permite a escolha do modo que as pginas vo aparecer no Acrobat. Presentation Open in Full Screen Mode - Quando escolhido permite abrir em tela cheia automtico no Acrobat. Flip Page Every - Quando escolhido permite indicar os segundos de intervalo para a virada de pgina automtica. Page Transition - Permite escolher um tipo de animao entre as viradas de pgina (Page Flip apenas para SWF). Forms and Media - Permite habilitar ou no os formulrios, audios, videos do documento na exportao. Tagged PDF - Permite criar uma estrutura lgica para ser utilizada pelo Acrobat Pro. Image Handling - Permite a compresso e troca de resoluo de imagens JPG para otimizar a exportao. Security - Permite a incluso de senhas para bloqueio de acesso inicial e acesso de edio e modficiao do contedo do documento exportado.
Quando foi adicionada esta exportao na verso CS5 o SWF ainda tinha um peso grande como plugin para os browsers, porm com a chegada dos Tablets e Smartphones modernos e a negao do iOs para o formato (seguido hoje pelo sistema Android e Windows Phone) tornou a exportao SWF algo interessante apenas para browsers desktops e consequentemente algo no interessante para o mercado atual, porm ainda h uma utilidade para a exportao SWF, a incluso de animaoes SWF dentro de um PDF Interactivo. Voc pode utilizar o prprio InDesign para criar um arquivo que utiliza as ferramentas de animao, utilizar a exportao para SWF e reimportar o arquivo, atravs do Painel Media, para o arquivo que ser exportado como PDF Interactive. Caso voc exporte este arquivo com a extenso FLA, permite que voc abra este arquivo no prprio Flash e produza uma animao com mais recursos e aes e tambm reimporta-la para um arquivo PDF Interactive. As ferramentas utilizada no InDesign para SWF e FLA so: Painel Animation - Permite utilizar Presets de animaes e animao a partir de um path desenhado. possvel estabelecer uma srie de configuraes para melhor atender a ideia de seu projeto. Painel Timing - Permite ordenar e agrupar elementos animados de uma pgina, possvel estabelecer ordem de disparo das animaes e quais animaes vo ocorrer simultneamente e quais vo ocorrer em intervalos (Delay) determinados. Painel Object States - Permite criar reas interativas com camadas (States) muito utilizado para criar Slideshows mas pode ser muito interessante para aumentar o nmero de contedo em uma nica pgina empilhando fotos, textos, audio e videos. Painel Media - Permite importar o arquivo SWF como um contedo animado para outros arquivos .indd em especial para o PDF Interactive.
Ferramentas SWF e FLA.
1. Workspace Digital Publishing. No workspace digital publishing so adicionado os painis que permitem animaes e sobreposies de contedo, estes painis permitem ampliar as possibilidades das exportaes de SWF e FOLIO principalmente. O painel Liquid Layout tambm faz parte deste workspace e aps a instalao do Plugin Folio Producer adicionado os painis Folio Overlays e Folio Builder.
2. Painis PDF Interacative. Todos os painis que j foram utilizados no workspace PDF Interactive tambm faro parte do workspace digital publishing e todas suas funes tambm adicionam interatividades em SWF, HTML, EPUB e FOLIOS.
3. Painel Animation. O painel Animation permite que voc use animaes baseadas em Actionscript dentro do InDesign. Voc pode utilizar modelos prontos de animaes acessando o item>Preset e pode tambm transformar qualquer Path vetorial selecionado junto a um objeto com a ferramenta>Convert Motion Path localizada no rodap do painel a direita. No painel animation voc controla tempo, eventos, efeitos, rotaes, localizao e direo para um objeto animado.
4. Painel Timing. Aps voc ter criado uma ou mais animaes que possuem disparo automtico ao carregar a pgina voc pode utilizar o painel Timing para definir a ordem de disparo destas animaes bem como definir quais sero disparadas primeiro e quais sero disparadas juntas (utilizando a corrente no rodap do painel), voc ainda pode definir um tempo de Delay para aumentar ou diminuir o tempo de disparo entre as animaes ou grupos de animaes.
5. Painel Object States. O Painel Object States permite a criao de contedo sobreposto em camadas, para isso voc deve selecionar dois ou mais objetos (Textos, vetores ou Bitmaps) e clicar no menu em> New Object State, feito isso o item Object Name permite colocar um nome ao objeto e logo abaixo surge a lista em camadas acessvel de cada item pertencente ao Object State. Para que voc possa acessar as camadas preciso a utilizao de botes com as aes que interagem com States (PDF e SWF) para ter a exibio automtica como um slideshow de cada State voc pode utilizar o item Slideshow no Painel Folio Overlays (Somente para FOLIO).
6. Painel Page Transition - Page Turn. A exportao SWF permite que se aplique o item Page Turn do painel page transition que permite o efeito de transio de pgina imitando a virada de pgina como de um impresso. Quando aplicado e importado como SWF em um PDF Interativo seu funcionamento mantido.
Workflow SWF e FLA.

1.Formato 2.Template 3.Media 4.Animation 5.Object State 5. Preview
1. Formato. Para as produes destinadas a exportao SWF e FLA o formato varia de acordo com a rea de insero deste documento em um outro documento como PDF , HTML e etc. Como o formato Flash est se dissociando do formato de publicao devido a falta de suporte ao formato nos novos sistemas de Tablets e Mobiles, seu melhor uso hoje fica para insero em PDF Interativos.
2. Layout Esttico. Assim como em qualquer outro formato interativo, defina o layout esttico do projeto de acordo com as regras bsicas do design grfico do projeto como um todo e aps inicie a colocao de reas interativas, no caso do SWF como j se utiliza o painel Object States lembre-se que a quantidade de contedo x a rea de contedo aumenta consideravelmente por pgina devido a possibilidade de empilhar em States vrios elementos.
3. Inserindo Interatividade para arquivos SWF. A insero de interatividade no SWF conta com todos os painis do workspace PDF Interactive e os Painis do workspace Digital Publishing (menos o painel Folio Overlays), mas lembre que ao importar Audio e Video em um arquivo que ser exportado como SWF criada uma pasta separada do arquivo contendo o Audio e Video, no ocorre aqui como no PDF Interativo que empacota todo contedo dentro de um nico arquivo PDF. Como o formato Flash vem sendo substituido por HTML5 ele uma boa opo para a publicao de animaes de objetos enquanto os novos softwares Adobe no so incorporados na Sute.
4. Exportando no formato SWF e FLA. A exportao SWF conta com uma janela com opes muito semelhantes a do PDF Interactive, porm te malgumas opes a mais como a possibilidade de embutir fontes utilizadas no projeto, definir se o SWF ser incorporado dentro de um HTML, aumentar e diminuir as propores do arquivo, definir a quantidade frames por segundo e comprimir imagens JPG e PNG. Se a exportao for como SWF voc tem o arquivo final de publicao, se a exportao for como FLA voc tem um arquivo que pode ser incorporado no Flash, porm ao import-lo o contedo que aparece no Stage ser todo rasterizado o que acaba por no ter muita ultilidade, mas todo contedo adicionado a bilioteca do Flash facilitando seu reuso, mas uma nova animao deve ser feita no Flash, o que ainda uma vantagem pois a possibilidade de ferramentas e recursos de Actions e at mesmo a converso para JavaScript (veja o captulo Extras) permite uma boa troca de contedos entre formatos.
5. Importando em um arquivo InDesign ou Flash. Com o SWF em mos e sendo um SWF que no contenha Audio e Video podemos aplic-lo a um arquivo InDesign que vai se tornar um PDF Interactivo ou incorporar a um arquivo FLA do Flash podendo convert-lo em vrios formatos de sada. Com as mudanas que os Sistemas Operacionais de Tablets que no incluem o SWF, o processo de publicao pelo Flash est cada vez mais preso aos prprios softwares Adobe ou a softwares que convertam SWF para sadas HTML5. A importao no InDesign se d via Painel Media permitindo sua exportao apenas no PDF Ineterativo ou em um HTML para Browsers Desktop, e a insero ao Flash se d via File>Import.
Finalizao e Fechamento SWF e FLA

Para a exportao SWF v em File>Export e escolha o tipo de formato> SWF. Lembre-se que ao utilizar Audio e Video na exportao SWF eles sero exportados em uma pasta anexada por Links ao documento SWF o que acaba por invalidar este formato como um formato final de publicao (Isso no InDEsign). A exportao FLA segue o mesmo procedimento porm uma exportao para que se inclua o contedo no Flash sem a necessidade de importao pelo comando import, porm esta facilidade s aproveitada para manter os arquivos j na biblioteca do Flash, pois no Stage (a rea de animao do Flash) o contedo mostrado agurpada e at rasterizado como imagem.
Na aba General voc configura as pginas que sero exportadas, se as interatividades sero exportadas e a dimenso do arquivo.
Aba advanced permite alterar a quantidade de frames/segundo da animao e como os textos sero exportados, tambm mostra as fontes que esto sendo embutidas na exportao.
Ferramentas HTML5.
Na ltima verso o InDesign incorporou a exportao HTML5 e tambm o comando Insert HTML que permite incorporar (Embeded) contedos j publicados na Internet como videos do Youtube, mapas do Google Maps e qualquer outro contedo de texto, imagem e audio. Muitos acham a esta exportao falha ou imcompleta, porm preciso entender quais benefcios ela pode trazer ao seu fluxo de produo. preciso entender que todo documento HTML um documento que segue um fluxo contnuo com elementos dispostos em linhas uma embaixo da outra, ou seja, a disposio natural de um arquivo HTML de um Texto, que contm links e ncoras para outros textos ou outras regies de um texto, porm quando a web comeou , l para o meios da dcada de 90, para que fosse possvel a diagramao deste contedo utilizando a rea de maneira mais parecida com um impresso foi utilizado Tabelas para permitir que se definisse locais na regio da tela para o contedo permanecer, com o passar do tempo surgiu o CSS uma linguagem que permite definir regies de layout por outro mtodo, utilizando a Tag DIV, e com isso layouts menos engessados surgiram na web deixando -a mais rica visualmente, anos mais tarde com a intensa utilizao do Flash e do SWF, os sites passaram a incoporar animaes, audio e video e uma maior liberdade de layout visto que era possvel fazer at um site inteiro dentro do Flash. Esta prtica resolveria os problemas de contedo e layout porm o plugin de propriedade Adobe para rodar os arquivos SWF retira da Web seu prrprio crater de uma linguagem universal e aberta, e por isso os esforos que vem se concentrando em transformar o HTML5 em um padro Web so fortemente defendidos por muitos pases, empresas e pessoas, e, at mesmo a Adobe tomou inciativa e vem desenvolvendo diversas ferramentas em HTML, CSS e Javascript. Acesse neste Link
1. Formato e Grid System . Para documentos web podemos trabalhar com a largura de 960 pixels e utilizar o conceito de Grid System para dividir em 12 , 16 ou at 24 colunas, a altura do documento no tem definio uma vez que o ato de rolar a pgina na web uma ao conhecida e esperada pelos usurios. interessante optar por uma margem Top e Bottom apenas para ajudar a definir o layout do Header e do Footer da pgina, as margens laterais pode ser 0. Lembre-se que o arquivo HTML ser exportado em uma ordem vertical de contedo, a disposio que voc vai definir no arquivo InDesign serve apenas para que voc exporte com um JPG para ser um Guia para o desenvolvimento do layout em CSS e Javascript.
2. Ancoragem de objetos pelo frame. A primeira tarefa para uma boa exportao HTML utilizar a nova tcnica de ancoragem de texto e objetos utilizando o prprio frame. No frame dos objetos encontra-se um pequeno quadrado azul no top direito, este quadrado azul quando clicado e arrastado em direo a um texto cria uma linha de ancoragerm (Para ver a linha v em View>Extras>Show Text Threads) dessa forma ao definir a ordem de exportao no Painel Article o texto adicionado com um objeto ancorado a ele sempre levar o objeto. Lembre-se que voc deve sempre ancorar de um objeto para um texto e texto para texto no h necessidade de ser incorporado.
3. Object Export Options. No comando Objetc>Export Object Options voc vai definir como e onde ser a exportao dos objetos em HTML, neste painel voc pode definir se ao objeto ficar fixo ou vai redimensionar com o tamanho da pgina ou browser de visualizao, a resoluo de sada o formato de imagem e o posicionamento na pgina, se voc no definir o posicionamento aqui a exportao HTML sempre exporta os objetos a esquerda do layout da pgina. Lembre-se que no caso de objetos de Video e de Audio o Item custom Rasterization no pode estar selecionado.
4. Painel Articles. O painel Articles define qual a ordem de exportao do documento, muito importante sua verificao, dos nomes dados a cada article criado e a ordem do contedo, pois a ordem deste painel e no da pgina que ser exportada no HTML. Para inserir um contedo no Painel basta selecionar o texto ou o objeto ( Lembre que objetos ancorado j esto selecionados ao selecionar o texto) e arrastar para cima do Painel Articles, uma janela surge para colocar o nome do Article. A qualquer momento voc pode movimentar os Articles dentro do painel trocando a ordem de exportao do HTML.
5. Export Tagging. O export Tagging define os estilos de texto que sero exportados para o HTML, deve-se dar preferncia as forntes OpenType. ao selecionar um estilo de pargrafo para um determinado texto e aplicar seu atributos, abra novamente o estilo e v ao ltimo item da lista a esquerda> Export Tagging, em sua aba de configurao surge o campo EPUB and HTML neste campo possivel configurar o uso de uma Tag HTML para titulos (<h></h>) ou para pargrafos (<p></p) para a exportao do texto em conformidade com os parmetros HTML e possvel definir um Class usando as prprias configuraes do estilo criado apenas colocando o mesmo nome do estilo no campo, isso far com que o HTML seja exportado com o estilo que voc definiu no InDesign. possvel tambm usar export tagging em um character style para definir Span,Em e Strong como estilos HTML.
Workflow HTML5.
1.Formato 2.Ancoragem 3.Article
Capitulo 1 Capitulo 2 Capitulo 3 Capitulo 4
4.Object Export
5. Export Tagging
H1 H3 P
5. Preview no Browser
1. Determinando o Tipo e Formato. Ao abrir um novo documento use o intent>web e como largura mxima 960 pixels, isso faz com que se crie uma pgina web com largura confortvel para monitores pequenos e grandes, a altura no tem definio fica a critrio da quantidade de contedo que ser colocado. Uma diviso em colunas para criar um grid system facilita a diagramao, pode-se usar de 12 a 16 colunas para uma boa diviso. As margens so necessrias apenas para facilitar a construo da pgina uma vez que sero definidas na exportao HTML.
2. Layout Esttico. Aqui temos o exemplo de um layout esttico que ser usado como template para a formatao do CSS externo, o InDesign exporta o contedo em HTML em linha, ou seja, um item abaixo do outro, ser com o uso de CSS externo que poderemos formatar a disposio do contedo da maneira que a pgina foi pensada.
3. Ancoragem e Exportao de Objetos. Aps a definio do layout esttico preciso fazer a ancoragem de todos objetos (Imagem, Audio e Video) com os textos que esto antes ou depois do elemento, voc s pode ancorar um objeto por vez para cada texto. Aps a exportao para que voc controle como estes objetos sero exportados v em Object>Object export options >EPUB and html e defina para cada objeto o tipo de rasterizao e alinhamento que ser utilizado na exportao final.
4. Definindo a ordem com Painel Articles. Com o arquivo totalmente ancorado e com o setup do comando object export options, preciso abrir o painel articles em Window>Articles. O painel articles permite que se defina a ordem de exportao de cada parte da pgina, dividindo a pgina em sees, o empilhamento criado no painel define de cima para baixo quais partes sero exportadas para o html, a exportao ir obedecer a ordem criada no painel articles.
5. Exportando e utilizando o Dreamweaver para CSS e Javascript. Com o arquivo pronto v File>Export e escolha o formato HTML para exportao uma janela de configurao se abre dividida em trs abas: General, Images e Advanced sua configurao ser exibida no prximo tpico.
Finalizao e Fechamento HTML5.

Para a Exportao HTML v em File>Export na janela seguinte escolha o nome do arquivo e no campo tipo de formato>HTML. Lembrando que o HTML exportado ainda no ter uma aparncia de uma pgina web pois o InDesign cria os estilos de texto e objetos mas no cria estilos de formatao de layout. Para que o HTML que ser exportado tenha formatao de layout preciso na ltima aba da janela de exportao incluir um arquivo CSS externo que pode ser feito no Dreamweaver ou softwares similares. muito comum fazer uma primeira exportao com o HTML puro apenas com os CSS de textos e objetos, abrir o arquivo no Dreamweaver tomar conhecimento dos nomes das Tags criadas pelo InDesign e a sim desenvolver um CSS que possa ser incorporado em uma segunda exportao porm j com aparncia e formatao de uma pgina web. A seguir as opes encontradas em cada aba da janela de exportao:
Aba General onde voc deve escolher a exportao Same as Article Panel.
Aba Image que permite o setup de exportao das imagens.
Aba Advanced da exportao HTML que permite a insero de CSS e Javascript externo.
O formato EPUB foi criado por um consrcio de diversas empresas e regulado pelo IPDF (International Digital Publishing Forum), sua grande vantagem ser um formato aberto por utilizar as linguagens web (xml, xhtml, css e javascript) e ao mesmo tempo possuir a possibilidade de inserir DRM (Digital Rights Management). O DRM permite que se restringe o nmero de Devices que o livro pode ser instalado, e desta maneira, permite que se proteja e comercialize em e-commerces, lojas virtuais especializadas e Stores como AppStore e Google Play. Atualmente temos trs verses de EPUB no mercado: EPUB 2.0 - Permite criar livros com texto, imagens e hiperlinks. Inclui as informaes do livro e seu nmero ISBN com metadados. Este formato o que mai se aproxima do livro fsico. Sua Estrutura bsica XHTML e CSS. A caracterstica mais marcante deste formato o total controle do layout por parte do leitor, que atravs do seu dispositivo e de seu aplicativo pode alterar fontes, seu tamanho, orientao visual e etc. EPUB 3.0 - Permite criar livros com Texto, Imagem, Audio, Video, Hiperlinks e Interatividades com Javascript. Inclui as informaes do livro e seu nmero ISBN com metadados. Este formato permite a criao de um livro bem mais interativo e se afasta bastante da ideia de livro fsico que conhecemos. Sua estrutura bsica XHTML, CSS e Javascript. A caracterstica mais marcante deste formato o total controle do layout por parte do leitor, que atravs do seu dispositivo e de seu aplicativo pode alterar fontes, seu tamanho, orientao visual e etc. EPUB 3.0 with fixed layout - De propriedade da Adobe, este formato permite criar livros com layout fixo, que permitem uma maior controle do layout pelo autor/produtor do que pelo leitor, portanto um EPUB que permite interatividade e efeitos visuais mais prximos de um livro grfico do que textual. As principais ferramentas para a produo de EPUB so: Painl Articles; Ancoragem pelo Frame; Object Export Options; Export Tagging; TOC sem numerao de pginas; Painel Hiperlinks; Painel Media e importao de CSS e Javascript.
Ferramentas EPUB.
1. Formato. Para criarmos um arquivo EPUB, escolha o intent web e use as medidas 600 x 800 pixels pois facilitaro a diagramao com fontes entre os tamanhos 9 a 22 pt. No necessrio a configurao de colunas e as margens utilizadas sero apenas para auxiliar na diagramao, pois as margens de exportao sero definidas na exportao.
2. Ancoragem de objeto pelo frame. Da mesma forma que na exportao HTML na exportao EPUB necessrio ancorar os objetos (Imagem, Audio e Video) com os textos para que possam ser exportados entre os textos. Voc pode ancorar um objeto a um texto anterior ou posterior ao objeto.
3. Object Export Options. Aps a ancoragem v em Object>Object Export Optins>EPUB anda HTML e defina as propriedades de exportao de cada objeto. Voc pode configurar a rasterizao e alinhamento das imagens e o alinhamento de audio e video. No caso do EPUB como ser um livro e no uma pgina web voc pode utilizar o comando Insert Page Break para criar quebras de pginas e separar partes do livro digital como as pginas de um livro impresso.
4. Painel Articles. Uma vez feito a ancoragem e o setup de objetos necessrio o uso do painel articles para definir a ordem de exportao do livro. V em Window>Articles e arraste o textos para o painel article e defina um article para cada parte do livro, a ordem que for criada no painel article a ordem que ser exportado pelo formato EPUB.
5. Export Tagging. Para que o InDesign leva as fontes e estilizaes aplicadas aos textos preciso utilizar estilos e dentro de cada estilo criado usar o comando Export Tagging, que a ltima funo da lista esquerda do painel de estilo. Na funo export tagging voc pode configurar uma Tag HTML para os textos e definir um Class, Span, Strong e etc, basta voc copiar no prprio campo Class o nome do estilo que voc quer atribudo tag HTML. O comando> Split Document EPUB permite que voc informe a exportao EPUB que o estilo ir gerar quebra de pginas para manter uma aparncia de pginas de livros.
6. Table Of Contents para EPUB. A ferramenta de sumrio do InDesign, Table Of Contents, pode ser utilizada para gerar o sumrio automtico do livro. V em Layout> Table Of Contents e configure os campos para a construo do sumrio a partir de um ou mais estilso de paragrfos escolhidos, lembre-se que o EPUB no pode sair do InDesign com nmero de pginas nem nas pginas e nem no sumrio, portanto v em Show Options e no item Page Number escolha >No Page Number, clique em OK e insira o Sumrio em uma pgina.
7. Painel Media. O Painel Medis no EPUB pode ser utilizado para insero de Audio e Video. O procedimento o mesmo de qualquer outra insero destes objetos, porm na exportao EPUB necessrio que eles estejam ancorados ao texto anterior ou posterior a sua localizao no livro, Os comandos so os mesmo utilizados no Painel Media na necessitando de criao de botes para controlar nos leitores de EPUB. Exportar Audio e Video s pode quando utilizado a exportao EPUB 3.0.
8. Painel Hiperlinks e comando Footnote. O formato EPUB tambm permite a insero de hiperlinks para conect-lo a uma pgina web, sua aplicao feita da mesma maneira que j foi feita em exportaes PDF Interactive, SWF e HTML. Tambm temos a insero de notas de rodap como em um livro impresso, basta selecionar a parte do texto que ser introduzida a nota clicar em Type>Footnote>Insert Footnote e automaticamente uma linha de insero surge na margem Bottom da pgina para insero do texto da nota e no local onde foi solicitada a insero o nmero que corresponde a nota, a exportao far um link entre a nota de rodap e seu nmero no texto, quando exportado todas as notas de rodap ficaro ao fim do captulo do EPUB e ao clicar em um nmero de nota o aplicativo leva at a nota de rodap e ao clicar no nmero da nota voc volta para pgina onde est o nmero.
9. Formato Book para EPUB. possvel utilizar o formato Book (.indb) do InDesign para criar um EPUB, a vantagem aqui a separao do livro em arquivos.indd para uma melhor diagramao ou uma diagramao em equipe. Utilizando o book cada arquivo .indd representar uma quebra de captulo no livro, ento uma boa tcnica de separar os captulos de um livro extenso em gerar o sumrio por arquivos.indd separados. Para exportar um EPUB do painel book v ao menu lateral clique> Export to EPUB e o InDesign se encarrega de exportar todo livro em um nico arquivo.
10. Comando File Info. A ltima tarefa, no menos importante, a aplicao dos metadados para auxiliar na indexao do livro em sistemas de armazenamento e buscas. Para isso v em File>FIle Info uma janela aparece e na sua primeira aba voc encontra todos os campos para configurao bsica de um arquivo EPUB, tais como, nome da obra, nome do autor , nome da editora etc. Preencha clique em OK e estas informaes sero levadas na exportao EPUB.
Workflow EPUB.
1.Formato 2.Ancoragem 3.Article
Capitulo 1 Capitulo 2 Capitulo 3 Capitulo 4
4.Object Export
5. Export Tagging
H1 H3 P
5. Footnote e TOC 1
1. Arquivo .indd Voc pode utilizar um arquivo .indd que j foi criado para uma exportao PDF Print ou criar um novo arquivo.indd j no intent web para iniciar a diagramao de um livro para ser exportado em formato EPUB. Se voc iniciar a partir de um arquivo com intent Print, aps abrir o arquivo no InDesign, v em File>Document Setup e escolha o Intent> Web (somente no CS6) isso vai permitir que as medidas do arquivo passem a ser em Pixel, na mesma janela passe o tamanho do documento para o formato 600 x 800 pixels pois permite diagramar em um formato mais confortvel e com medidas de texto confortveis para a exportao. Feito isto v em File>Save As para que voc salve este arquivo modificado com outro nome para no salvar no arquivo print de origem. No caso de um livro que tenha sua verso inicial j em digital v em File> New Document , escola Intent> Web. Desabilite o Facing Pages e escolha o formato 600 x 800 pixels, no campo da margem voc pode colocar um valor apenas para a orientao enquanto diagrama pois a margem de exportao ser definida no fim do processo na janel de exportao EPUB. (Veja a imagem a seguir para as medidas iniciais para um arquivo EPUB).
EPUB 2.0.
2. Estilos de Paragrafo e Character Aps adequar o arquivo .indd para as medidas informadas acima e inserir o contedo de texto no arquivo, necessrio aplicar estilos em todos os textos para que o InDesign exporte todo contedo textual com fontes que podem ser embutidas, cores e estilos de famlia. O EPUB permite embutir fontes do tipo True Type. O processo de insero de estilos identico ao processo para um arquivo impresso, porm existe um novo item no painel de estilo chamado Export Tagging que deve ser configurado para exportao EPUB. O Export Tagging no paragraph style permite que se insira uma Tag HTML e um Class para que o estilo escolhido no InDesign possa ser exportado. Para isso d um duplo clique no estilo aplicado a um texto e selecione o ltimo item da lista esquerda, ao selecionar surge a aba na direita que permite configurar a Tag de exportao e o nome do estilo que voc pode colocar no campo Class para ser exportado. Existem tambm a opo de Split Document (somente no CS6) para que o estilo definido no campo Class faa a quebra de pgina toda vez que uma parte do livro tenha este estilo aplicado, o Split Document um bom recurso para ser aplicado no estilo utilizado para separar os captulos de um livro permitindo que todo captulo sempre comeaem uma nova pgina nunca encavalando com o final do captulo anterior.
3 Ancoragem Aps voc configurar todos os textos a hora de configurar as imagens para a exportao. Para qualquer imagem entra no Fluxo de texto preciso utilizar o novo mtodo de ancoragem inserido a partir do CS5.5, este mtodo utiliza um novo quadrado azul que foi inserido no frame do InDesign, ao clicar com a Direct Selection em qualquer imagem ou objeto vetorial surge as bordas de acesso da figura, no canto superior direito aparee um pequeno quadrado azul, ao clicar neste quadrado e mantendo o boto pressionado do mouse, voc pode arrastar em direo ao texto mais prximo da figura e desta forma criar uma ancoragem entre a figura e o texto, lembre-se que a ancoragem deve ser feita sempre de um objeto para um texto e no de um texto para um objeto. Ao realizar este procedimento voc garante que aquela imagem ou objeto ser exportado juntamento com o texto que voc ancorou permitindo dessa forma que voc intercale entre os textos as imagens que ilustram os livro.
4. Object Export Options O passo seguinte apes a ancoragem uitlizar o comando> Object Export Options. Este comando permite que voc defina algumas propriedades para imagens e objetos quando exportados para o EPUB. A o selecionar uma imagem ou objeto v em Object>ObjectExportOptions>Aba EPUB and HTML, nesta aba voc te mdois campos de configurao, o primeiro, permite configurar como a imagem ou objeto va iser rasterizado, voc pode configurar a resoluo e sada da imagem, o tipo de arquivo da rasterizao e o nvel de compresso. No segundo campo, voc pode configurar o alinhamento do objeto (somente esta configurao garante a exportao certa do alinhamento do objeto), e voc tambm pode definir se o objeto vai gerar uma quebra de pgina na exportao EPUB.
5. Table Of Content - TOC Para que voc faa a exportao interativa do sumrio do livro necessrio utilizar o comando Table Of Contents -TOC, este comando se encontra no menu Layout>Table Of Content
Tela do File Info para insero de Metadados em um EPUB.
Aqui temos o livro finalizado para ser exportado em EPUB.
EPUB 3.0.

A exportao EPUB 3.0 foi introduzida no InDesign CS6, devido a homologao do formato pelo IDPF (Orgo internacional regulador de publicao digital). Esta verso permite incluir audio, video e automao javascript e com isso aumenta muito as possibilidades da produo de um livro interativo. A verso 3.0 mantm a caracterstica de ser um EPUB Fluxo como no 2.0, portanto o design ainda customizvel pelos aplicativos e pelo usurio. As etapas de produo se assemelha muito ao EPUB 2.0 o que vamos incluir aqui como inclumos Audio, Video e Javascript. Vale lembrar que necessrio que o aplicativo de leitura fornea suporte ao formato 3.0 caso contrrio os objetosde audio, video e javascript no aparecem no livro.
EPUB 3.0 with fixed layout.

Cada grande fabricante de devices e aplicativos de produo tem investido em desenvolver verses de EPUB que permitem ter layout fixo. O primeiro formato foi o .iba da Apple que voc precisa ter o APP iBookAuthor instalado em um Mac para poder produzir e este formato s abre no App iBooks e pode ser colocado venda na iBookstore da Apple. A Amazon tambm desenvolveu seu formato fixo chamado KF8, a Aquafadas desenvolveu um Plugin para InDesign que permite exportar tanto EPUB 3.0 Fluxo e Fixo e a Adobe vem trabalhando no formato 3.0 with fixed layout. No Brasil as produes nestes formatos ainda so uma raridade mas vem ganhando frente devido a sua capacidade de agregar
Finalizao e Fechamento EPUB.

Aps a produo das etapas anteriores preciso fazer a exportao para o formato EPUB do arquivo .indd. Ao clicar em File>Export e selecionar a exportao EPUB, surge uma janela com trs abas de configurao: General, Image e Advanced. General - Permite o acesso as configuraes globais da exportao EPUB: Version Setup Text Options View EPUB Image - Permite o acesso as configuraes de resoluo, alinhamento e compresso das imagens exportadas: Preserve Apparence from Layout Resolution Image Size Image Alingment Insert Page Break Insert Apply Image Conversion Ignore Object Export Options Advanced - Permite o acesso as configuraes de diviso do livro, Metadados e insero de estilos e javascript (somente no EPUB 3.0). Split Document EPUB Metadata CSS Options Javascript Options
Visualizao em Dispoitivos.

Uma vez exportado o EPUB, que nada mais do que um arquivo compactado como um .zip, ele est pronto para ser visualizado em qualquer dispositivo, apesar de se rum formato de publicao universal o EPUB Fluxo (2.0 e 3.0) reage de maneira diferente de acordo com cada dispositivo e cada aplicativo que voc utilize para fazer o preview. Ento temos: Desktop - Para visualizar no desktop voc pode utilizar o Adobe Digital Edition, um aplicativo gratuto da prpria Adobe, ele funciona em Mac e Windows, mas deixa a desejar quanto a qualidade de visualizao deixando vrios itens de fora. Saraiva Digital Edition e Iba iOS - Para o sistema da Apple temso o iBooks, um timo visualizador de EPUB 2.0 e 3.0 e 3.0 Fixo tanto em iPad, iPod e iPhone. Permite ter uma visualizao bem profissional com todos elementos. Android - Para o sistema Google podemos usar o Aldiko, entre muitos outrso, um bom leitor de EPUBs permitindo configuraes extras, verifique a verso do Android que voc tem instalado se for as mais antigas o arquivo pode no ser visualizado. Amazon - Para poder ver o EPUB em seu Reader Kindle preciso realizar uma converso para o modelo de livro digital da Amazon. A Amazon permite por plugin ou em sua ferramenta de converso transformar EPUB em Mobi seu formato pblico. A Amazon ainda possue o Formato KF8 para livros com layout fixo. Para visualizar no Amazon Kindle Fire o Tablet da Amazon voc pode usar o Aldiko como no Android. Barnes & noble - Leitor Nook Reader Kobo Reader - Leitor da Livraria Cultura Bookviser - Leitor de EPUB para Windows Phone.
Ferramentas FOLIO.
O formato FOLIO permite a converso de arquivos .indd em aplicativos para AppStore, Google Play e Amazon. A partir da instalao do Plugin Folio Producer e de uma conta no Portal Digital Publishing e do APP DPS Builder, voc pode criar um fluxo on line de produo de catlogos, portflios, revistas , jornais e livros do InDesign at as Stores. As principais ferramentas para produzir FOLIO so: Plugin Folio Producer; Painel Folio Overlays; Painle Folio Builder; Painel Media; Painel Object States; Comando Insert HTML (HTML Snippets), Painel Liquid Layout, Content Collector/Place e comando Create Alternate Layout. Devido ao grande nmero de Tablets e Smartphones no mercado a produo de arquivos FOLIO se torna uma trabalho bastante repetitivo, porm as novas ferramentas permitem que voc acelere a produo criando layouts autmticos e com contedo linkado para que as mudanas ao longo do projeto sejam feitas em um nico arquivo e repassadas automticamente aos outros. Outra grande vantagem a utilizao de pastas para separar os estilos (character e paragraph) permitindo que se altere as propriedades de estilo sem que altere em todas as pginas e arquivos linkados, assim problemas como tamanho de fontes podem ser controlados para cada layout separadamente. importante que o planejamento inicial defina o nmero de Tablets e Smartphones que faro parte do fluxo para otimizar a produo.
1. Workspace Digital Publishing. Este workspace traz todos os painis que podem ser utilizados pelo formato Folio, tirando os Paineis Animation e Timing, pois atualmente no possvel inserir as animaes feitas no prprio InDesign em um arquivo Folio, para isso deve-se utilizar algum software de animao em HTML5 como o caso do Adobe Edge Animate.
2. Painis PDF Interactive e SWF. Os paneis destinados a produo de PDF Interactive ( Menos o Page Transition e Formulrios) funcionam na exportao Folio. O painel Object states tem muita utilidade devido sua capacidade de empilhamento de contedo e de insero de contedo (Paste into dentro do State).
3. Painel Folio Overlays. O Painel Folio Overlays possui 8 tipos de interatividades. Hiperlinks - Utilizado para insero links externos e internos. Slideshow - Permite criar slideshow sensvel ao toque ou automtico Image Sequence - Permite a criao de animaes frame a frame com interao para imagens 2D e 3D. Audio & video - Permite a insero Audio (MP3) e Videos (Mp4). Panorama - Permite a importao de imagens 360 graus com interatividade Web Content - Permite a insero de URL e de HTML Nativos para ampliao das possibilidades de Interatividade Pan & Zoom - Permite aumentar/diminuir arrastar/soltar uma imagem dentro da rea de um frame. Scrollable Frame - Permite criar reas de deslize de contedo de texto ou imagens com insero das outras interatividades dentro.
4. Comando Insert HTML. O comando insert HTML permite incorporar um cdigo HTML que j esteja hospedado na internet para dentor do Folio (sua visualizao vai requerer a conexo do Device em wi-fi ou Banda) Geralmente cdigos como do youtube e Google Maps que venham dentro da Tag iframe. Sua insero muito simples, basta copiar o cdigo fornecido pelo servio web e collo dentro do comando Insert HTML> e clicar em OK. ao fazer o preview do FOlio voc ver o item web dentro de sua pgina Folio com possibilidade de interao.
5. Painel Folio Builder e Folio Preview. O Painel Folio Builder o painel que converte um arquivo .indd para um arquivo Folio, temporariamente se voc desejar ele guarda o arquivo em seu computador mas para que ele possa ser publicado preciso que voce entre com seu login e senha Adobe para que voce acesse o servidor Adobe onde ele deve ficar armazenado. Para cada formato de Device voc deve criar um Folio no Painel Folio Builder eles podem ter o mesmo nome porm sua dimenso ser colocada para diferenciar cada Folio feito para cada tipo de sistema ou device.
6. Ferramenta Page e Painel Liquid Layout. A ferramenta Page e o Painel Liquid Layout so de extrema importncia na produo de Folios, pois permite a rpida adaptao do layout para os diversos formatos de Devices. Tambm mantm a possibilidade de todo contedo estar linkado entre si facilitando quando a troca de contedo realizada, basta a troca de contedo no primeiro layout para a atuliazao en todos os outros.
7. Ferramenta Page - Comando Create Alternate Layout. O comando Create Alternate Layout que permite a criao de um novo layout em outro formato sem afetar o layout anterior, ele utiliza todo setup criado na ferramenta liquid layout, permite a linkagem de contedo, a cpia de estilos em pastas separadas e o uso de Smart Text reflow se sua caixas de testos foram criadas com o Primary Text Frame.
8. Ferramenta Content Collector/Place. A ferramenta Content Collector permite que voc copie uma diagramao ou objeto por objeto de um arquivo .indd para outro arquivo .indd mantendo todas as caractersticas, pode tambm copiar de uma pgina para outra pgina dentro do mesmo arquivo .indd. A Content Placer permite que voc cole um objeto ou uma diagramao em outra pgina ou arquivo com a opo de manter Links e Estilos.
Workflow FOLIO.
1.Portal DPS 2.Plugin 3.InDesign 4.Folio Builder 5. Portal DPS
A seguir os passos que devem ser realizados para a produo e publicao de um FOLIO no servidor Adobe: 1 - Criar a conta no portal www.digitalpublishing.acrobat.com. 2 - Baixar o Plugin Folio Producer de acordo com sua verso do ID no prprio portal Digital Publishing. 3 - Baixar o DPS App Builder para a construo de aplicativos (instalao s em MAC). 4 - Instalar o Plugin e o DPS App Builder. 5 - Abrir o Indesign selecionar o Workspace>Digital Publishing e verificar se h os painis Folio Overlays e Folio Builder. 6 - Criar um documento .indd com intent Digital Publishing para cada seo da revista (Exemplo: Capa.indd; Editorial.indd; Materia.indd; e etc) 7 - Definir o layout esttico da pgina e inserir interatividade com o painel Folio Overlays. 8 - Aplicar a Ferramenta de Liquid Layout e Alternate Layout. 9 - Fazer o Login no Painel Folio Builder. 10 - Criar um new Folio no Painel Folio Builder. 11 - Criar um Article para cada seo atravs do Painel Folio Builder (lembre que a verso Horizontal e Vertical da mesma seo vo dentro do mesmo artigo). 12 - Quando criar um Article a partir de um arquivo qu contenha vrios layouts de diferentes medidas certifique que no campo Horizontal e Vertical do painel Article encontram-se os layouts correspondentes as medidas do Folio criado. 13- Fazer Login no portal DPS. 14 - Organizar e inserir metadados no Folio pelo link Folio Organizer. 15 - Publicar o Folio no Servidor Adobe.
16 - Exportar em formato .Zip para seu computador. 17 - Fazer login no DPS APP Builder. 18 - Criar um novo APP, incluido os cones e splash de abertura do APP. 19 - Incluir o arquivo .zip exportado do portal DPS. 20 - Inserir os certificados de desenvolvimento e distribuio (adquiridos atravs da conta Apple ou Android). 21 - Clicar em Submit e aguardar a aprovao das Stores (pode levar de 3 a 7 dias teis).
1. Determinando o Tipo e Formato. Inicie a produo do Folio a partir de um formato escolhido, o formato do iPad 1 e 2 768 x 1024 px por exemplo. Lembre-se de deixar uma rea de margem por volta de 40 px para o Topo e o Bottom da pgina pois a rea onde aparecem os menus da ferramenta Adobe Viewer, para as laterais no h necessidade. No caso de utilizao de um Grid System para Tablets tem sido utilizado a diviso em 8 colunas pois permite divises boas para o toque e orgtanizao do layout
1. Layout Esttico. Como em todos outros porjetos interativos inicie a construo do layout a partir de uma concepo esttica da pgina e aps esta etapa inicie a insero de interatividade. Deixe para produzir os layouts alternativos aps a insero de interatividade facilitando o fluxo de trabalho, e lembre-se que o primeiro layout se torna o layout-pai par todos os links de contedo dos outrso layouts.
3. Inserindo Interatividade com Painel Folio Overlays. O Painel Folio Overlays possui 8 formas de inserir interatividade em um arquivo .indd que se transformar em um Folio. Todas estas interatividades possuem a explicao de uso no prprio painel. Temos: Hiperlinks, Image Sequence, Slideshow, Audio e Video, Panorama, Pan & Zoom, Web Content e Scrollable Frames. A interatividade Panorama permite que se crie imagens 360 para serem acessadas pelo toque, para a utilizao do efeito necessrio que se tenha uma foto previamente construda em um software de criao de fotos 360 graus. A interatividade Web Content permite que se insira desde um endereo URL at um HTML nativo usando CSS e Javascript, com o avano do HTML5 possvel via Web Content aumentar consideravelmente as possibilidades de interaes, o caso de todas novas ferramentas Adobe denominadas Edge Tools que permite a pr-produao de animaes, layouts resposivos e aes javascript que aumentam consideravelmente as possibilidades criativas.
4. Criando formatos variados com Liquid Layout. A ferramenta Page Tool e o Painel Liquid Layout permite a adaptao do layout para sua verso horizonta/vertical e sua verso para o tamanho de outros dispositivos. Voc tem quatro formas de auxilio para adaptao: Scale, Recenter, Guide Based e Object Based, todas estas formas auxiliam para a adaptao sendo que a Object Based a que permite um maior grau de adaptao devido a possibilidade de setup de objeto por objeto do layout, tanto para a fixao de sua posio quanto ao seu redimensionamento.
5. Preview no Desktop e em Dispositivo conectado. Voc pode visualizar suas produes em Folio no prprio computador, basta ir em File>Folio Preview ou no prprio painel Overlay Creator clicar no boto localizado no rodap do painel> Preview. Se voc conectar via cabo um Tablet ou um Mobile surge no preview do painel Overlay Creator o nome do device conectado permitido que se faa uma visualizao do Folio direto no DEvice sem a necessidade de envia-lo pelo Painel Folio Builder para o Servidor Adobe, agilizando a etapa de produo.
6. Atualizao de contedo e split view. No Painel Pages os formatos de arquivos ficam divididos em colunas, cada coluna possue o nome dado ao formato e uma seta preta, nesta seta preta voc tem o comando Create Alternate Layout que voc utiliza para gerar os layouts para outros Devices, tambm temos o comando Split View que permite dividir a tela do InDesign em duas para que voc possa ver dois layouts ao mesmo tempo e assim modificar tanto conte[udo quanto estilos e formataes e analisar em tempo real as modificaes.
Converso de INDD para FOLIO.
O Folio um pr-formato, ou seja, ele um formato intermediario entre o fromato .indd do InDesign para os formatos finais aplicativos nativos. Aplicativos nativos so os aplicativos feitos especificamente para uma AppStore com sua prpria linguagem, por exemplo, o APP da Apple construido com alinguagem objective C e o formato fina lde aplicativo tem a extenso .ipa, no caso do Android seu SDK baseado em Java e a extenso final de seus aplicativos .apk e assim para cada sistema operacional que produz aplicativos. O plugin que a Adobe fornece para ser instalado no InDesign permite que voc converta arquivos .indd para arquivos .folio essa converso ocorre atravs do painel Folio Builder
Finalizao e Fechamento FOLIO.

Como o formato Folio depende do Painel Folio Builder ele no faz parte da lista de formatos no comando File>Export do InDesign, para sua finalizao necessrio que se utilize o painel Folio Builder. Voc pode usar o painel Folio Builder de duas maneiras, a primeira simplesmente abr-lo clicar no cone>New Folio colocar o nome e as medidas do Folio e quando clicar em Ok, o Folio criado localmente (ao seu lado fica um icone de uma Torre de computador Desktop) o que indica que ele ainda no foi transferido para o servidor DPS da Adobe. A segunda forma de exportar um Folio primeiramente entrando com seu Login e Senha Adobe no Painle Folio Builder e em seguida ir ao boto>New Folio, dessa forma voc estrea criando um Folio que automaticamente ser enviado para o portal DPS (Utilize mesmo login e senha no endereo www.digitalpublishing.acrobat.com, clique no painel organizer e veja seu Folio na lista do servidor).
Algumas funes realtivas a exporta de Folio podem ser feitas tanto no painel Folio Builder quanto no portal DPS, o caso da nomeao do Folio, upload das imagens das capas (Vertical e Horizontal) e etc. importante notar ao criar uma exportao Folio que possvel indicar qual verso voc est utilizando, atualmente voc pode usar da verso v20 at a verso v25 (Para saber maisa diferena entre cada uma baixe o APP DPS Tips na Itunes Store ou Google Play e voc tem acesso a toda a explicao de cada verso j desenvolvida pela Adobe). A etapa seguinte da criao do Folio consiste em criar o Articles que iro dentro do Folio. Os Articles so as sees que iro alimantar o Folio. Para cada seo de sua Revista Digital preciso criar um Article diferente contendo as verses Verticais e Horizontais criadas no InDesign com os arquivos .indd. O Sistema DPS permite que voc crie Folios contendo apenas arquivos Verticais em cada seo, Folios contendo apenas arquivos Horizontais de cada seo e Folios contendo ambas as verses. No InDesign CS6 possivel criar um arquivo .indd para cada seo da revista e dentro deste arquivo conter a verso horizontal e vertical de vrios formatos de devices (iPad, iPhone,Android e etc).
Isto possvel devido a ferramenta de Liquid Layput e o comando Create Alternate Layout demonstrado anteriormente em nossa apostila. Desta forma os Folios criados no InDesign CS6 so muito mais dinmicos pois permitem que se concetrem em um mesmo arquivo .indd todo contedo linkado dos diversos formatos permitindo que se faa alteraes de contedo e formato com muita agilidade.
Converso FOLIO para APP.
Para realizar a converso de FOLIO para APP (ios ou Android) preciso instalar o DPS App Builder (disponivel no portal digital publishing apenas para MAC). Com O DPS Buidler voc cria o nome do APP, escolhe a plataforma, cria os icones, incorpora o .zip exportado do portal DPS e os certificados de desenvolvedor da Apple ou Google.
Abaixo temos as telas que devem ser preenchidas para a converso de Folio em App.
Neste painel do DPS App Builder que voc vai acompanhar a aprovao do App pelas Stores. Uma vez que estiver com o sinal verde aprovado (pode levar de 3 a 7 dias teis) seu App j estar a venda na Store.
Fluxo Crossmedia
05
Do Papel ao Tablet.
Depois de adquirir o conhecimento e definies de cada exportao do InDesign, voc est apto para construir um fluxo Crossmedia. Um fluxo Crossmedia pode ser construdo de qualquer Media para outra Mwedia, no h necessidade de que se inicie em um arquivo para exportao Print e depois vai em sequncia at finalizar no Folio, Esta abordagem feita aqui simplesmente pela ordem cronolgica dos tipos de mdia que foram surgindo ao longo do tempo. O passo inicial mais importante establecer um bom planejamento levando em considerao a quantidade de contedo e o nmero de mdias que sero publicadas.
Workflow Crossmedia.
1. Preparar o Contedo T 2. Inserir o Contedo
3. Transportar o Contedo
4. Adaptar o Contedo T
5 Exportar os Formatos
T T
T
T
T
Preparando o Contedo.
Defina uma pasta (Exemplo: Crossmedia_prj1), uma pasta de concentrao de contedo igualmente til. (Exemplo: DataServer>Pasta Texto>PastaImagem>PastaAudio>Pasta Video>Pasta Cdigos). importante saber que a importao XML do InDesign suporta apenas Texto e Imagem e no caso das imagens ele apenas guradar um link que direciona para uma pasta externa, portanto , na prtica o XML acaba sendo extramamente til para a insero de Texto. Contdos de Imagens, Audio, Video e Cdigos melhor inserido e transportado pelos comandos e painis mostrados no prximo tpico.
Inserindo o Contedo.
A insero de contedo no InDesign pode ser feita atravs de: Comando Place - O Comando Place (File>Place) o modo mais antigo e simples de inserir contedo, sua limitao a impossibilidade de inserir Audio e Video. Com a opo>Show import options possvel acessar um painel de Setup antes que a insero ocorra. Outro fator importante que o comando Place permite ao inserir um arquivo de Texto utilizar a tecla Shift (manter apertada durante a insero) para que o InDesign calcule automticamente o nmero de pginas que devem ser abertas para que o texto inserido seja totalmente colocado sem ocorrer Overset Text. Comando Insert XML - O comando insert XML encontra-se em dois lugares, na linha de comando File>Insert XML e no Painel Structure (View>Structure>Show Structure). Apesar de poder inserir por este mtodo Texto e Imagem, na prtica se verifica que mais eficiente para inserno de Texto. Uma vez importando um contedo por este mtodo ele se torna vsivel no Painel Structure, onde e possvel, alm de analisar o contedo inserido, organiz-lo de acordo com a demanda de seu Layout. Outro ponto importante e que permite um maior nvel de automao previamente atarvs do Painel Tags (Window>Utilities>Tags) aplicar o comando>Load Tags e inserir primeiro no InDesign as Tags XML do documento, fazendo isso voc pode criar todo Layout do arquivo atrelado as Tags inseridas e quando voc fizer a insero do arquivo XML (Pelo Insert XML) o contedo automticamente preencher o Layout j Tagueado.
Painel Data Merge - O Painel Data Merge (Window>Utilities>Data Merge) permite inserir Texto e Imagem a partir de um arquivo .CSV, lembre-se que este tipo de insero de contedo essencial para a insero e criao de layouts com estrutura semelhante em todas as pginas e que atravs do comando> Create Merged Document (No painel Data Merge) que voc define o Layout, portanto uma importao limitada. Painel Script - Com certa semelhana importao Data Merge, a insero de contedo pelo Painel Script tambm limitada a funo que foi determinada para seu cdigo, basicamente tambm cria/importa Texto e Imagem. possvel tambm atravs de programao criar Scripts personalizados que automatizem tarefas especficas em seu fluxo. Atualmente a Adobe disponibiliza o download e a instalao do Painel Adobe Exchange que permite inserir novos Scripts diretamente do servidor Adobe sem a necessidade de procur-los pela Internet. Painel Media - Este painel foi introduzido na verso CS5 extamente para suprir a impossibilidade de importar Audio e Video pelos processos listados anteriormente. atravs deste painel que possvel inserir Audio, Video, SWF e FLV a partir de sua mquina ou de um local na Web. A Adobe indica os formatos MP3 e MP4(Codec H264) para insero de contedo. O painel trabalha com algumas opes, tanto para Audio e Video, de interao com o contedo inserido. Os controles e Skins de controles sano baseados em arquivos Flash, o que permite com um pouco de conhecimento alterar seu visual. Os Audio e Videos que sero inseridos em arquivos FOLIO tambm so importados por este painel, porm alguns Setups de configurao sero realizados pelo Painel Folio overlays. Painel Folio Overlays - Apesar de ser um Painel exclusivo para a exportao FOLIO, alguns de seus componentes, como Web Content, Panorama e Image Sequence, permitem importar contedo que no podem ser importados por nenhum mtodo anterior. A diferena desta opo de importao que voc seleciona a Pasta que contm o contedo para que ele seja importado em lote.
Tranposrtando o Contedo.
Uma vez que voc compreendeu e determinou qual mtodo voc vai inserir o contedo, o prximo passo iniciar seu transporte entre pginas e ou entre arquivos, para isso contamos com as ferramentas Content Collector e Content Placer. O processo utiliza uma rea de transio (Content Conveyor) , que permite a cpia temporria de contedo (lembre-se que ao fechar o arquivo e fechar o InDesign os itens armazenados no Content Conveyor desaparecem). Existem diversas formas de voc copiar o contedo (conforme foi demostrado no captulo anterior sobre ferramentas) o importante lembrar, no caso de um fluxo Crossmedia, que os contedos copiados e transportados devem estar com a opo Create Link selecionada para que, desta forma, seja possvel criar um fluxo de pginas e ou arquivos ligados ao arquivo-pai (o.indd onde voc iniciou o Fluxo Crossmedia), onde uma vez este arquivo-pai sendo alterado, altere todos os arquivos-filho do fluxo.
Adaptando o Contedo.
Nesta etapa o Fluxo Crossmedia j est produzido, porm algumas mdias, como o caso do FOLIO, precisam de diferentes layouts para atander a diferentes plataformas e formatos mobile, isso no quer dizer que as ferramentas para adaptao de layout sejam utilizadas apenas para sadas digitais. Atravs da ferramenta Page Size, do Painel Liquid Layout e do comando Create Alternate Layout possvel agilizar a produo de mltiplos layouts. importante lembrar que o procedimento de criao de mltiplos layouts idntico independente da exportao que for escolhida, porm o resultado em cada exportao tem efeitos diferenciados. Assim temos a seguinte definio: Exportao PDF - Tanto para o formato Print e Interactive o Liquid Layout possibilita realizar vrios layouts em um mesmo arquivo e exportar em PDF separados diminuindo o nmeros de arquivos .indd que voc ter que gerenciar. Exportao SWF e FLA - Como o prprio InDesign permite exportar nestes formatos e tambm reimportar em outros documentos .indd, o Liquid Layout aqui, faria um bom papel de adaptao de uma mesma animao para diferentes sadas, neste caso voc usa um documento .indd para guardar diversos formatos da mesma animao para usos em arquivos dieferentes. Exportao HTML- Esta exportao no sofre grandes mudanas com a ferramenta Liquid Layout, pois o formato da exportao HTML definido por um ou mais arquivos CSS incorporados na exportao. Exportao EPUB - O formato EPUB baseado em XHTML, e que tambm afetado por arquivos CSS incorporados, porm como o livro fsico possui vrios formatos o EPUB tambm possui, na verdade por se tratar de um arquivo de fluxo contnuo, sua formatao realizada pelo aplicativo e pelo usurio final, porm ao se utilizar tamanhos diferentes em seus arquivos .indd com Liquid Layout o formato da Capa (se utilizado na exportao a opo de rasterizao da primeira pgina) ser de acordo com as medidas em pixel escolhidas para o arquivo .indd de produo. Exportao FOLIO - Sem dvida esta exportao usa todos os recursos atribudos ao Painel Liquid Layout, devido ao nmero extenso de sistemas operacionais mobile e o nmero de dispositivos (Tablets e Mobiles) com tamanhos de telas diferentes, quase que indispensvel o uso do Painel Liquid Layout.
Exportando Contedo Crossmedia.
Com todo Fluxo Crossmedia linkado e com todos mltiplos layouts criados, no mesmo arquivo e ou vrios arquivos, chegamos a etapa final, realizar a exportao para cada formato que o InDesign exporta. As etapas listadas a seguir se diferenciam para cada tipo de exportao e provavelmente envolvem outros profissionais e empresas at a concluso do produto. Uma ferramenta comun que deve sempre ser lembrada nesta etapa o Package (File>Package), no importa a sada que voc vai gerar o Package a ferramenta que permite reunir todos arquivos (inclusive Audio e Video) para uma pasta onde voc determina seu local de salvamento e desta forma guardar cada arquivo .indd pertencente ao fluxo Crossmedia criado, portanto SEMPRE faa o Package de seus arquivos e mantenha seus projetos organizados para poder atender uma demanda de formatos e um maior nmeros de clientes diferentes.
Extras
06
Livros.
Elementos do Estilo Tipogrfico O Essencial do Design O Essencial da Cor Grid Construo e Desconstruo O que e o que nunca foi Design Grfico InDesign CS6
Revistas.
Publish Desktop W InDesign Magazine Computer Arts
Sites.
Chocola Design Behance Lynda
Sites Adobe.
Creative Cloud Acrobat DPS Bussinnes Catalyst Edge Tools Adobe TV InDesign User Group
Empresas de DAM.
WoodWing Epyx (WoodWing Brasil) 247id
Plugins DPS.
Digital Publishing App Studio Aquafadas Mag +
Stores.
AppStore GooglePlay Windows Phone Market Blackberry Firefox MarketPlace Amazon Kobo/Livraria Cultura Livraria Saraiva Gato Sabido Iba

InDesign Publica iPadAndroid

Caricato da

Informazioni sul documento

Descrizione originale:

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

InDesign Publica iPadAndroid

Caricato da

Copyright:

Formati disponibili

InDesign Avanado - Tcnicas de Publicao (iPad e Android)

Asset Digital Management

Contedo na era digital.

Sistemas Digital Publishing.

Digital Publishing com HTML5.

Creative Cloud. Acesse Aqui

10- InDesign Avanado

Servidor Acrobat e DPS.

11- InDesign Avanado

Edge Tools & Services.

12- InDesign Avanado

13- InDesign Avanado

Tcnicas de Tratamento de Contedo

14- InDesign Avanado

15- InDesign Avanado

16- InDesign Avanado

17- InDesign Avanado

18- InDesign Avanado

19- InDesign Avanado

20- InDesign Avanado

21- InDesign Avanado

22- InDesign Avanado

23- InDesign Avanado

24- InDesign Avanado

25- InDesign Avanado

26- InDesign Avanado

27- InDesign Avanado

28- InDesign Avanado

29- InDesign Avanado

30- InDesign Avanado

31- InDesign Avanado

32- InDesign Avanado

33- InDesign Avanado

Tcnicas de Automao de Contedo

34- InDesign Avanado

35- InDesign Avanado

36- InDesign Avanado

37- InDesign Avanado

38- InDesign Avanado

39- InDesign Avanado

40- InDesign Avanado

41- InDesign Avanado

42- InDesign Avanado

43- InDesign Avanado

44- InDesign Avanado

Ferramentas de Alternate Layout.

45- InDesign Avanado

46- InDesign Avanado

47- InDesign Avanado

48- InDesign Avanado

49- InDesign Avanado

50- InDesign Avanado

Exportao PDF Print

51- InDesign Avanado

52- InDesign Avanado

53- InDesign Avanado

54- InDesign Avanado

55- InDesign Avanado

Ferramentas PDF Interactive.

56- InDesign Avanado

57- InDesign Avanado

58- InDesign Avanado

59- InDesign Avanado