Ícones para os últimos 10 anos

Phillip Niemeyer é director artístico do estúdio de design Double Triple e criou ícones para os acontecimentos mais significativos da década que passou. A ver no nytimes.com: Picturing the past 10 years

Tutorial: mapas aos quadradinhos

Por moda, ou simplesmente porque sim, volta e meia aparecem mapas aos quadradinhos e, para quem os quiser utilizar, o Infografando inaugura uma secção de tutoriais com uma forma simpática de criar um mapa aos quadradinhos.

1. Criar um novo documento no Illustrator (ter em atenção, desde o início, qual o suporte final - web ou print, ou ambos)

2. Procurar no Google (ou outro) um mapa do país, zona ou continente, o qual queremos transformar em quadradinhos. De preferência com linhas sólidas e pouco detalhe, dependendo, mais uma vez, do objectivo final. Neste caso foi escolhida a ilha da Madeira e usei o maps.google.com.

3. Colocar a imagem no doc do Illustrator, num layer e trancá-lo. Criar outro layer em cima deste.

4. Desenhar um quadradinho (a título de exemplo o que desenhei tem 4 px). Depois seleccioná-lo e deslocá-lo para o lado enquanto se seguram as teclas Ctrl + Alt (PC) ou Maçã + Alt (Mac). Copia-se o quadradinho inicial a uma distância segura do primeiro (confirmar que existe espaço entre os dois - é importante visualizar a distância entre ambos os quadradinhos a 100%). Depois é só seleccionar o 2º quadrado e pressionar Ctrl + D as vezes necessárias até que a linha de quadrados seja maior que a largura da imagem do mapa escolhido.

5. Seleccionar toda essa linha e rodá-la a 90º em relação à anterior. Não esquecer: Ctrl + Shift e Alt (assim garante-se que a distância entre quadrados verticais é igual à horizontal)

6. Fica uma linha e uma coluna de quadrados. Alinhar o primeiro quadrado da coluna com o primeiro quadrado da linha.

7. Replicar a coluna (todos os quadrados da 1ª coluna) seguindo o método usado para criar a primeira linha.

8. Fica uma mancha de quadrados que sobrepõe-se ao mapa.

9. Agora, tornando transparentes todos os quadrados para se ver o mapa em baixo, retiram-se aqueles que ficam de fora.

10. Et voilà!

Fazer um mapa do mundo é igual. Dá é mais trabalho ;-)

Infografia ObCiber 2009

Apesar da infografia Cristo-Rei: 50 anos a abraçar Lisboa ter sido finalista nos prémios OBCiber na categoria de Infografia Digital e de ter tido mais votos online (estes só contavam 20% da avaliação total que estava sujeita a um júri), não foi a vencedora. A escolha foi para o trabalho do JN intitulado Póquer: o jogo do momento. Parabéns aos vencedores.

É assim a vida. Para o ano há mais ;-)

Os finalistas:

- Póquer: o jogo do momento (JN)

- TGV em Portugal (JN)

- Cristo-Rei: 50 anos a abraçar Lisboa (PÚBLICO)

- A notícia no PÚBLICO

- obciber.wordpress.com/

Animais proibidos

Sobre a lei que vem proibir alguns animais de "companhia" e que criou algum mal estar nos meios circenses, não descansei enquanto não soube se a minha Elaphe guttata estaria entre as espécies interditas. E depois fiz esta infografia: Animais proibidos

Info: Animais proibidos

Esta obra está licenciada sob uma Licença Creative Commons

Link: Diário da República (12.10.2009)

Jogar em infografias

É muito provavelmente nos jogos que está o caldo primordial das interfaces do futuro, mas neste caso, trata-se de simples distracção com l'air de infografia.

http://www.intuitiongames.com/fig8/

ÑH6

Na sexta edição do ÑH - El mejor del diseño periodístico España&Portugal, foram premiadas infografias portuguesas, como seria de esperar ;-) Expresso, PÚBLICO, Jornal i e Diário de Notícias. Aqui, no Infografando, congratulo-me pelas 2 menções honrosas para trabalhos que criei, contra ventos e marés. É também assim que se ganha alento para continuar a fazer mais e melhor. Obrigado ;-)

As infografias online:
- Há morcegos no Alviela... E na web
- Pelamis: a energia das ondas

...E a notícia no PÚBLICO

http://ultimahora.publico.clix.pt/noticia.aspx?id=1404469&idCanal=61

