1 – O rabiscão

Independente da técnica que vou usar (vetorial ou raster), o rascunho é necessariamente sempre feito a lápis no bom e velho papel. Esse rascunho contém a principal idéia da ilustra, mas pode ser modificado consideravelmente depois no computador. O que tenho feito ultimamente para ilustrações rápidas e sem detalhes muito pequenos é tirar uma foto do meu celular em vez de scannear, agiliza bastante o processo. Se tiver uma boa câmera em mãos melhor ainda.

2 – Traçando

Nesse caso específico eu trabalhei com ilustração vetorial, então a tarefa aqui é colocar o rascunho no Illustrator e mandar bala nos traços. A ilustração vetorial tem inúmeros estilos, aqui a idéia é trabalhar sem traços de contorno. Para isso é importante na hora de traçar o rascunho, fechar as formas totalmente para que o processo de colorização seja mais fácil. Existe no Illustrator e no Corel Draw uma função que não uso muito, mas é bem interessante de live painting que você pode traçar sem se preocupar em fechar os pontos e colorir usando o balde de cor. O programa entende o que é uma área fechada e colore independendo do fechamento dos pontos. No caso desse ilustra eu não usei essa técnica, que é muito útil se a velocidade é uma prioridade.

3 – Colorindo

A parte mais divertida do processo na minha opinião. A maneira que prefiro trabalhar é escolher os tons principais, como pele, roupa, cenário e criar variações entre esses tons, sempre escolhendo o tom principal, um mais claro e um mais escuro. Todos esses tons eu coloco na palheta de “swatches“, que é uma galeria de cores para aquela ilustração, podendo inclusive salvar para utilizar em outros projetos. No caso do illustrator já existem palhetas pré configuradas por tema, como cor de pele, tons pastéis, metais entre outros. Isso é muito útil quando é preciso fazer algo rápido.

4 – Indo pro abraço

Depois de colocar o esquema de cores, são feitos alguns ajustes e aplicados alguns gradientes para aumentar a sensação de volume. Muitas vezes trabalho exclusivamente com cores chapadas, sem variações sutis. Mas nesses caso, utilizei em quase todas as formas um gradiente. Vai do gosto e do estilo que você quer dar para o desenho

5 – Concluindo

A ilustração vetorial tem uma vantagem enorme de permitir a escalonagem e a rápida modificação de uma ilustra sem pensar na questão de resolução de impressão (já que os objetos são vetores matemáticos que se adaptam de acordo com as configurações escolhidas). Com certeza é apenas mais uma técnica legal de se dominar, principalmente pelo fato de, no caso de estar usando o Photoshop, você poder utilizar esses vetores como “smart objetcs”, que são objetos que são vetores, mas são convertidos temporariamente em raster para a visualização, porém sem perder a resolução. Para quem já trabalhou com vetores do illustrator como smart objetcs sabe como eles adiantam a vida. Se tiverem alguma dúvida sobre a técnica a adobe tem um guia muito completo no site deles. Se quiserem trocar uma idéia sobre processos é só entrar em contato que estou sempre a disposição. Em breve eu publico outro passo a passo.

obs.: Peço desculpas se encontrarem algumas coisas “tortas” e estranhas no site, mas estou ainda corrigindo alguns estilos que se perderam nessa transição de host.

O assunto sempre me interessou bastante, desde a época da faculdade quando tive a disciplina de Design de Informação. Mas foi após esse treinamento que pude ter uma visão da real complexidade do trabalho do arquiteto de informação. Os processos no geral têm várias semelhanças com processos inerentes ao design gráfico, o que torna o tema um terreno muito familiar para quem já trabalha com design. Foram abordados diversos assuntos muito interessantes, desde a fundamentação teórica do tema, passando por sistemas de organização, navegação, rotulação e busca. No segundo dia, com o Guilhermo Reis  que, com mais de 10 anos de experiência em grandes projetos, trouxe uma visão mais detalhada do processo dentro dos tópicos metodologia de projeto, pesquisa, concepção, especificação, sistema e fluxos de informações, wireframes, implementação, avaliação, análise heurística, card sorting e protótipos de papel. Como dá pra ver, o tema é muito amplo e só dois dias foram pouco para ver tanta coisa. Esse overview do assunto me estimulou a pesquisar mais e tentar estruturar cada vez melhor meus processos de trabalho em web. Para quem se interessar sobre o tema seguem alguns links e o contato da Jump caso surja o interesse em fazer o treinamento também.

Estou me organizando para fazer uma pequena apresentação sobre Arquitetura de Informação, focando um pouco mais nas áreas de protótipos e wireframes que, como já mencionei em outro post, é o assunto principal do meu trabalho de conclusão de curso. Quando tiver pronto publico por aqui.

Links:
guilhermo.com
The Information Architecture Institute
Jump Education
Jump Cast (Podcasts sobre marketing e mercado digital)
Boxes and Arrows (Lista de discussão internacional sobre design e AI)
Lista de discussão AIfIA-pt
3o Encontro Brasileiro de AI (dias 2 e 3 de outubro de 2009 – SP)

Segue um trabalho que tive muito orgulho de fazer, o site de corretor de imóveis para o meu pai (outro jabá =] ). Tive a liberdade de propor a construção do site em Wordpress que tem diversos prós, como o fato de ser opensource e de ter uma área administrativa muito amigável e simples de utilizar (inclusive para usuários quase leigos). Ele tem uma interface muito intuitiva e, com o uso de plugins especificos criados pelo Gorilla Themes, foi possível produzir um site inteiro em mais ou menos uma semana de trabalho, incluindo customização completa de tema e adaptações como tradução dos plugins na área administrativa e ajuste de bugs. Espero que gostem do resultado! Eu com certeza me diverti bastante trabalhando nele.

Só pra não passar em branco ai vai mais uma ilustra feita “a dedo” no Brushes para iPhone (sem dúvida esse aplicativo já faz valer o aparelhinho).

Elas ainda estão de licença, mas de vez em quanto trazem os pequenos pra dar um oi depois desses 9 meses que tiveram ouvindo as besteiras que eu falo o dia todo. Seguindo o ritmo, tive um jobzinho aqui de ilustrar uma cartilha sobre cuidados com o bebê. Essas ilustras são em homenagem aos recém chegados Arthur e Laura. Hope u like it!

[SWF]http://vendocriacao.com/wp-content/uploads/2009/08/bebe-banho.swf, 400, 358[/SWF]