Tutorial - Vetorizando uma fotografia



Documentos relacionados
Exercício 1: Ajustes rápidos em retrato

Barra de ferramentas padrão. Barra de formatação. Barra de desenho Painel de Tarefas

Clique no menu Iniciar > Todos os Programas> Microsoft Office > Publisher 2010.

Corel Draw 12. Enviado por: Jair Marcolino Felix. Rua Dr. Osvaldo Assunção nº 72 Tucano BA Próximo a Escola de Artes e Ofícios (antigo CESG)

Autor: Eduardo Popovici Tutorial: Criando uma folha de Fichário / Caderno Software: Photoshop CS3 Ext. Ferramentas Utilizadas:

Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico.

Crie um novo documento de mais ou menos 300x300Selecione a ferramenta Elipse tool (elipse U)

TUTORIAL COMO CRIAR E EDITAR UM VÍDEO NO WINDOWS MOVIE MAKER*

Como Fazer um Template Profissional

NÚCLEO DE TECNOLOGIA E EDUCAÇÃO CURSO: WINDOWS MOVIE MAKER TUTORIAL

Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico.

Adobe Photoshop CS5. Aula 5

Portal da Prefeitura de São Paulo SECOM. MANUAL DO WARAM v. 1.5 Secretarias

SUMÁRIO TUTORIAL DO HQ. 2 DICAS PEDAGÓGICAS:. 2 DOWNLOAD DA INSTALAÇÃO. 2 PASSO 1 FORMULÁRIO PARA DOWNLOAD. 2 PASSO 2 ESCOLHENDO A VERSÃO.

Como aplicar batom multicolorido.

Tutorial de animação

Tutorial de ilustração animada

Apostila para uso do Power Point

Como incluir artigos:

- Versão 1.0 Página 1

MANUAL DE OPERAÇÃO EDOutlet (Online e Offline):

Manual da Administração do site Abrasel 2.0

AULA: BrOffice Impress terceira parte. Ao final dessa aula, você deverá ser capaz de:

Dicas para usar melhor o Word 2007

Tutorial do ADD Analisador de Dados Dinâmico.

Como Efetuar o Corte de Contorno pelo Corel Draw Corte de Contorno de Imagens vetorizadas pelo Corel Draw

ALBUM DE FOTOGRAFIAS NO POWER POINT

BREVE TUTORIAL DO PAINT PARTE I Prof. Reginaldo Brito - Informática

Produzir um desenho realista com o CorelDRAW

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5.

Mascarar imagens. Você aprenderá a. Abrir a imagem

Oficina de Manipulação e Edição de Fotografia e Imagem Digital GIMP

MULTIMÍDIA - GIMP TRABALHANDO COM TEXTOS

Uruaçu Professoras Formadoras do NTE Uruaçu

MANUAL COTAÇAO WEB MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA. [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de ]

Cópia. Copiadora e Impressora WorkCentre C2424

Tutorial Gerar arquivo PDF. Gerando um documento pdf com várias imagens 1- Inserir imagem no Word

TUTORIAL ACID 4.0. Primeiramente você precisa pegar o programa então você tem a seguinte opção:

Apostila de CorelDRAW

Dúvidas Freqüentes sobre o OpenOffice Apresentação

Manual Sistema de Autorização Online GW

GUIA PRÁTICO PARA EDIÇÃO DE FOTOS E IMAGENS

Sistema de Registro das Atividades do RT - Tutorial de utilização

1 UNIT Universidade do Trabalhador Dr. Abel dos Santos Nunes

Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico.

Tutorial de Blender, Animação básica do tipo keyframe

Como fazer busca de imagem no Google?

Downloads no EU VOU PASSAR 2.0

DICAS IMPORTANTES. Alunos com dificuldades DEVEM procurar o atendimento de suporte evesp@mstech.com.br ou

4 - Layout de Mapas no QGIS 2.0

TUTORIAL PARA CONFECÇÃO DE BANNERS PARA SITES: Um logo deve ser composto basicamente de uma textura (fundo), um título e uma figura correspondente.