Áreas, tamanhos e comparações

Há uma cábula, num papel A4, que acompanha as paredes dos locais onde tenho computadores. E, quando estou prestes a caír na tentação, olho para essa folha. Está disponível aqui: http://infografando.blogspot.com/2008/06/propaganda.html

Isto a propósito do vídeo de Xaquín González Vieira que se estreia assim no Vimeo.

Áreas, tamaños y comparaciones from Xaquín González Veira on Vimeo.

ObCiber - Prémios de ciberjornalismo 2009

Aceitam-se cadidaturas de trabalhos para a segunda edição dos prémios de ciberjornalismo até ao dia 31 de Outubro. Os trabalhos deverão ter sido publicados entre Setembro de 2008 e Setembro de 2009.

O objectivo é reconhecer o que de melhor se produz em Portugal na área de ciberjornalismo: excelência geral em ciberjornalismo, "breaking news", reportagem multimédia, videojornalismo online, infografia digital e ciberjornalismo académico.

Os vencedores serão anunciados durante as Jornadas ObCiber, a 4 de Dezembro, no Porto.

NOVA DATA PARA ENTREGA DE TRABALHOS (31 de Outubro)

Ver mais aqui:

http://obciber.wordpress.com/premios/

http://obciber.wordpress.com/

A papa feita: Facts are sacred

Não são os primeiros a despejar dados em servidores públicos mas a forma como o fazem é muito simpática. Não são exaustivos e usam sempre uma linguagem desafiadora, o que, na minha opinião, ajuda o infografista empreendedor a focar-se. Fiz-me entender?

Para saber mais basta seguir os links abaixo indicados, descobrir um assunto da sua preferência e... ... Desatar a trabalhar!

Se o que fizer valer a pena, o The Guardian publica. www.guardian.co.uk

www.guardian.co.uk/news/datablog
Welcome to the Datablog
Looking for stats and facts? This is now the place to come

www.guardian.co.uk/data-store
The world's best data - selected for you

Can you do something with our data? Please post us your visualisations and mash-ups below or mail us at datastore@guardian.co.uk

Ainda Braga

Nunca, em Portugal inteiro, se tinham visto tantos infografistas reunidos no mesmo local.

Os dias foram intensos, de manhã à noite, agarrados à infografia.

Apesar de terem sido apenas 2 dias, nestes encontros aprende-se sempre e criou-se também um excelente espírito de camaradagem entre os participantes.

Conheci pessoas com quem nunca me tinha cruzado e outras com quem já trocava e-mails. E finalmente, encontro e conheço infografistas portugueses em Portugal ;-)

A organização, mais concretamente o Nuno Vargas, professor de Design e Multimédia na Universidade do Minho, em Braga, está de parabéns. Obrigado Nuno. As condições da Universidade e de meios (enfim, menos a afamada rede wireless!) estavam ao nível de qualquer um dos workshops que frequentei em Pamplona e no El Mundo. Começando logo pelos professores, obviamente.
Xaquin GV , editor de gráficos no nytimes.com e Aitor Egionoa, fundador da 90grados, são referências na área, cada um com o seu estilo próprio, técnicas e tipos de trabalhos diferentes, o que contribuíu para o enriquecimento deste workshop.

Viram-se trabalhos da Lusa, da 90grados e do nytimes.com. Aprendeu-se um pouco de Flash, as2 e as3. Dividiram-se os alunos em grupos de mais ou menos 4 pessoas e realizaram-se 2 exercícios (1 por dia).

Simplificar e planear ao pormenor toda a infografia na fase de storyboard, textos inclusive, são algumas das lições a relembrar, sempre.

Deixo aqui o material e resultado dos exercícios desenvolvidos pelo grupo onde me inseria (Teresa Abecassis, Ricardo Bernardo, Francisco Rodrigues, Mário Cameira).

1. Fazer uma infografia sobre o acidente do metro de Washington.

- Train Crash in Washington Leaves at Least 6 Dead
- Officials Seek Clues in Train Crash

Storyboards

Info final

E o ficheiro do Flash .FLA. As2.

comboioW-02.fla

2. Fazer uma infografia com os dados do desemprego em Portugal, por distrito, entre 1999 e 2009.
Cingimo-nos ao Algarve e focámo-nos na sazonalidade característica da região.

Storyboards

Info final (mexer devagarinho ;-)

E o .FLA para quem quiser brincar. As3, gracias Xaquín.

