Baixe o app para aproveitar ainda mais
Prévia do material em texto
Computação Grá�ca e Editoração Eletrônica Aula 10: InDesign em Publicações Interativas Apresentação Nesta aula, veremos que o InDesign permite a criação de páginas interativas para mídias digitais. Aprenderemos a utilizar links e âncoras, introduzir vídeos e áudios e exportar para o formato SWF. Demonstraremos como importar arquivos de imagens vetoriais em formato AI e imagens bitmap em PSD no InDesign, que proporciona uma interação dinâmica à diagramação. Finalmente, identi�caremos como preparar a saída de transporte de arquivos por empacotamento, com pastas para o transporte da arte-�nal com as imagens, fontes e arquivos TXT, o pre�ight do projeto e o fechamento dos arquivos do InDesign. Objetivo Inferir a integração dos programas da Adobe; Examinar as publicações interativas; Praticar a comprovação e o empacotamento. Palavras iniciais Você vai aprender a utilizar o InDesign na criação e publicação de revistas digitais, e-books e documentos online interativos com a inclusão de áudio, vídeo, animações e apresentações de slides. O programa InDesign gerencia os elementos interativos das páginas e pode proporcionar experiências imersivas em formatos PDF, HTML e EPUB. Com o formato PDF dinâmico, você poderá criar e publicar apresentações de slides com recursos multimídia. O HTML permitirá a criação de páginas web. O ePUB é o formato padrão para e-books. Os programas Photoshop, Illustrator e InDesign são integrados; com isto, seus arquivos fechados são importados ou abertos sem nenhum problema entre eles e entre os demais programas Adobe. Existe, no entanto, a necessidade de você aprender a utilizar os arquivos e vínculos. Finalmente você aprenderá a fechar os principais arquivos do InDesign, com destaque para o PDF dinâmico. Shutterstock Por Sharaf Maksumov Integração dos programas da Adobe O serviço de nuvem Adobe Creative Cloud oferece todas as ferramentas de criação, incluindo os programas que você aprendeu nesta disciplina, e tem como princípio a colaboração e compartilhamento entre usuários e dispositivos. Com os aplicativos CC, você começa seu projeto em um desktop e pode continuar editando num tablet. Os projetos podem permanecer na nuvem, evitando perda de trabalho em caso de acidentes. A partir desta solução em tecnologia, os programas da Adobe passam a ser integralmente interativos e mais leves, para poderem se adaptar aos diversos dispositivos. A integração da Adobe Creative Cloud entre aplicativos e dispositivos é uma das grandes vantagens para quem trabalha com editoração eletrônica e multimídia. As imagens criadas e editadas no Photoshop não precisam ser exportadas em outro arquivo para ser trabalhadas no Illustrator ou InDesign. Elas poderão ser importadas em formato PSD e, no caso de uma alteração, esta deverá ser feita no Photoshop e con�rmada no InDesign. Do mesmo modo, um layout realizado em Illustrator poderá ser importado em formato AI para o InDesign, e sua alteração con�rmada após ser tratada no Illustrator. Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online A biblioteca da Creative Cloud Clique no botão acima. Você pode guardar todos os seus itens do projeto, realizados em todos os programas Adobe, na biblioteca da Creative Cloud presente na área de trabalho do seu programa, inclusive o InDesign. Essa biblioteca suporta: grá�cos (desenhos vetoriais), tipogra�as, cores, temas de cores (paletas), estilos de parágrafos e estilos de caracteres. As vantagens de usar a biblioteca CC: • Usar componentes entre as ferramentas do Photoshop e Illustrator; • Diversi�car seu projeto, buscando componentes de outros documentos e aplicativos; • Organizar a biblioteca de acordo com o uso em seu projeto; • Compartilhar componentes com outros usuários; • Usar os componentes entre computadores; • Reutilizar seus componentes em diversos projetos. Abra o painel Bibliotecas da CC em Janela>Biblioteca da CC. Crie sua biblioteca da CC clicando no canto superior direito no painel Bibliotecas para expandir o menu suspenso; em seguida, escolha Criar nova biblioteca. A. Suspenso da biblioteca da Creative Cloud: InDesign B. Mostrar itens como ícones C. Mostrar itens da lista D. Adicionar ativos (componentes) E. Progresso/status da sincronização F. Excluir ativo G. Ativos: cores; tipogra�as; estilo de caractere; estilo de parágrafo. Figura 1: painel bibliotecas da CC. Trabalhando com arquivos e vínculos Importando um grá�co do Illustrator para o InDesign 1. Faça um desenho vetor simples no Illustrator, nomeie e salve no formato AI; 2. Importe com o comando Inserir o arquivo em AI contendo um desenho vetorial, colocando no painel Links e dando duplo clique sobre o arquivo; 3. Se você desejar alterar no Illustrator, selecione Editar>Editar Original; 4. Se você desejar alterar no InDesign, vá até o Illustrator, abra o arquivo e copie; 5. Cole o grá�co no InDesign e faça as alterações. Dica Você poderá fazer este procedimento com desenhos que contenham várias camadas e controlar a visibilidade e opacidade no InDesign. Importando uma imagem bitmap do Photoshop para o InDesign Você poderá importar uma imagem bitmap do Photoshop em formato PSD com camadas, e assim, ajustar a visibilidade das camadas, alterar as camadas, remover fundos e gerenciar as cores ICC. Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online Atenção Não será possível fazer retoques na imagem, nem recortes ou outras ações exclusivas do programa Photoshop. Importando outros arquivos Você poderá importar todas as páginas, ou parte delas, de outro arquivo feito em InDesign (INDD) para o trabalho que você está fazendo, através do comando Inserir. Poderá importar arquivos TIFF, GIF, JPEG, Bitmap, EPS, PNG, DCS. É importante que você saiba que cada arquivo oferece uma característica em relação às cores e não trabalha da mesma forma com o programa. Eles abrem, mas podem apresentar diferenças quanto à resolução da imagem (alta ou baixa), pode oferecer perda de informação devido à compactação, como é o caso do JPEG, ou não oferecer perdas, como é o caso do GIF. Publicações interativas com o InDesign O InDesign oferece um painel exclusivo para publicações interativas e uma área precon�gurada que expõe apenas as ferramentas mais utilizadas para este recurso. Documentos PDF dinâmicos São utilizados em apresentações de slides interativas e utilizam os recursos de hiperlinks, botões, clipes de som e �lmes, marcadores e transições de páginas. Documentos em InDesign podem ser convertidos em formulários no Acrobat. Filmes e clipes de som Anexado diretamente no documento exportado PDF ou SWF ou vinculado na internet através da exportação em XML, você pode utilizar �lmes e clipes de som com o PDF interativo. Saiba mais O InDesign importa vídeos em formato Flash Video FLV e F4V, MP4 e SWF. Os áudios podem ser importados em formato MP3, nos arquivos de mídia MOV, AVI e MPEG. Para adicionar um arquivo de mídia, selecione Arquivo>Inserir e dê clique duplo no arquivo que você deseja importar para o documento no programa InDesign. Para abrir o painel Mídia, selecione Janela>Interativo>Mídia. Painel Mídia com recurso de alteração de con�guração de �lme (esquerda) e con�guração de áudio. Esses você pode conhecer no Guia Adobe. Hiperlinks Quando você exportar para o formato Adobe PDF ou SWF no InDesign, o leitor poderá clicar em um link que o conduza para outros locais do documento, para um outro documento ou site. O hiperlink pode se originar de textos ou de grá�cos vinculados. O destino do hiperlink pode ser um endereço da web (URL), um arquivo, um endereço de e-mail, uma âncora de texto em outro documento ou página web. O importante é que, até o momento, toda origem se liga a apenas um destino. Abrir painel Hiperlinks: Janela>Interativo>Hiperlinks. A. Lista de hiperlinks do documento atual B. Indicadores de sinal para feedback instantâneo ou disponibilidade de URL C. Link de e-mail D. Número depágina clicável leva você à página em que se encontra o link para você selecioná-lo Figura 4: painel do hiperlink. Dica Você pode criar links para páginas físicas, URL, âncoras de texto, endereços de e-mail e arquivos. Veri�que se a página ou a âncora de texto contido em outro documento estão na mesma pasta dos arquivos exportados. Marcadores Os marcadores são vínculos com o texto que facilitam a navegação em documentos exportados pelo PDF. Eles são exibidos no Adobe Acrobat ou no Adobe Reader no lado esquerdo da janela destes aplicativos. Cada marcador é levado a uma âncora de texto ou página. Para criar e gerenciar marcadores, são usados recursos simples com os painéis Páginas e Marcadores (Bookmarks). Para abrir os marcadores: Janela>Interativo>Marcadores. Figura 5: painel Marcadores. Botões Você pode utilizar botões para executar uma ação quando o documento for exportado para os formatos ePUB (layout �xo), PDF e SWF. O botão se assemelha com o hiperlink, pois também pode conduzir o leitor digital para uma página diferente ou para um outro site. Você deverá criar o botão no InDesign e depois, no painel Botões e formulários, nomear o botão e escolher um evento (uma ação). Painel Botões e Formulários. Você deverá escolher uma ação e selecionar o link desta ação (som, página, URL). Formulários O novo InDesign permite criar formulários simples, inclusive dentro de uma das páginas do documento, com campos e ações de formulários adicionais. Os campos mais usuais em formulários são textos, botões de opção, caixas de seleção e assinaturas. O painel de formulários funciona junto com o de botões. Você deverá apenas selecionar a opção Formulários (Forms) e escolher, em Tipo (Type), o tipo de elemento de formulário e converter para o modo interativo. Documentos interativos da web para Flash Recurso avançado para quem domina o Flash Player e que permite a criação de apresentação de slides animados. O InDesign exportará em SWF, arquivo fechado e não editável, ou FLA, um arquivo editável. Atenção A exportação para o Flash traz alguns problemas de cor, texto e imagens que devem ser observados com atenção. Você pode se inteirar de como exportar SWF e FLA no Guia Adobe. Comprovação e Empacotamento Você aprendeu que o InDesign não opera através da importação e colagem da imagem na página; ele vincula a imagem no painel Link. E, apesar da imagem �car visível no workplace, ela não está no programa, e sim vinculada ao arquivo de origem, localizado em uma pasta do seu computador. Além disso, o InDesign é um programa que realiza projetos que podem comportar centenas de páginas, diversas imagens e tipogra�as. Os projetos no InDesign exigem organização e atenção, principalmente quando se trabalha com computadores diferentes (entre usuários que fazem o mesmo projeto, entre o usuário e a grá�ca).Toda vez que você precisar transferir o seu projeto para outro computador, deverá veri�car se nesta transferência você incluiu as fontes e imagens utilizadas, principalmente porque elas não estão presentes no workplace, mas vinculadas no Link. A técnica para realizar a inclusão dos componentes em seu arquivo é denominada empacotamento de arquivos. Comprovação ou Pre�ight Antes do empacotamento e fechamento dos arquivos, o InDesign realiza uma checagem denominada Comprovação (Pre�ight). O painel Comprovação avisa sobre problemas que podem impedir a impressão ou saída de um documento durante sua edição. Os problemas podem ser referentes aos arquivos ou ausência de fontes, imagens com baixa resolução, quadro de textos com excesso de tipos (que estão além da caixa), dentre outras situações inconsistentes. Por padrão, o per�l [Basic] é aplicado ao documento assim que ele é aberto ou convertido. Esse per�l revela problemas de vínculos inexistentes, corrompidos, modi�cados, textos com excesso de tipos e fontes ausentes. Mas você também pode de�nir as con�gurações que devem ser detectadas no painel Comprovação e podem ser reutilizados em outros projetos. Se você desejar a comprovação em tempo real, crie um per�l de comprovação no início do seu projeto. Quando a comprovação está criada e acionada, um círculo vermelho aparece na barra de status quando ocorre algum problema. Abra o painel Comprovação em Janela>Saída>Comprovação. Dê duplo clique no ícone Comprovação localizado na parte inferior da janela do documento. O ícone estará verde se nenhum erro for detectado ou vermelho se houver algum erro. Legenda: A. Erro selecionado. B. Clique no número de página para exibir o item de página. C. A área Informações oferece sugestões para a correção do erro selecionado. D. Especi�ca uma faixa de páginas para limitar a veri�cação de erros. Empacotamento de arquivos Depois de realizar a comprovação do documento, você deverá reunir os arquivos, como fontes e grá�cos vinculados, para enviá-los para outro computador ou uma grá�ca. É necessário que você crie primeiramente uma pasta e coloque dentro dela o seu projeto, as fontes e os grá�cos utilizados. Atenção O empacotamento não busca as imagens e fontes que faltam em seu computador; o recurso sinaliza através do ícone o erro a ser corrigido, o componente que está faltando. Abra a caixa de diálogo em Arquivo>Pacote. ● Quando o ícone ! aparece, você precisa cancelar a operação empacotamento e retornar ao painel de comprovação e resolver as áreas com problemas; ● Após corrigir os erros no documento retorne para Arquivo>Pacote; ● Especi�que um local para salvar todos os arquivos empacotados; ● Selecione para copiar para a pasta os componentes que o projeto requer, como por exemplo: Fontes - As fontes (famílias de textos) do InDesign são OpenType, OpenType SVG, TrueType, dentre outras. Saiba mais no Guia Adobe; Links e imagens (grá�cos vinculados); ● Incluir IDML - Permite a abertura do arquivo em versões anteriores. É importante que você marque esta inclusão para não correr o risco da grá�ca não possuir a versão que você usou; ● Incluir PDF (imprimir) - Registra a última prede�nição de PDF usada, que passa a ser a padrão. Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online Aprender a exportar um PDF para impressão Você aprendeu que o empacotamento permite a exportação de um arquivo PDF do projeto. Algumas vezes você deverá inserir as marcas de corte em um PDF gerado. A exportação é simples quando você usa as con�gurações padrão de impressão de alta qualidade. Caso você opte e saiba personalizar as con�gurações, elas serão mantidas em outros projetos, até que você con�gure novamente. Para exportar para PDF, clique no menu Arquivo>Exportar. 1. Especi�que um local para salvar o seu documento PDF e nomeie seu arquivo, de preferência com o mesmo nome do trabalho realizado no InDesign. Escolha o PDF (Print) ou Adobe PDF (Impressão). 2. Uma outra caixa de diálogo se abrirá. Selecione em Adobe PDF Presset: PDF/X-4. Você deverá escolher em Pages: All (todas). 3. No menu lateral em compactação, escolha 300 e 400, que oferecem melhor qualidade. 4. No menu lateral, em Marks and Bleeds (Marcas e Sangrias), siga o seguinte quadro na íntegra: 5. No menu lateral Output (saída), selecione em Colour / Colour Conversion: No Colour Conversion, para não carregar outro per�l não desejável. Na opção PDF/X, no campo Output Intent Pro�le Name (Nome do Per�l de Método de Saída), selecione a opção Coated FOGRA39(ISO 12647-2:2004). 6. No menu lateral, em Advanced (avançado), aparecerá a opção Fontes. Marque 100%. 7. No menu lateral Summary (resumo), você verá descrição e opções mostrando se existe algum problema. Pronto, agora você pode exportar. No caso de revistas, jornais e livros, no momento do fechamento do arquivo é necessário imprimir o documento para fazer a boneca, um livreto em preto e branco, com a �nalidade de veri�car a ordem das páginas da publicação. Para isso, basta você clicar em Arquivo>Imprimir livreto (Print booklet). Saiba sobreexportação de arquivo PDF no Guia Adobe. Atividades 1. Leia o texto e assinale a(s) sentenças(s) correta(s). Vimos nesta aula que o InDesign tem interação com o Photoshop e o Illustrator. Você aprendeu que pode vincular arquivos em formato AI e PSD ao InDesign sem nenhum problema, além de corrigir a imagem ou grá�co nos programas de origem e sincronizar a alteração no Link do InDesign. a) O serviço de nuvem Adobe CC oferece, além das ferramentas de criação de cada programa, a interação entre aplicativos e dispositivos. b) Todos os componentes de um projeto podem ser compartilhados entre computadores e aplicativos com o Adobe Creative Cloud. c) O InDesign é um recurso dos programas Photoshop e Illustrator encontrado no menu destes programas. d) O InDesign tem interação com os programas citados no textos, porém não vincula em formato AI e PSD; apenas em arquivos como JPG e PNG. e) O InDesign é um programa universal que aceita a maioria dos formatos de arquivos, inclusive CDR, do CorelDraw, e apresenta a mesma qualidade entre todos eles. 2. O InDesign permite que um documento seja exportado com recursos de hiperlinks, botões, formulários, clipes de som e �lmes. Assinale os principais documentos exportados que oferecem esse recurso: a) PDF e SWF b) FLV e F4V c) MP3 e PDF/4 d) ePUB e FLA e) URL e MOV 3. Você aprendeu que o InDesign não opera através da importação e colagem da imagem na página; ele vincula a imagem no painel Link e, apesar da imagem �car visível no workplace, ela não está no programa, e sim linkada ao arquivo de origem, localizado em uma pasta do seu computador. Devido a esta característica, toda vez que precisar transferir o seu projeto, você deverá: a) Fazer a comprovação antes do empacotamento e fechamento dos arquivos. b) Empacotar os arquivos após seu fechamento e fazer a comprovação ao abrir em outro computador. c) Fazer o fechamento dos arquivos em JPG ou PNG para compactar todos os componentes do projeto. d) Colocar todos os componentes do projeto em uma pasta e transportar junto com o documento fechado em arquivo aberto para, caso necessário, corrigir na gráfica. e) Transformar as fontes em curva (desenho vetor) e verificar se as imagens estão em CMYK, as cores do processo gráfico de impressão. Notas Referências ADOBE CREATIVE TEAM. Adobe Illustrator CS4 [recurso eletrônico]. Porto Alegre: Bookman, 2010. ADOBE CREATIVE TEAM. Adobe InDesign CS4 [recurso eletrônico]. Porto Alegre: Bookman, 2009. ADOBE CREATIVE TEAM. Adobe Photoshop CS4. [recurso eletrônico]. Porto Alegre: Bookman, 2009. CAMPUZANO, M. Animação e Interação no InDesign. Disponível em: https://www.eng.com.br/artigo.cfm?id=5145. Acesso em: 26 ago. 2019. GAMBA JÚNIOR, N. G. Computação grá�ca para designers: dialogando com as caixas de diálogo. Rio de Janeiro: 2AB, 2003. PERSIANO, R. C. M. Introdução à computação grá�ca. Belo Horizonte: UFMG, 1986. SILVA, R. P. A. Computação grá�ca e editoração eletrônica. Rio de Janeiro: SESES, 2015. Explore mais Guia do Usuário do InDesign. https://helpx.adobe.com/br/indesign/user-guide.html Como criar hiperlinks no InDesign (em inglês) https://www.youtube.com/watch?v=SdP16jD_oVc&feature=youtu.be Indesign CC: criar marcadores - hipervínculos - bookmarks - hiperlinks (em espanhol). https://www.youtube.com/watch?v=t-yDg18cgLE&feature=youtu.be javascript:void(0); javascript:void(0); javascript:void(0); javascript:void(0);
Compartilhar