Início » Brasil Web » Fazendo arte: os bastidores dos infográficos do iG

Fazendo arte: os bastidores dos infográficos do iG

Macs, Photoshops e muito mais. Fomos conhecer a equipe que desenvolve os internacionalmente premiados infográficos do portal brasileiro.

Por
6 anos atrás
Já conhece a nova extensão do Tecnoblog? Baixe Agora

Trabalhando nesse mercado de internet, é natural que a gente dê uma olhada com mais atenção nos diversos players existentes nos dias de hoje. Entre eles, posso dizer com tranquilidade que o iG é um dos portais que mais tem investido na produção de informação própria, com qualidade. O resultado pode ser visto nas reportagens publicadas pelo portal e principalmente pelos infográficos.

Arte: um andar inteiro dedicado a ela no iG

Faz alguns dias que a equipe de infografia do iG me recebeu em seu andar exclusivo na sede da empresa, no Itaim, região nobre de São Paulo. Foi lá que, entre um papo e outro, essa trupe de feras abriu suas telas para a curiosidade de quem sempre quis saber como são feitos aqueles gráficos animados que vira e mexe aparecem na capa do portal. Também não raramente, levam prêmios internacionais.

Guilhermes Damian, editor de infografia (mais conhecido como Guilhes), foi o meu guia. Primeiro, falamos sobre as mudanças editoriais no Jornalismo do iG, o que consequentemente resultou na ampliação do departamento de infográficos do portal.

E por departamento, é isso mesmo o que eu quero dizer. O iG adotou a infografia como um setor próprio, uma diretoria que ainda assim está a serviço do  Jornalismo do portal. Uma atitude arriscada, tenho que dizer, já que essa é uma prática considerada meio incomum no mercado de comunicação. No entanto, deu supercerto para o iG e conseguiu distanciar esse veículo dos seus tradicionais concorrentes.

Chegada da infografia no iG

Guilhes conta que o projeto para ampliar o setor de arte do portal remonta a 2009, quando surgiu o desejo — e a necessidade, suponho — de fornecer um portal com conteúdo de qualidade mais elevada. Quem acessava o Último Segundo naquela época sabe do que eu estou falando. “Queríamos transformar o iG em referência”, diz, sendo que a infografia foi um dos meios encontrados para isso.

Photoshop reina absoluto

Durante o primeiro ano, a equipe de infografia aprendeu o que funciona e o que não funciona nesse tipo de conteúdo. Você pode até achar que produzir um infográfico é tarefa fácil, mas as coisas não são bem por aí. Existem pautas frias, pautas quentes, assuntos sazonais, e por aí vai. Guilhes conta que, depois desse ano, os encarregados da arte dentro do iG desenvolveram uma espécie de feeling para aquilo que dá certo (ou não).

O “infográfico editorial”, explica Guilhes, é aquele que conta uma história. Geralmente é uma pauta fria — motivada mais pelo interesse do repórter pelo assunto do que por um acontecimento recente — que requer uma rápida representação gráfica para explicar melhor o que aconteceu.

Outro tipo de infográfico descamba para “visualização de dados”. Segundo o editor, “se pega dados do Excel e coloca-se essa informação de maneira minimamente dolorosa. Nossa intenção não é embelezar”. O resultado são infográficos interativos, como o que mostra o raio-x do Mercosul.

“A gente sempre bate na tecla de simplificar as coisas”, afirma Guilhes. É bem por aí que tem que ser, de modo a evitar a dispersão do leitor logo depois que ele vê a abertura daquele conteúdo interativo.

Após praticamente dois anos desde que projeto de revitalização do Jornalismo gráfico do iG começou, bons frutos foram colhidos. A equipe cresceu: atualmente são 13 profissionais especificamente desenvolvendo infográficos, entre designers, ilustradores e programadores. Além disso, outras dez pessoas estão encarregadas da parte de interfaces, que também responde ao departamento de arte do portal.

Antes, no papel, e depois, na tela do Mac

O reconhecimento do público pode ser medido por meio dos pageviews, que revelam a quantidade crescente de pessoas visualizando os infográficos. Embora sejam segredo de estado, o iG tem bons motivos para comemorar esses números.

A coroação do departamento de infografia veio em março desse ano, quando dois trabalhos criados por ele, um sobre o carro do futuro, o outro sobre os piores acidentes aéreos do mundo, levaram medalha de bronze no prêmio Malofiej, considerada a premiação mais importante da categoria no mundo. E essa não é a primeira vez que o iG traz as medalhas para o Brasil, embora nunca tenha saído do bronze.

Fazendo o infográfico

Conforme explica o Guilhes, o processo de produção de um infográfico (seja interativo, seja mais simples) é basicamente a ordem de chegada. Geralmente eles aconselham os repórteres a irem até o andar onde a equipe de arte fica, na sede do iG, para discutir o que pode ficar infográfico e o que deve seguir como reportagem tradicional.