Produção de tutoriais. Suellem Oliveira

Manual de operação. BS Ponto Versão 5.1

Recuperando arquivos. e Acessando arquivos protegidos.

TUTORIAL: Criando e animando sprites no Inkscape

COMO CONFIGURAR SUA PLOTTER DE RECORTE GCC DENTRO DO COREL DRAW

Como Gerar documento em PDF com várias Imagens

10 simples passos que irão mudar a forma como você tira fotos

Prática 3 Microsoft Word

Como fazer um jogo usando o editor de apresentação

Aula Au 3 la 7 Windows-Internet

Manual de Cotizações (esse manual se aplica a partir da versão 2011/0003 do Expert Turismo e Lazer)

Tutorial contas a pagar

O retrato através da História da Arte

Criando uma mala direta com o Word 2007 em 6 Passos

Criando Gif no GIMP com várias fotos sobrepostas e lado a lado

Exemplo Cartão de Visita 88 x 48mm

Clique no botão novo

15 4 Operação Avançada do Sistema: Inclusão de Nota Fiscal e seus relacionamentos

Topo para a loja virtual Brasmarket com imagens

Personagens no Autodesk Sketchbook Pro

Em 2 minutos de leitura você aprenderá facilmente a: Montar seu perfil Buscar colaboradores e comunidades Utilizar recursos

Gerenciamento de Projetos

MANUAL DO ANIMAIL Terti Software

Como atualizar os preços da ABCFarma.

Sistema Click Principais Comandos

Gerenciamento de Estúdios de Tatuagem. MANUAL DO USUÁRIO (Versão do manual: 2009.a)

1. Instalei o DutotecCAD normalmente no meu computador mas o ícone de inicialização do DutotecCAD não aparece.

GUIA MUDANÇA E FORMATAÇÃO DE SERVIDOR - MILLENNIUM

SHARP SELETIVO TUTORIAL PARA GIMP

Área de Trabalho. Encontramos: Ìcones Botão Iniciar Barra de Tarefas

1.GUIA RAPIDO COMO SALVAR GRAVAÇÕES VIA CMS LUX VISION

Criar trabalhos realistas com o preenchimento de malha

NESSE MANUAL VÃO SER SOLUCIONADAS AS SEGUINTES DÚVIDAS DE USO:

Guia para Escolha de Fotos no PSG Request

Produtos para fazer um contorno perfeito:

Instrutor Alexandre - CorelDraw

Manual de utilização do site de contatos

Altere o modo de mesclagem do círculo com o efeito para Multiply na paleta Transparency, em seguida, reduza a opacidade para cerca de 15%.

Caso já seja usuário do SCAW siga as instruções a partir da página X.

MANUAL DE FTP. Instalando, Configurando e Utilizando FTP

CURSO DE INFORMÁTICA BÁSICA AULA 2 O AMBIENTE WINDOWS

Retocar imagens. O que você aprenderá

Manual Equipamento ST10 Flasher Rev. 1

Guia Site Empresarial

Apresentação Gráfica e Formatação de Texto.

Usando o Google Code como repositório para projetos no Eclipse com SubClipse.

CRIANDO TEMPLATES E LEGENDAS

Criar trabalhos realistas com o preenchimento de malha

Transcrição:

Tutorial - Vetorizando uma fotografia Thiago Santos 02-2013

Vetorizando uma fotografia Meu nome é Thiago Santos e vou mostrar a vocês como vetorizar uma fotografia. O processo não é muito complicado, mas exige paciência, atenção e treino. Neste tutorial será feito um vetor básico, usando poucas camadas para ficar mais parecido com um desenho e não entrarei em muitos detalhes sobre o uso das ferramentas. Utilizarei uma fotografia da Angelina Jolie. Então, mãos a obra. Iniciando Primeiro importe a foto para o CorelDRAW, depois a converta em bitmap, para isso selecione a foto, clique em Bitmaps > Converter em bitmap..., na janela que abrir deixe configurado como na imagem a baixo e clique em OK. 2

