{"id":341,"date":"2008-07-10T17:41:55","date_gmt":"2008-07-10T20:41:55","guid":{"rendered":"http:\/\/meiradarocha.jor.br\/news\/?p=341"},"modified":"2010-01-21T02:38:22","modified_gmt":"2010-01-21T05:38:22","slug":"indesign-legendas-e-creditos-de-fotos-automaticamente","status":"publish","type":"post","link":"https:\/\/meiradarocha.jor.br\/news\/2008\/07\/10\/indesign-legendas-e-creditos-de-fotos-automaticamente\/","title":{"rendered":"InDesign: legendas e cr\u00e9ditos de fotos automaticamente"},"content":{"rendered":"

Uma das coisas que mais se faz em jornalismo gr\u00e1fico \u00e9 colocar legenda e <\/strong>cr\u00e9dito em fotos<\/strong>. Essa \u00e9 uma opera\u00e7\u00e3o chata porque envolve manipula\u00e7\u00e3o de objetos gr\u00e1ficos pequenos e ajuste preciso. E o ajuste em jornal precisa ser sempre preciso.<\/p>\n

Lembre-se de que se um jornal <\/strong>aparece com erro de diagrama\u00e7\u00e3o<\/strong>, vai parecer que ele erra tamb\u00e9m na apura\u00e7\u00e3o<\/strong>, na reda\u00e7\u00e3o<\/strong>, na distribui\u00e7\u00e3o<\/strong>. Enfim, se h\u00e1 algo desalinhado nas p\u00e1ginas de seu jornal, h\u00e1 algo desalinhado em toda a empresa ou institui\u00e7\u00e3o.<\/p>\n

Para ajudar os alunos e os funcion\u00e1rios do Jornalismo do IPA<\/a> envolvidos nas publica\u00e7\u00f5es Universo IPA<\/a> (jornal mural, jornal broadsheet (standard), jornal tabl\u00f3ide, revista, site), resolvi aprender JavaScript para programar o Adobe inDesign, como j\u00e1 fa\u00e7o com o Python e Scribus<\/a>. Assim surgiu este script para alinhar foto, legenda e cr\u00e9dito da foto.<\/p>\n

InDesign pode ser controlado com as chamadas “linguagem script”. S\u00e3o linguagens para se escrever programas, supostamente com rapidez, destinadas a resolver necessidades de outros aplicativos. Por exemplo, todos os navegadores usam JavaScript para controlar as p\u00e1ginas Web. Al\u00e9m dos navegadores, outros programas usam JavaScrip, notadamente o Adobe Acrobat e o Adobe InDesign.<\/p>\n

O Adobe InDesign executa programas em tr\u00eas linguagens: Applescript<\/strong>, VBScript <\/strong>e JavaScript<\/strong>. As duas primeiras s\u00e3o exclusivas dos computadores Macintosh e Windows, respectivamente. Ent\u00e3o, programar e aprender uma destas linguagens significaria desenvolver programas e comandos para um n\u00famero mais limitado de pessoas. Resolvi adotar JavaScript, que tamb\u00e9m \u00e9 a base da Web atualmente. Assim, os programas que eu desenvolver ser\u00e3o compat\u00edveis com Mac e com Windows.<\/p>\n

Como ponto negativo, descobri que JavaScript<\/strong>, por quest\u00f5es de seguran\u00e7a, n\u00e3o tem drivers para bases de dados. Ou seja, n\u00e3o posso consultar textos em bancos de dados e diagramar uma p\u00e1gina automaticamente como fa\u00e7o no Scribus<\/strong>. \u00c9 uma grande falta, porque n\u00e3o posso editar diretamente registros de blogs e CMS para usar como sistema editorial.<\/p>\n

Mas, de resto, JavaScript \u00e9 uma linguagem razo\u00e1vel para uso geral. Scripts InDesign feitos em JavaScript podem rodar sem problema em Windows, Macintosh e talvez at\u00e9 mesmo em Wine no Linux (tenho que testar isso em breve).<\/p>\n

O que esse meu script (para download mais abaixo) faz :<\/p>\n

    \n
  1. Pega dois ou tr\u00eas quadros selecionados.<\/li>\n
  2. Considera o primeiro quadro como foto<\/li>\n
  3. Monta a legenda<\/li>\n
  4. Monta o cr\u00e9dito da foto<\/li>\n<\/ol>\n

    Coloquei o script na pasta c:\\Arquivos de programas\\Adobe\\Adobe InDesign CS2\\Presets\\Scripts\\<\/strong> do Adobe InDesign para que ele apare\u00e7a na paleta de Scripts (Windows > Automation > Scripts):<\/p>\n

    \"\"<\/a>

    Menu para a paleta de scripts do InDesign<\/p><\/div>\n

    Seleciono a foto e um quadro qualquer para legenda, e mais um quadro opcional para cr\u00e9dito da foto (ou seja: seleciono dois ou tr\u00eas objetos).<\/p>\n

    \"\"<\/a>

    Dois ou tr\u00eas quadros s\u00e3o selecionados<\/p><\/div>\n

    No script, usei comandos “prompt” e “confirm” do JavaScript, que oferecem uma interface com usu\u00e1rio simples mas f\u00e1cil de ser implementada. Abaixo, resultado obtido com “confirm” e “prompt”:<\/p>\n

    \"\"<\/a>

    Di\u00e1logo de "Confirm"<\/p><\/div>\n

    \"indesign-window-automation-script-atuando05\"<\/a>

    InDesign usando o comando "dialog"<\/p><\/div>\n

    O script deixar\u00e1:<\/p>\n

      \n
    1. Primeiro quadro intacto, mas transformado em quadro de imagem e com o estilo de objeto “Foto<\/strong>“;<\/li>\n
    2. O segundo quadro vira legenda, formatado com o estilo de objeto “Legenda<\/strong>“;<\/li>\n
    3. O terceiro quadro, se houver, vira cr\u00e9dito da foto, formatado com o estilo “Cr\u00e9dito da Foto<\/strong>“.<\/li>\n<\/ol>\n
      \"monta-fotolegenda-credito-dialogs\"<\/a>

      Quadros de di\u00e1logo da montagem de fotolegenda e credito<\/p><\/div>\n

      Acima, o resultado final do script: o quadro da foto com um quadro de legenda embaixo e um quadro de cr\u00e9dito na direita, “em p\u00e9”. Se os quadros j\u00e1 contiverem texto, o script dar\u00e1 op\u00e7\u00e3o de n\u00e3o edit\u00e1-los, s\u00f3 modificar o tamanho e posi\u00e7\u00e3o dos quadros.<\/p>\n

      Se os estilos n\u00e3o existirem ainda, ser\u00e3o criados com as defini\u00e7\u00f5es default <\/em>do meu InDesign.<\/p>\n

      Eu posso mudar as medidas conforme meu projeto gr\u00e1fico. As vari\u00e1veis que valem a pena serem modificadas est\u00e3o no in\u00edcio do script. Mudo conforme a necessidade e dou um nome diferente para os arquivos.<\/p><\/blockquote>\n

      Se os quadros tiverem conte\u00fado, ser\u00e3o preservados. A foto n\u00e3o ser\u00e1 agrupada com a legenda e com o cr\u00e9dito, para que eu possa redimension\u00e1-la se necess\u00e1rio. S\u00f3 agrupo depois de escolhidas as dimens\u00f5es finais da foto.<\/p>\n

      A foto tem text wrap<\/em> de zero em cima, para ser colocada pr\u00f3ximo aos t\u00edtulos. Nos lados, o text wrap<\/em> \u00e9 de 5 mm, e em baixo, de 10 mm para dar espa\u00e7o \u00e0 legenda. Estas medidas podem ser modificadas no in\u00edcio do script.<\/p>\n

      O quadro de legenda e cr\u00e9dito ignoram o text wrap<\/em>, para que o texto apare\u00e7a. Eles tamb\u00e9m t\u00eam o text wrap <\/em>de zero, apenas o suficiente pra n\u00e3o ficarem em cima de texto nenhum.<\/p>\n

      Para completar a automa\u00e7\u00e3o, atribu\u00ed este script <\/em>\u00e0s teclas SHIFT<\/kbd>+CTRL<\/kbd>+ALT<\/kbd>+F<\/kbd>. E manualmente setei os estilos de frames <\/em>determinando o estilo de par\u00e1grafo. Por exemplo, o frame <\/em>de estilo “Legenda” formata o texto que cont\u00e9m com o estilo de par\u00e1grafo<\/em> de estilo <\/em>“Legenda”. Tenho que descobrir como fazer isto pelo pr\u00f3prio script<\/em>.<\/p>\n

      O alinhamento de fotos \u00e9 simples:<\/p>\n

        \n
      1. Redimensiono a foto;<\/li>\n
      2. Seleciono os quadros da legenda e do cr\u00e9dito, com shift+clic;<\/li>\n
      3. Teclo o atalho.<\/li>\n<\/ol>\n

        Aqui est\u00e1 o script para montar foto, legenda e cr\u00e9dito no InDesign, vers\u00e3o 008<\/a>.<\/p>\n

        Bibliografia<\/h3>\n
          \n
        1. FLANAGAN, David.\u00a0 Javascript – The Definitive Guide<\/strong>. 4Th Edition. O’Reilly. Arquivo CHM (html help do Windows).<\/li>\n
        2. KAHREL, Peter. Scripting InDesign with JavaScript<\/strong>. O’Reilly Media, 2006. ISBN: 0-596-52817-5. Comprado pela O’Reilly em formato PDF.<\/li>\n
        3. Adobe InDesign CS2 Scripting Guide<\/strong>. Adobe Systems Incorporated, 2006. Documento PDF.<\/li>\n
        4. JavaScript Tutorial<\/strong>. Site web dispon\u00edvel em: <http:\/\/www.w3schools.com\/js\/default.asp>. Acesso em 10 jul. 2008.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

          Uma das coisas que mais se faz em jornalismo gr\u00e1fico \u00e9 colocar legenda e cr\u00e9dito em fotos. Essa \u00e9 uma opera\u00e7\u00e3o chata porque envolve manipula\u00e7\u00e3o de objetos gr\u00e1ficos pequenos e […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,25,15,26,39],"tags":[],"class_list":["post-341","post","type-post","status-publish","format-standard","hentry","category-design-grafico","category-diagramacao","category-editoracao","category-indesign","category-programacao"],"_links":{"self":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts\/341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/comments?post=341"}],"version-history":[{"count":0,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts\/341\/revisions"}],"wp:attachment":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/media?parent=341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/categories?post=341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/tags?post=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}