Uma vez que a pauta seja aceita, ela entra numa fila de espera que depende sempre do ritmo de produção dos infográficos. Como as pautas frias prevalecem, pode-se dizer que a equipe de infografia não tem desespero em finalizar os conteúdos interativos (até porque eles prezam bastante pela qualidade, Guilhes faz questão de destacar durante toda a entrevista).

Prancheta digitalizadora: a forma mais fácil de desenhar no Photoshop

E se uma urgência aparece? Nesses casos, somente duas pessoas têm o poder de modificar a fila para produção de infográficos. Uma delas é o diretor do Jornalismo no iG, Luciano Suassuna. A outra é o publisher do portal, Roberto Gerosa, que responde pela identidade editorial do veículo. Se nenhum dos dois assinar a decisão, simplesmente não existe maneira de furar fila. Uma disciplina que, no fim das contas, faz bem para todos.

Flash vs. HTML 5

Quem disse que criar infográfico é um trabalho apenas jornalístico? Embora muito do Jornalismo possa ser empregado nessa atividade, escolher as ferramentas e recursos certos é fundamental para que tudo saia do jeito esperado. Sem falar que, no geral, boas escolham minimizam o tempo que profissionais despendem para cumprir uma tarefa.

Dito isso, tenho certeza que você não vai se espantar com as fotos do centro de infografia do iG. Macs, Macs, Macs! Lá estão diversas máquinas definitivamente abençoadas pelo nosso querido Steve Jobs, com poder de processamento que permita dar conta das imagens que, depois de desenhadas no papel e capturadas no computador, vão parar em um dos principais portais de conteúdo do país.

Não descobri quais são as especificações dos equipamentos, mas só de ver que esses caras usam os mesmos aplicativos que você pode instalar na sua máquina de casa, já dica evidente que a tecnologia até ajuda, mas a criatividade e o bom uso da ferramenta é imprescindível.

Além dos Macs, lá está o Photoshop em absolutamente todas as máquinas. Os ilustradores do iG preferem fazer seus desenhos à mão, usando aquela coisa arcaica chamada de papel. Uma vez que o desenho está pronto, mesas digitalizadoras da Wacom fazem com que o Photoshop para Mac reconheça os traços e capture as imagens. Como já era de se esperar, os retoques e a finalização são feitos no computador da maçã.

Komodo Edit: software livre e gratuito

Cada funcionário tem suas próprias opções de aplicativos, então não há muito o que eu possa dizer sobre isso. Se o cara prefere o software de um ou de outro fabricante, pode escolher livremente, desde que o resultado final seja bom.

O que posso contar é que, ainda que os infográficos do iG sejam majoritariamente construídos em Flash, o HTML5 está ganhando seu espaço. Mas quando eles vão usar o padrão livre da internet? “Sempre que for possível”, responde um dos programadores. Por exemplo, temos o infográfico que mostra o funcionamento do mais recente show do U2 no Brasil. Se você quiser, pode abrir esse conteúdo interativo no iPad sem macular o aparelho de Jobs com o código-fonte maldito do Flash. Até os vídeos dependem do parâmetro <video> previsto pelo HTML5.

Pelo menos um software livre foi avistado por este intrépido repórter na visita que fiz à sede do iG. Ele se chama Komodo Edit, está disponível para download gratuito no site do fabricante, e serve para programar Perl, Python, JavaScript e Ruby, entre outras linguagens. Inclusive, é um aplicativo para Mac.

Aquilo que funciona

O pessoal do iG é muito tranquilo ao revelar o que funciona para audiência do portal. Talvez você, assim como eu não, imaginasse que imagens da transformação dos astros e estrelas, ricos e famosos, ao longo dos anos não rendessem visitas. Pois saiba que rende, e muito. Tanto que a equipe desenvolveu uma ferramenta interna para gerar esse tipo de infográfico com mais rapidez e de forma automatizada.

De acordo com o Guilhes, o repórter precisa indicar somente onde estão a foto antiga e a foto recente do sujeito. O próprio sistema realiza a tarefa, gerando um código de embed para ser incluído na página em que o conteúdo especial deve entrar.

O mesmo vale para reconstituições de crime. “Dá uma puta audiência”, afirma Guilhes. Segundo o editor, os leitores do iG ficam curiosos para saber como um determinado bandido agiu.

No caso da tragédia em Realengo, por exemplo, os responsáveis pela infografia do iG correram até o estúdio da empresa, onde fotografaram cenas do crime. Essas fotos serviriam de referência para as ilustrações. Duas horas depois, o trabalho estava encerrado e o conteúdo especial já estava na capa do portal.

Guilhermes Damian, editor de infografia do iG, recebeu a reportagem do TB