Agora clique com o botão direito do mouse sobre a foto e clique em Bloquear objeto, depois selecione uma cor de contorno que não se confunda com as cores da foto, geralmente uso amarelo ou vermelho, na barra de propriedades da página altere a opção Distância de deslocamento para 50,0 mm, como na imagem a baixo. Agora sim vamos começar a desenhar. Não existe uma ordem correta para se começar o vetor, geralmente eu faço o contorno de todas as partes da foto, rosto, olhos, boca, cabelos, etc., faço uma cópia usando a tecla +, desloco para o lado e preencho com a cor base e depois continuo começando pelos olhos, boca, pele e cabelos, mas achei que seria mais interessante nesse tutorial começar pela pele. Vamos lá. Selecione a ferramenta Bézier marque os pontos de contorno. 3

Coloquei cores diferentes para identificar melhor as partes. Nota: Para fazer a íris e a pupila dos olhos use a ferramenta Elipse. Agora vamos converter todas as linhas em curva, selecione a ferramenta Forma, clique no objeto que vai converter primeiro, tecle Ctrl+A para selecionar todos os nós e clique em Converter em curva. 4

O próximo passo é ajustar as linhas às formas da imagem, usando a ferramenta Forma. Ficará como a imagem a baixo. 5

Faça o corte dos objetos dos olhos usando a Interseção. Nota: Você também pode fazer esse corte nos cabelos e no pescoço usando a opção Aparar, eu prefiro deixá-los atrás da camada do rosto. Selecione todos os objetos, faça uma cópia usando a tecla + e desloque-os para o lado usando as setas do teclado. Agora preencha as camadas com a cor base, a partir delas que você vai obter as outras, use a ferramenta Conta-gotas para selecionar as cores através da foto ou se quiser deixar com um aspecto de mangá, você pode usar uma cor de sua escolha, as 6

cores mais usadas para a base são: Pêssego, Areia e Rosa-desbotado, eu geralmente uso o Conta-gotas. Depois de preencher retire o contorno dos objetos. O meu ficou assim: A pele Com a ferramenta Bézier, faremos algumas camadas dos detalhes do rosto, essas camadas que darão forma ao rosto. Para saber onde fazê-las tente identificar na foto as partes mais escuras (sombras) e mais claras (reflexos) da pele, pode ser mais fácil se você visualizar no modo Aramado. Primeiro fiz as sombras ao redor do rosto, depois ao redor dos olhos e nariz, por fim os reflexos e aproveitei e já fiz a sobrancelha. 7

Obs.: As camadas em vermelho são as que já tínhamos feito antes, as verdes são as sombras e as amarelas os reflexos. Preenchendo as novas camadas Em um desenho, seja no rosto, boca, olhos ou cabelos, você vai usar no mínimo três tons de cor, cor base, sombras e reflexos, a partir da cor base você vai obter todas as outras fazendo uma mistura de cores. Vamos lá! Use o Conta-gotas para selecionar a cor da camada do fundo (cor base) e preencher a primeira camada de sombra, selecione esta camada, retire o contorno, mantenha a tecla Ctrl pressionada e clique sobre uma cor mais escura para misturar, você vai notar que a camada escureceu um pouco a cada clique que você der sobre a cor ela escurecerá mais um pouco. Faça o mesmo com as outras camadas, nas de reflexo clique em uma cor mais clara, teste várias misturas até obter o resultado desejado. 8

Faça o mesmo processo no pescoço. Seu vetor deve estar mais ou menos assim nesse momento. 9

Nota: Ao final do desenho você pode alterar as cores e o formato das camadas se achar necessário. A partir de agora todos os passos são bem parecidos, você já tem a base do desenho, então é só identificar as partes mais claras e escuras na foto, fazer o contorno, posicionar sobre o desenho e preencher. Os olhos Nos olhos eu gosto de caprichar bastante, pois eles dizem muito sobre a pessoa e as identifica e acho legal tentar preservar isso. Então vamos lá. Começaremos pelos cílios, com a ferramenta Bézier como na imagem a baixo. faça os traços dos cílios 10

