Ferramentas para design gráfico e infográficos

14 de janeiro de 2017 - Leave a Response

Hoje em dia a internet está sendo, mais que uma mídia, uma plataforma de comunicação. Assim como o Google aposta suas fichas nisso com o Google Chromebook (um laptop com sistema operacional próprio, conectado a internet, onde todos as ferramentas de trabalho estção online), a cada dia surgem novas ferramentas para trabalho online.
Cito aqui duas, com versão gratuita e paga, para quem precisa produzir conteúdo online a partir de modelos prontos ou do zero, sem ter ferramenta instalada no seu aparelho (basta estar conectado a internet):

Piktochart

piktochart-ferramenta-online

Piktochart.com permite criar gráficos e infográficos online para fazer apresentações bonitas, com interface do tipo drag-and-drop/arrastar-e-soltar (ou WYSIWYG, What You See Is What You Get, para a galera técnica).

Prós:

  • fácil de usar, ferramenta online.
  • boa biblioteca de ícones, gráficos, imagens de fundos; fácil inserção de mapas-mundi e vídeos na internet.

Contras:

  • interface em inglês.
  • Design de modelos prontos bons, mas dentro do esperado.

Canva

canvas-ferramenta-online

canvas-ferramenta-online-2

Canva.com é um a ferramenta que permite fazer designs para diversas finalidades: de uma postagem para rede social até uma apresentação ou publicação com várias telas ou páginas.

Prós:

  • fácil de usar, interface limpa, com o mínimo de funções e que reproduz um programa instalado (undo/desfazer no teclado, p.ex.).
  • permite salvar trabalhos feitos como imagem plana.
  • Site em português.
  • Modelos de designs muito bons.

Contras:

  • pode ser um pouco lento, durante o uso.
  • a interface de uso tem suas convenções, como p.ex., um objeto que está acima/sobre os demais (mesmo tendo interior vazado/transparente) impede à seleção dos objetos que ficam abaixo/atrás, até ser  enviado “para trás”; lembra a opção do Corel Draw de “tratar todos objetos como preenchidos”.

Nas versões gratuitas, a marca do site aparece em todos os layouts produzidos, que podem ser baixados em forma de imagem.

Anúncios

Making of / processo (8): arte final de ilustração digital

7 de janeiro de 2017 - Leave a Response

Esse vídeo do (Mike) Deodato Filho é um excelente tutorial sobre ilustração digital.
Além de citar softwares que auxiliam a criação de traços em forma de pincel no computador (do Photoshop ao software da tablet, entre outros) ainda comenta como bibliotecas de desenho 3D facilitam na pesquisa de referências além das referencias tradicionais  (imagens 2D planas).

Continue lendo »

Making of / processo (7): Centro Cultural

31 de dezembro de 2016 - Leave a Response

Desta vez trago o processo de desenvolvimento de peça gráfica/de comunicação visual, de Centro Cultural no RJ.
As peças gráficas desenvolvidas são adaptadas para serem veiculadas em várias mídias – cartaz/convite impresso, mídias sociais, etc.

A peça gráfica finalizada é esta:
mk-of-montagem1b

Continue lendo »

Ilustração animada – IstoÉ

22 de outubro de 2016 - Leave a Response

mozart

A revista IstoÉ digital inovando: uma excelente ilustração, que por si só ja merceria uma nota aqui, só que animada!

Link da matéria.

Making of / processo: arte digital (6)

15 de outubro de 2016 - Leave a Response

Wallace Vianna é designer gráfico.

Mais uma vez trago um processo de criação de imagem digital, do designer Fagner Carvalho, para Contém, administradora de benefícios.

11-mk-of-digital-2-l

Continue lendo »

Palestra SENAC RJ/FATEC: Designer de Interação: Conheça a profissão que o mercado digital precisa

8 de outubro de 2016 - Leave a Response

A Faculdade de Tecnologia Senac Rio (R. Santa Luzia, 735 – Centro, Rio de Janeiro) promoveu em 26 de setembro de 2016, às 19h, o evento “Designer de Interação: Conheça a profissão que o mercado digital precisa”. Foram duas palestras gratuitas com os profissionais Guilhermo Reis (gerente da plataforma VOD – Video On Demand – da TV Globo) e Luiz Bordim (Senior Interaction Designer da Huge), que procuram debater o mercado e perfil do futuro profissional da área.