ALLgarve-05.fla

É preciso dizer que o meu grupo de trabalho teve como opção inicial a possibilidade de criar algo publicável no curto espaço de tempo disponível, neste caso, até ao fim do dia.

Apesar do esforço, julgo que nenhum de nós publicava algum destes ficheiros, sem trabalhar um pouco mais alguns aspectos, em ambas as infografias. Contudo, ficámos lá próximos e é possível perspectivar soluções mais rápidas que possam provocar uma produção rápida numa redação, a roçar as breaking news, embora seja stressante e necessite de mais do que 1 pessoa para trabalhar o mesmo assunto (documentar, desenhar, programar e claro, pensar).

De vez em quando, é importante frequentar um encontro deste género para refrescar ideias, aprender coisas novas, truques, soluções e conhecer outras pessoas que gostam de transformar as coisas em imagens que se explicam. Desta vez foi no Minho. E foi um prazer!

Gripe A

A Sociedade Infográfica dá!

Vale copiar, vender, dar e fazer o que mais se quiser, desde que se respeite a licença.

gripeA.pdf (293K)
Sociedade Infográfica

I workshop de infografia digital

Finalmente temos em Portugal um workshop de infografia digital. Vai acontecer em Braga, durante os dias 16 e 17 de Julho, organizado pela Universidade do Minho e os "professores" são Aitor Eguinoa da 90Grados.info e Xáquin González do nytimes.com. Aproveitem.

Programa aqui (.pdf, 2.3Mb)

1, 2, 3,... Som

Há uns tempos Alberto Cairo escreveu um texto (El impacto emocional de la infografia multimedia) onde conta uma experiência que teve com um mapa sonorizado. Ei-lo, ao mapa. Um trabalho de Tim Klimowicz, que, confesso desde já, gosto muito e impressionou-me. Este mapa de baixas no Iraque traz uma carga emocional que não estaria lá sem o som. E como Cairo tão bem alerta, quais são os limites éticos no uso de som numa infografia? Será que não se conta mais quando se acrescenta som a uma infografia? Estamos sem dúvida a acrescentar mais um layer de informação, e que não vai ser entendido por todos de forma igual.

Durante a semana, calhou-me, à frente dos olhos, um programa na TV sobre o som e o cérebro. E da importância do som (e da música), para o ser humano complexo e social que somos hoje. A música (som) é uma poderosa linguagem universal, que também tem os seus contextos, claro. Mas para quem gosta de tentar tornar as coisas mais acessíveis, a um maior número de pessoas, esclarecer um facto como os infografistas multimédia podem fazer, recorrendo à panóplia de ferramentas a que possam deitar a mão, o som é demasiado importante para ser deixado de fora.

Hoje, por acaso, cruzei-me com este artigo "When an ear witness decides the case" no nytimes.com.

E por isto fiz este post.

É muito importante entender como as coisas funcionam. Como funcionam a sério.

phiii.com

Phiii.com é um site de venda de gráficos online, tal qual os que existem dedicados à fotografia ou ilustração. É uma solução interessante e desejo-lhes sorte. Numa altura em que as redações dos jornais estão a emagrecer, alguém, em algum lugar, alguma vez, terá de fazer infografia com qualidade. Esta é uma das ferramentas que podem servir a quem queira lançar-se na aventura do trabalho freelance.

www.phiii.com

Infografía 2.1 de Alberto Cairo

Um ensaio sobre o futuro da visualização da informação.
Um apêndice ao seu livro Infografia 2.0 e que pode ser descarregado gratuitamente, sob licença Creative Commons. Alberto Cairo espera receber comentários ao texto. Um working progress.

Para já, obrigado Alberto.

Link para o post
Infografía 2.1 (pdf)
www.albertocairo.com

Europa

Como tratar dados estatísticos sem adormecer?
Ainda não tenho uma teoria final, mas a última infografia que fiz ajudou-me a ficar mais próximo de uma hipotética resposta ;-)

Info: A europa que vai a votos

Tremores de terra

Para mim é um upgrade da última infografia mutimédia que retenho sobre sismos. Pertencia a Alberto Cairo quando ainda estava no elmundo.es (Anatomía de um terremoto).

A responsabilidade do QuakeQuiz cabe ao departameno de emergência de São Francisco nos EUA e os designers são estes senhores: "I shot him because I loved him, damn him".

Para quando por cá?

- http://quakequizsf.org/

Cristo-Rei: 50 anos a abraçar Lisboa