Depois selecione todos os nós e converta em curva foto., faça as curvas acompanhando a Você já pode posicioná-lo sobre o desenho usando as teclas direcionais do teclado para deslocá-lo para o lado, depois é só ordená-lo atrás da camada branca do olho. Ficará assim: 11

Agora faremos a sombra da parte branca dos olhos, essa parte é bem simples, faça as camadas de sombra com a Bézier, depois as posicione sobre o desenho (usando teclas direcionais do teclado), faça o corte com a Interseção e faça o preenchimento. Veja a baixo: Agora faremos a íris dos olhos, além da Bézier nela eu também uso a ferramenta Mão livre quando quero que os traços de algum objeto fiquem mais irregulares. Mais alguns detalhes que devem ser feitos. 12

Resultado Final: A boca A boca segue o mesmo processo da pele e dos olhos, então só vou relembrar o processo e mostrar as imagens. Identifique os reflexos e sombras, faça o traçado dessas áreas, posicione-as sobre o desenho usando as teclas direcionais do teclado e faça o preenchimento usando a mistura de cores como foi mostrado anteriormente. 13

Os cabelos Finalmente chegamos aos cabelos, é nessa parte que geralmente as pessoas têm mais dificuldade, mas vou tentar explicar de forma simplificada. Vamos lá. Faça algumas partes que ainda estiverem faltando, como essas: Agora vamos preparar o fundo para receber os fios. 14

Primeiro trace os tons mais escuros dos cabelos, usando a ferramenta Bézier. Depois os tons médios E agora os tons mais claros 15

Agora vamos fazer alguns fios para dar forma aos cabelos e deixá-los um pouco mais reais. Com a ferramenta Bézier seguindo o sentido dos fios da foto. Faça alguns objetos como os da imagem a baixo Agrupe os objetos selecionando todos e teclando Ctrl+G, duplique o grupo e vá colocando os grupos duplicados sobre os cabelos seguindo o sentido dos fios da foto. 16

Agora você pode agrupar todos os grupos e posicioná-los sobre o desenho e preenche-los com uma cor mais clara ou mais escura que a cor do fundo, isso vai depender se você quer fazer um reflexo ou uma sombra, ou você pode usar vários tons no mesmo grupo, como eu fiz. 17

Repita o mesmo processo em todo cabelo, após terminá-lo visualize o desenho por inteiro e faça alguns retoques, se necessário. O meu ficou assim depois de finalizado. 18

Notas finais: Como eu disse antes não existe regra exata de como vetorizar. Ex.: Por onde começar o vetor, você pode começar pelos olhos, boca ou por onde achar mais fácil. Quanto maior a qualidade da foto mais detalhado será o seu desenho. Quanto mais camadas você utilizar mais realista seu desenho ficará, mas se você for iniciante vá com calma e comece fazendo desenhos mais simples até pegar prática. Você pode explorar mais o CorelDRAW para descobrir novos efeitos e utilizá-los nas camadas para finalizar seu desenho, como Transparência, Preenchimento Gradiente, Ferramenta Mistura, etc. Eu particularmente não gosto de usar gradiente e nunca usei mistura (ainda vou experimentar), transparência eu uso nos olhos e lábios e às vezes uso Preenchimento de textura com transparência para finalizar alguma parte da roupa ou um detalhe qualquer (só quando é um desenho mais realista) e também no background. Os cabelos eu faço dessa forma, fio a fio, pois foi a que me adaptei melhor, mas existem várias outras formas de se fazer, talvez até mais fáceis e rápidas, pesquisem sobre e procure ver vetores de outras pessoas para servir de inspiração. Não finalize seu vetor antes da hora, pare, continue outro dia, mas não dê seu vetor por finalizado se ainda não estiver gostando do resultado. Bom, por enquanto é só. Espero que tenham gostado e que tenha sido claro. Obrigado e boa sorte a todos! thiago santos www.thiago-nightcrawler.deviantart.com ts.carvalho@hotmail.com 19