Continue lendo »

Sabia que Adobe CC (Creative Cloud) faz wireframes?

1 de outubro de 2016 - Leave a Response

Tradução e adaptação: Wallace Vianna, designer

toptal-fig-ivana
AutoraIvana Miličić, designer freelance, Croácia, membro TopTal desde 2015
Artigo original: TopTal

Wireframe é um passo importante na criação de qualquer interface de usuário em um website, aplicativo ou software.  Evitando se deixar levar pelas formas dos recursos visuais, cores, tipografia, estilos e efeitos você pode fazer mais foco na hierarquia do conteúdo e experiência do usuário.

Fazer protótipos e wireframes de baixa fidelidade irá ajudá-lo a testar e interagir mais nas fases anteriores, a trabalhar mais rápido e desenvolver produtos que os usuários vão adorar.

Há muitas ferramentas de wireframes diferentes para escolher no mercado.  Qual você escolherá depende de suas preferências pessoais e estilo de fluxo de trabalho.

Assim como um monte de designers migraram do mundo de impresso para o design digital, eu sou uma especialista nas aplicações da Adobe como o Illustrator, InDesign e Photoshop.  Posso usá-los de forma eficiente, em todos os lugares e em qualquer momento (mesmo se tenho de acordar para trabalhar no meio da noite, sem uma xícara de café :^D).  No entanto, estas ferramentas tornaram-se também as que eu uso para fazer web e aplicações de design visual (1).  Assim, para o meu fluxo de trabalho para ser o mais eficiente, eu as uso para fazer wireframes também.

(1) Nota do tradutor: link original, aqui

toptal-fig-1 FIGURA 1

Continue lendo »

Making of / processo (5) – arte vetorial

26 de setembro de 2016 - Leave a Response

Wallace Vianna é designer e ilustrador/desenhista.

Segue aqui um pequena explicação, a partir de uma arte de cartão de aniversário.

A explicação é sobre como chegar a ilustração final, usando apenas ferramentas de desenho vetorial 2D; neste caso, o Corel Draw, versão X6 (mas válido para outros programas, como o Illustrator e versões anteriores do Corel, que suportem uso de malha 2D).

Não é um tutorial sobre como fazer o desenho inteiro, apenas um pedaço dele, já que a solução aqui descrita se aplica às demais partes da arte.

Nosso objeto de estudo e exemplo é a ilustração de um cartão de natal:
mk-of-processo-vetorial-0

Continue lendo »

Making of / processo (4) – imagem digital

21 de setembro de 2016 - Leave a Response

Wallace Vianna é designer gráfico.

Estou postando aqui o making of de um trabalho do designer Fagner Carvalho, para a Contém administradora de seguros, uma postagem para rede social (Facebook) da empresa.

Este Making Of (Processo) ilustra bem como a construção de uma imagem passa pela reconstrução de imagens de referência (no caso, de banco de imagens), remetendo ao que comentei em post anterior, que o trabalho do designer não é o de artista plástico frente a tela de pintura (daí o uso de referências prontas) mas envolve trabalho de criação à partir destas referências. Em resumo, nem sempre o designer irá tirar fotos originais para depois trabalhar, mas, em qualquer caso, a pós-produção das imagens é que será, se não o maior, um dos maiores trabalhos do designer.

mk-of-contem-face-1
Imagem original.

mk-of-contem-face-2
Imagem com cor editada para amarelo.

Continue lendo »

Ilustração criativa

11 de junho de 2016 - Leave a Response

Wallace Vianna é designer e ilustrador.
christoph-niemann-ilustracao-criativa

Essa notícia descobrí nas redes sociais (FaceBook), e tenho que postar aqui no blog, um exercício de criação em artes visuais. Um meio-caminho entre o ready-made do dadaísmo e trompe d’oleil que artistas como Vik Muniz se utilizam.

O ilustrador Christoph Niemann completa suas artes usando objetos do cotidiano, se usando da perspectiva e ilusão de ótica para atingir seu resultado, que depois é fotografado. Os objetos (e desenhos) variam de tamanho, pois um martelo e um conta-gotas podem ser usados para terminar as ilustrações..

Outro artista na mesma linha é o Gilbert Legrand, que também trabalha com o real/ilustrado de maneira criattiva:

gilbert-legrand-ilustracao-criativa

Parabéns para eles!