Trabalho de Vetorização

Transcrição

1 Orientações Trabalho individual, que deverá ser entregue via (classe) com prazo até 08/11/2011. No assunto colocar disciplina e nome do aluno. Muitos trabalhos estão sendo entregues sem identificação, o que dificulta e impossibilita os professores de considerar a entrega do mesmo. Façam com calma e dedicação. O prazo é suficiente para realizarem um trabalho de qualidade. Trabalho de Vetorização Como vetorizar o rosto de uma pessoa para usar como avatar ou hackergotchi. Avatar é a representação visual de um utilizador em realidade virtual. De acordo com a tecnologia, pode variar desde um sofisticado modelo 3D até uma simples imagem. São normalmente pequenos, de tamanhos variados mas deixando espaço livre para a função principal do site, programa ou jogo que se está a usar. Hackergotch é uma imagem que os escritores usam como avatar para identificar o autor do post ou artigo em um determinado blog da internet. Isso será feito a partir de uma foto usando o Inkscape. Exemplo de como ficará: 1 1º) Importar uma foto para o Inkscape; 2º) Utilizando a ferramenta Caneta Caligráfica (Ctrl+F6), desenhar por cima da foto; 3º) Colocar as cores e algumas sombras para destacar melhor a imagem. Prepare sua área de trabalho Configure o tamanho da imagem em 128x128, pois esse é o tamanho usual em thumbnails(miniaturas). Importe sua foto para dentro do documento e redimensione ela de acordo com o tamanho desejado (pressionando a tecla Ctrl para manter a proporção). Ao redimensionar, iremos perder alguns detalhes da imagem, basta dar um Zoom In. Também é possível trabalhar em cima do tamanho original da fotografia e depois redimensionar o vetor.

2 2 Desenhando o contorno do rosto Use a ferramenta Caneta Caligráfica (Ctrl+F6). Configure a largura e a cor como você preferir. Usando vermelho fica mais claro a visualização no tutorial, mas você pode usar a cor que preferir. Comece desenhando livremente ao redor da fotografia, não se preocupe com os detalhes, cuidaremos deles posteriormente.

3 3 Quando quiser contornar os detalhes da imagem, é preciso dar um zoom in para ter mais precisão: Um desenho não é uma imagem realística, sendo assim, aumente algumas coisas, como os olhos neste caso (olhos maiores fazem a imagem parecer mais atraente e mais amável).

4 4 Não vamos desenhar o pescoço, mas fazer com que ele pareça estar parcialmente coberto pelos cabelos. Continue até que toda a face esteja contornada. Simplificando as formas Agora vem o mais repetitivo, trabalhoso e provavelmente o passo mais chato: a ferramenta Caneta Caligráfica gera toneladas de nós, sendo assim, nós apagaremos muitos deles para tornar as formas mais simples e então ajustá-las.

5 Selecione os nós, apague-os e depois disso ajuste a forma, de acordo com o que você quer alcançar, deixando-a mais lisa ou mais irregular. Quando uma forma estiver ajustada, faça o mesmo com a próxima. 5

6 Nessa parte sim devemos tomar cuidado com os detalhes, não deixe extremidades paralelas: rugas devem ser finas nas extremidades e grossas no meio, o mesmo vale para o cabelo. 6

7 Continue até que você tenha simplificado todas as formas. Pode ser muito trabalhoso, mas não requer muita experiência. 7

8 8 Finalizando o contorno Como nós estamos quase prontos com a parte do desenho, mova a fotografia ou simplesmente apague-a (nós poderíamos usá-la no processo de colorização, mas isso é opcional). Selecione todas suas formas e faça uma União (Ctrl++). Você pode dar um zoom e simplificar mais alguns nós que estejam causando imperfeição após a união, mas não é necessário. Agora você pode selecionar todo o contorno e deixá-lo preto, como deveria ser.

9 9

10 10 Colorização Use a ferramenta Bezier (Shift+F6) e desenhe por cima das formas. Eu comecei com uma sombrancelha. Remova o contorno e use a cor de preenchimento que você preferir. Mova esta forma colorida para baixo do contorno (Page Down) e ajuste os nós se for necessário. Se você sentir a necessidade, use uma cor de preenchimento com muito contrastante para ver claramente os nós que precisam ser editados.

11 Quando uma forma estiver pronta, repita o processo com o resto. 11

12 12 Continue até que todo o desenho tenha sido colorido. Se você gostou do resultado, você pode considerar o trabalho terminado e pode parar por aqui, ou pode continuar polindo um pouco mais (o desenho ainda está muito plano, mas para o pequeno tamanho, isto já pode ser bom).

13 13 Polindo a imagem Nós adicionaremos mais detalhes agora: brilhos, sombras e gradientes. Recoloque a fotografia sobre o seu desenho e usando a ferramenta Mão Livre (F6) - ou a Ferramenta Bezier - marque as áreas a serem realçadas e sombreadas, e preenchas com as cores branco e preto, respectivamente. Ou então utilize a fotografia, somente sua imaginação ou senso estético. Remova a fotografia e ajuste a transparência e o blur para essas áreas, nós não precisamos de branco ou preto forte.

14 Tenha um maior cuidado com os olhos, eles tem de ter uma área mais vibrante, caso contrário o desenho não parecerá vivo 14

15 15 Adicione mais alguns brilhos e sombras, e se preferir adicione alguns gradientes às cores sólidas do desenho Como o meu desenho é um hackergotchi, eu adicionei uma sombra ao redor da imagem. Salve o arquivo SVG, exporte como PNG.

16 16 Utilizando essa mesma técnica, você pode fazer um desenho manual de qualquer fotografia. Material do site: Professores: Viviana e Ana Paula