Com agilidade e atenção a alta qualidade, não é por acaso que o iG esteja cada vez mais completo no quesito informação visual. A guinada que o Último Segundo e os demais sites informativos do portal obtiveram nos últimos tempos são reflexo desse trabalho sério, que merece destaque. Minha torcida é para que outros portais percebam a importância do bom jornalismo (gráfico, fotográfico, textual etc) e apostem nisso. No fim das contas, somos nós, leitores, que saímos ganhando.

Se você também ficou interessado em conhecer mais da infografia do iG, pode visualizar todo conteúdo desse tipo em uma página especial.

Mais sobre: , ,
  • Acho q nem na Apple Store tem tanto iMac reunído hahah

  • MAC, TABLET, TALENTO CRIATIVIDADE parece ate que estou falando da minha pessoa srsrsr
    E muito legal trabalhar em ambientes assim. Nao sei qual o grau de felicidade das profissoes mas trabalhar com “ARTE” me faz eu me sentir muito bem. Espero, e luto, para que eu ainda alcance as pessoas que estao da minha profissao

    • Rodrigo

      Ler algo assim me faz eu me sentir espantado

      ahsuahsuashaushasuahs

    • Humildade e português: Zero!

      Estude bastante, um dia quem sabe? A possibilidade parece remota, mas nada é impossível.

  • Adriano

    Alguém notou aquele Forever Alone lá no fundo da última foto (foto do Guilhermes Damian).

    Quanto a matéria, é bem bacana ver como funcionam (mesmo que superficialmente) estes locais onde a tecnologia está presente a todo instante.

    • Vitor

      Sua visão está um lixo. Dá pra ver que tem uma mulher no computador do lado esquerdo, e o pedaço de uma cabeça do lado direito…

  • alguem duvidava?

  • Marcoscs

    os infográficos do Globo também são muito bons, só gostaria que eles e o IG utilizassem mais html 5 deixando cada vez mais de lado o maledeto flash

  • Muito bom, o post do Tecnoblog e o trabalho dos infografistas.

  • João do pulo

    esses infografico são muito bons !

  • uma questão que to com uma duvida ate hoje.
    Eu pedi para um amigo meu comprar uma INTUOS 4 pra mim, mas o cara me trouxe uma bamboo igual a que a parece na foto. fiquei muito chateado afinal meu sonho era ter uma INTUOS 4 mas qdo vejo um trabalho de ponta que utiliza os mesmo equipamentos que eu uso isso ja me deixa menos triste srsrsr

    • nao se prenda nas ferramentas, manolo. o negocio é uma ideia com boa execução. tu pode ter o melhor equipamento do mundo e fazer só merda.

      • Older

        Concordo plenamente!

      • dedé

        olha o toninho aki hahahahahaha

  • fui visitar um cliente e um amigo meu trabalha lah no departamento de criacao. eu nao tinha visto mac taaao grandes qnto os de la, e a galera usava essas caentas plotadoras ou seja la como chamam isso hoje

  • Incrível, sempre tive curiosidade de como infográficos são feitos!

  • Washington

    Isso sim que é profissionalismo de qualidade!

  • Com certeza deve ser muito bom trabalhar em um local assim.

  • j2k

    interessante!!

  • Muito interessante esse post!
    Eu estou estudando design (midias digitais) e foi bom saber que o Ig tem esse departamento! Vou buscar isso mais a fundo!
    Valeu!

  • gostei muito boas informações.

  • Trabalhei ja bastante no segmento de 3D e animação. No começo até cheguei a fazer alguns infográficos para a revista Super Interessante.

    É bem legal o processo e realmente tá tudo dito ai na reportagem. Hoje sou programador e tenho um ecommerce. Temos também toda a linha Wacom e estamos procurando atender o mercado publicitário. Quem quiser conhecer, vou deixar o link – http://www.bosshouse.com.br

    Outra sugestão que dou é o software Gimp (http://www.gimp.org), que é gratuíto e muito semelhante ao Photoshop. Uma boa alternativa para não quer gastar muito para começar.

    Parabéns pela reportagem.

  • Recomendo para quem tiver o interesse em programação ou já programe inclusive ao pessoal do IG o Sublime Text 2, o Diego Eis do Tableless fez um artigo muito bom http://goo.gl/exoqS eu já to usando tem um tempo também e to preferindo muito mais a qualquer outro editor de códigos.

  • Ficticius

    Programo em MAC ha mais de 10 anos e nao existe editor de codigo melhor no mundo do que o nativo TextEdit do MAS OS. Suporta TODAS as linguagens, com indentacao, cores e reconhecimento de funcoes da linguagem e blablabla. Inclusive quando me colocam num PC a primeira coisa a se fazer é instalar esse cara. Recomendo.

  • David Galisteo

    Muito bom artigo! Uma ferramenta muito boa que eu recomendo para criar infográficos é Genial.ly Se gostam da interatividade e da animação nos infográficos, eu recomendo que experimentem. É muito fácil de usar e os resultados vão surpreender-vos pela sua qualidade e originalidade.