homehome ilustraçãoilustração designdesign fotografiafotografia artigos publicadosartigos publicados livroslivros making ofmaking of blogblog estudosestudos clippingclipping outras mídiasoutras mídias arquivosarquivos linkslinks sobresobre aboutabout contatocontato buscabusca rssrss

É com muito orgulho que conto para vocês que sou agora colaboradora da revista Webdesign, tanto da revista impressa quanto do novo portal.

Fiquei muito feliz em descobrir hoje que o meu artigo foi justamente o de estréia do portal da revista. Vou escrever sempre sobre ilustração.

Esta é – sempre foi – a revista brasileira sobre o tema que mais respeito, gosto e leio e portanto deve ser fácil de imaginar a minha alegria.

Fica aqui o meu agradecimento a todo o pessoal da Arteccom e ao gentilíssimo Luis Rocha, que é quem me aguenta por lá.




Mais novidades para o site da Webdesign! Neste mês, iniciamos a publicação de artigos on-line, com o intuito de proporcionar conteúdo complementar aos assuntos abordados ao longo das edições impressas da revista, além de estimular a troca de conhecimentos entre os profissionais de nossa comunidade.

Na estreia deste novo espaço, convidamos a designer e ilustradora Carolina Vigna-Marú para apresentar um passo a passo sobre alternativas no uso de imagens a serem aplicadas em um projeto. Desejamos uma boa leitura e deixem seus comentários por aqui!

Indo além do banco de imagens

Muitas vezes, o designer precisa criar uma ilustração, um ícone ou algum outro tipo de comunicação gráfica. A questão é que nem todo designer é ilustrador e frequentemente é preciso recorrer a stock images.

Stock (de estoque mesmo) são imagens genéricas. Antigamente as chamávamos de imagens de arquivo. A ideia é pagar pelo direito de reprodução ou licenciamento daquela imagem, porém não por sua exclusividade. Os preços costumam ser baixos, mas por outro lado são imagens que encontramos em qualquer lugar, sem nenhuma personalização.

Uma saída é recorrer aos bancos de imagem gratuitos ou licenças Creative Commons, mas o problema do “lugar comum” é ainda mais evidente. Uma boa dica para contornar esta situação seja usar, como ponto de partida, uma imagem gratuita, como as encontradas na Wikicommons, e transformá-la em uma ilustração criativa.

Neste post, vamos fazer um passo a passo de um exemplo deste processo, usando apenas ferramentas gratuitas:

Passo 1: escolher uma boa imagem

cat_walking_dsc08739

A imagem precisa ser expressiva e o mais limpa possível, com pouco fundo e com um bom tamanho, para facilitar a vetorização. Certifique-se que a licença da imagem permite o uso derivado, ou seja, que você transforme a imagem original em outra. A oferta é grande e respeitar o trabalho dos outros significa ter o seu respeitado também. Site de pesquisa da imagem: Wikicommons.

Passo 2: vetorizar

autotrace

Vamos utilizar uma ferramenta on-line para vetorizar a imagem escolhida anteriormente.

Passo 3: editar

No programa Inkscape, começamos abrindo o arquivo “.svg” gerado pelo trace. Dependendo do fundo escolhido, é necessário limpar a imagem. Limpeza da imagem (close). Unindo alguns objetos para facilitar a sua manipulação. Operação booleana: achei que os olhos ficariam bons se vazados no objeto maior. Novamente, operação de união, mas desta vez para transformar o gato em uma grande massa preta. A ferramenta “simplify”, do Inkscape, é talvez uma das melhores que ele possui. Com apenas um clique, a figura suaviza e diminui consideravelmente informações desnecessárias. Com a ferramenta de edição de nós, terminamos pequenos ajustes nos pontos e curvas da figura. A figura agora está pronta, em um objeto vetorial, que você pode manipular facilmente e colocar em qualquer tamanho sem perda de qualidade. Adicionar texto pode produzir um impacto interessante.

Agora, é a hora de ser criativo! Uma dica: observe sempre se o seu layout precisa de algum tamanho específico. Começar o trabalho de edição já na proporção necessária adianta muito tempo e poupa dor de cabeça depois.

Lembre-se sempre de dar crédito da imagem original. O bom do Inkscape é que ele já exporta a imagem “.png” com fundo transparente.

Ilustração baseada em fotografia de Mai-Linh Doan

