• Portfólio

    Bem-vindo ao portfolio e blog do ilustrador e designer de interação Guilherme Simões!

    Welcome to the illustrator and interaction designer Guilherme Simões portfolio!

jan 21

Mini tutorial de ilustração vetorial

Hoje já é dia 21 de janeiro de 2010 e só agora consegui parar para escrever o primeio post do ano. Na empresa que trabalho, temos um mural com algumas informações úteis para as pessoas que trabalham aqui. Entre essas notícias temos um quadro de aniversários, que tiveram a idéia de pedir para a minha pessoa  ilustrar os próximos aniversariantes em situações engraçadas ou que caracterizam aquela pessoa. Como fiz ontem a primeira dessas ilustras achei legal escrever um pouco sobre o processo de criação. Coisa rápida, prometo!

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. ;)

Escrito em Ilustração | Tagged , | 2 Comentários

dez 28

Cartão de Natal Portal Unimed 2009

Como de praxe, final de ano pra mim é época de fazer cartões de natal, boas festas, ano novo, hanuka e outras festividades derradeiras de ano. Abaixo uns prints do cartão que fiz aqui para o Portal Unimed. Clicando aqui você confere ele animado.

Cartão de natal do Portal Unimed 2009

Escrito em Datas | Tagged , , , | Deixe um comentário

dez 24

Feliz Natal!

Escrito em Datas | Tagged | Deixe um comentário

dez 22

Site fora do ar e final de ano

Após um nebuloso período fora do ar, volto para pedir desculpas para quem passou pelo Vendo Criação nos últimos dias. Fiz uma mudança de host recentemente e isso infelizmente me acarretou algumas perdas, principalmente no tema do Wordpress. Não vou ficar escrevendo coisas tristes, já que felizmente estou de volta e prometo postar novos trabalhos e a partir de 2010, algumas coisas legais que coleciono nos meus favoritos também. Se tem alguém que ainda me acompanha por ai, obrigado por tudo e tenham um ótimo final de ano e que em 2010 a fada do dente e outros seres míticos e encantados façam com que o Brasil vá pra frente, já que sendo ano de eleição fico ainda com mais medo de depender dos nossos políticos pra isso. Grandes abraços!

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.

Escrito em Experiências | Deixe um comentário

set 30

Arquitetura da Informação para web

AIFinal de semana passado, nos dias 25 e 26 de setembro de 2009, participei de um treinamento pela JumpEducation em SP. O treinamento tinha como tema a Arquitetura de Informação e Projetos Web, com a partipação da Cátia Lassalvia e do Guilhermo Reis (WebMotors).

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)

Escrito em Arquitetura da Informação, Experiências | Tagged , , | 1 Comentário