Foram alguns dias para fazer esta infografia. Serviu-me, para já, como exercício em ActionScript 3.

E ainda há coisas a acrescentar mas precisava de a publicar já!

Cristo-Rei: 50 anos a abraçar Lisboa

Cátia Mendonça, uma infografista online.

A Cátia Mendonça foi a última estagiária que por cá passou. Foram 3 meses dedicados (quase totalmente) à infografia online, o que parece um luxo nos dias que correm. E fiquei com muita pena que tivesse ido embora. Afinal fez uma ponte muito interessante entre o papel e o online, foi muito trabalhadora e viu-se a evolução que teve, a cada trabalho publicado.
Aqui fica uma lista completa das infografias em que esteve envolvida.

- Contentores de Alcântara

- Turismo residencial em Portugal

- Obras do Metro em Gondomar

- Freeport: percurso de um caso polémico

- Obama na Europa
- Portugal em 2009. Somos...

Já agora, para que fique pública esta informação: Cátia, se pudesse contratava-te para esse lugar que ainda está por ocupar na imprensa online portuguesa - o infografista multimédia ;-)
Parabéns, obrigado e boa sorte!

Data Visualization & Processing Workshop, por Karsten Schmidt (toxi)

"A visualização de dados é um campo relativamente novo do design, no entanto é um campo muito necessário. Num mundo de tamanha abundância de dados precisamos de novas formas de gerir, combinar, analisar e visualizar esses dados.

Precisamos de explorar novas linguagens visuais e outras formas de expressão que nos ajudem a lidar, encontrar caminhos e ganhar novas perspectivas."

Pré-requisitos

Os participantes interessados neste workshop devem ter já algum conhecimento e prática de trabalho com código. Conhecimento de Processing ou linguagens equivalentes. Os partipantes deverão trazer para o workshop o seu equipamento (computador).

Datas e Local:

20,21,22 Abril (10-18h), Lisboa

Nas instalações do Clube Português de Artes e Ideias, Largo Rafael Bordalo Pinheiro, 29, 2º (ao Chiado).

Preço: 250 Euros (21 Horas)

Sócios do Clube Português de Artes e ideias têm um desconto de 5%

Inscrições

Envie um email para sofiaoliveira AT cada1.net

CADA é uma associação cultural empenhada no desenvolvimento de uma cultura artística inspirada em estruturas tecnológicas. Interessa-nos explorar as relações criativas entre a arte, ciência e tecnologia.

http://www.cada1.net/

http://postspectacular.com/

Aumentar a Realidade

O jornal brasileiro "O Estadão" (http://www.estadao.com.br), fez uma infografia com uma zona onde usa Augmented Reality, ou Realidade Aumentada (RA). 

A RA é uma tecnologia que permite criar layers de dados gráficos, sonoros, etc, gerados por computador, em cima de imagens reais, em tempo real. As potencialidades são imensas em muitas áreas, do jornalismo multimédia ;-) à publicidade, dos videojogos às aplicações militares, da medicina à nova sociabilização do homem, os exemplos são já muitos, um pouco por toda a web. E vem dar um boost à realidade virtual de que se falava tanto há uns anos atrás. 

No caso do Estadão, a propósito do aniversário da Torre Eifel - a história é melhor contada por um dos intervenientes , a infografia em RA permite interagir com uma torre Eifel 3D em  miniatura, como se de um holograma se tratasse, usando apenas um pc com webcam e uma folha de papel. Os autores foram Daniel Roda e Eduardo Malpeli.

- 120 anos da Torre Eifel

- http://www.estadao.com.br

- Blogue de Daniel Roda

Há mais sobre RA aqui:

- http://en.wikipedia.org/wiki/Augmented_reality

- http://www.se.rit.edu/~jrv/research/ar/

Infografando a arte

E se a arte fosse infografada? Humor com Ursus Wehrli.

Uma visão do mundo baseada em factos

Gapminder é o nome de um "fact tank" que disponibiliza dados estatísticos através do Trendalyzer, um software criado por uma fundação sueca que quer contribuír para que tenhamos um entendimento melhor e mais crítico do mundo em que vivemos. Assumem-se como um "museu" moderno que nos ajuda a comprender o mundo, usando a internet.

Não resisto a fazer copy/paste de alguns parágrafos, sem os traduzir.