O crédito não diminui em nada o seu trabalho, muito pelo contrário: mostra a todos que você é profissional, criativo e ético.

Viu como é simples gerar imagens personalizadas, que garantam um diferencial para você ou seu cliente? Então, o que está esperando? Não esqueça de colocar um link para o trabalho criado aqui nos comentários!

Por Carolina Vigna-Marú
Designer e ilustradora das antigas, do tipo que raspou fotolito com gilette e fez separação de cores no papel vegetal, mas que não é saudosista e acha tecnologia o máximo. Trabalhou com multimídia e foi SysOp de BBS. Desenvolve sites desde 1996, especializando-se em CMS e em SEO com tableless e CSS. Começou em uma editora pequena em 1982 e nunca mais parou. Gosta muito de ilustração vetorial, mas não dispensa um bom papel e lápis. Fotógrafa amadora e apaixonada por tudo que é gráfico.

artigo publicado na Revista Webdesign online em 20/04/2009

  • comentário nº 1 do post “Indo além do banco de imagens”

    Nome: Eric

    Dados sobre o comentarista
    IP: 189.33.64.191
    Data do comentário: 20-Abr-2009
    Horário do comentário: 16:51:58


    Não sei o que é raspar fotolito com gilete, mas gostei bastante disso! ^^ Parabéns!!! baci!

  • comentário nº 2 do post “Indo além do banco de imagens”

    Nome: Carolina Vigna-Maru

    Dados sobre o comentarista
    IP: 201.68.130.211
    Data do comentário: 20-Abr-2009
    Horário do comentário: 17:01:17


    Obrigada!
    :*

    (é corrigir erros diretamente no fotolito na época em que isso ainda existia e era caro refazer o processo todo por causa de erros pequenos – a gente raspava o fotolito com gilete e depois fazia com bico de pena e nanquim a correção, era um trabalho meio de maluco)

  • comentário nº 3 do post “Indo além do banco de imagens”

    Nome: Luiz Felipe Vasques

    Dados sobre o comentarista
    IP: 189.32.182.133
    Data do comentário: 20-Abr-2009
    Horário do comentário: 23:59:52


    10 mil parabéns por mais essa!!!

    Beijos!

    P.S. – Meio? :)

  • comentário nº 4 do post “Indo além do banco de imagens”

    Nome: Ju

    Dados sobre o comentarista
    IP: 200.148.48.156
    Data do comentário: 21-Abr-2009
    Horário do comentário: 01:22:18


    Putz… o “antigamente” me deu um peso nas costas, hehe Fiz tanto, mas tanto que… afffmaria… hehe
    Bom, mas a msg eh pra dar parabens! Merda! Muita merda! :-)
    Beijo!

  • comentário nº 5 do post “Indo além do banco de imagens”

    Nome: Ju

    Dados sobre o comentarista
    IP: 200.148.48.156
    Data do comentário: 21-Abr-2009
    Horário do comentário: 01:23:15


    Ops, nao eh antigamente! Eh pior, eh “na epoca”! Ui! hehe Doeu, heheh

  • comentário nº 6 do post “Indo além do banco de imagens”

    Nome: Carolina Vigna-Maru

    Dados sobre o comentarista
    IP: 201.95.130.162
    Data do comentário: 21-Abr-2009
    Horário do comentário: 13:02:24


    Felipe, obrigada!!!

    Ju, obrigada, querida! E bem, é… A gente é experiente.

    :D

  • comentário nº 7 do post “Indo além do banco de imagens”

    Nome: Paulo Antunes

    Dados sobre o comentarista
    IP: 201.8.3.6
    Data do comentário: 21-Abr-2009
    Horário do comentário: 14:44:45


    Fala aí, Carol! Parabéns. Mandando muito bem nas matérias. Eu até ouvi lá o seu podcast curtinho sobre os sistemas de cores. Valeu mais do que 50 minutos de aula na faculdade.

  • comentário nº 8 do post “Indo além do banco de imagens”

    Nome: Carolina Vigna-Maru

    Dados sobre o comentarista
    IP: 201.95.130.162
    Data do comentário: 21-Abr-2009
    Horário do comentário: 20:12:17


    Mestre Antunes!
    Que felicidade vê-lo por aqui!
    \o/

    Que bom que você gostou. Mesmo.
    obrigada

    Bjs!