"Gapminder work serves a purpose of filling a gap. There has been a market failure in distributing global data. A lot of people are interested in the data, but don’t get access to it (and if they manage to access the data, they need to be advanced skilled statisticians to analyze it). Gapminder wants to make data more accessible and easier to use for instant visual analysis. We believe decision makers, politicians as well as education at almost all levels lack adequate tools.

There is no political agenda behind the work. The idea is that all people, independently of their political agenda, should get free access to already existing statistics about global development to easily improve their understanding about the complex society."

http://www.gapminder.org/

Capuchinho vermelho

;-) E se a história do Capuchinho Vermelho fosse contada por um infografista? 

http://vimeo.com/3514904

Uma infografia bonita de Samuel Granados

Não é o elogio que os infografistas mais desejam mas, a infografia sobre a administração Bush é uma infografia bonita. É bem cuidada graficamente e, de repente, parece fugir ao desenho feito por computador - o fundo grunge e a iconografia a la Isotype são os principais culpados. Todavia, na minha opinião, o primeiro quadro obriga a uma curva de aprendizagem demasiado morosa (mesmo que por alguns segundos).

Samuel Granados é um infografista espanhol que colabora com o elmundo.es e o local onde podemos saber mais sobre ele é aqui. Um senhor a seguir ;-)

Radiografia de la presidencia Bush

www.samuelgranados.es

Da visualização das coisas complexas

O PÚBLICO publicou este artigo (pdf 158KB) há uns dias atrás, da autoria de Isabel Coutinho. 

A história é sobre Manuel Lima e o site que criou e mantém - visualcomplexity.com onde se reúnem projectos de visualização de dados, mais ou menos (ou muito), complexos. Um local inspirador já adicionado aos links do Infografado. A visitar regularmente.

A administração de Obama

Todo o mundo seguiu os passos de Barak Obama até à presidência dos EUA. Esta foi mais uma infografia relacionada com o tema.
A dúvida, em ter as estrelas com as caras escondidas, ainda dura. Apesar de tudo, a decisão foi tomada conscientemente, esta solução um pouco mais lúdica - em que temos de passar com o rato em cima para ver quem aparece, não é totalmente antipática. Demorei mais tempo a concluir a info porque decidi usar AS3 (ActionScript 3 - já que estou a aprender) para praticar. Não quer dizer que me torne programador de AS3, mas prezo muito a liberdade de concretização das minhas ideias e, é verdade que os assuntos que se relacionam com a visualização das coisas interessam-me mais que a optimização perfeita da sintaxe para um loop dentro de outro loop em as3. Contudo, e ao contrário do saber andar de bicicleta, muito rapidamente esquece-se o funcionamento dos softwares. É preciso treinar, sempre.

Link para a infografia: A administração Obama

Infografia em Guimarães

Na próxima sexta-feira (30 de Janeiro de 2009) vou falar de infografia com os alunos do mestrado de ilustração da ESAP (Escola Superior Artística do Porto), mais concretamente, à extensão que a escola tem em Guimarães (ESAP Guimarães). Começa às 20h30 e a entrada é livre. O convite foi feito pelo Pedro Moura - lerbd.blogspot.com.

Já existem datas para o Malofiej 17.
É obrigatório que cada infografista vá, pelo menos uma vez na vida, a Pamplona, durante o evento que tem o nome de um cartógrafo argentino: Alejandro Malofiej.

www.snd-e.org

Tintin - 80 anos

As infografias podem ser muito simples. E estas são-no. Mas o que interessa mesmo é o assunto (conteúdo) e não o que se consegue fazer com a tecnologia à disposição (estrelinhas a piscar).

Dossier especial no elmundo.es: http://www.elmundo.es/especiales/2009/01/cultura/tintin/index.html

A história da internet

A infografia linear em vídeo pode ser assim.

http://vimeo.com/2696386

Um excelente trabalho realizado por Melih Bilgil, um artista visual alemão. Demorou cerca de 3 meses entre a primeira pesquisa de informação sobre o tema até ao último render. O software usado foi o Cinema4D e o After Effects. A fonte é a Fedra Serif.

Ensinar a pescar

O Joaquim Guerreiro, infografista do PÚBLICO foi a Moçambique, no final do verão, ajudar a criar uma secção de infografia no jornal O País.
O processo espoletou também um blog sobre infografia, o 1º que conheço nascido na mãe África, alimentado por Luís Bila, infografista deste jornal moçambicano.
Parabéns e boa sorte aos responsáveis!

http://infografiamoz.blogspot.com/